diff --git a/README.md b/README.md index 32268db..7c5504b 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# Pocket +# Mycelium -Pocket is a [Tailwind Plus](https://tailwindcss.com/plus) site template built using [Tailwind CSS](https://tailwindcss.com) and [Next.js](https://nextjs.org). +Mycelium is a [Tailwind Plus](https://tailwindcss.com/plus) site template built using [Tailwind CSS](https://tailwindcss.com) and [Next.js](https://nextjs.org). ## Getting started diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx index 1aa354a..7ab1cbb 100644 --- a/src/app/(main)/page.tsx +++ b/src/app/(main)/page.tsx @@ -3,16 +3,19 @@ import { Faqs } from '@/components/Faqs' import { Hero } from '@/components/Hero' import { Pricing } from '@/components/Pricing' import { PrimaryFeatures } from '@/components/PrimaryFeatures' -import { Reviews } from '@/components/Reviews' +import { UseCases } from '@/components/UseCases' import { SecondaryFeatures } from '@/components/SecondaryFeatures' import { Benefits } from '@/components/Benefits' +import { About } from '@/components/About' export default function Home() { return ( <> + + - + diff --git a/src/app/favicon.ico b/src/app/favicon.ico index 88b1f7a..2c1a304 100644 Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 8ad1a0b..b06e386 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -13,10 +13,10 @@ const inter = Inter({ export const metadata: Metadata = { title: { template: '%s - Mycelium', - default: 'Mycelium - Redefining Digital Communication', + default: 'Mycelium - Unleash the Power of Decentralized Networks', }, description: - 'Mycelium is designed to improve how we connect and communicate in the digital world. Its goal is to create a secure, efficient, and scalable digital ecosystem where data flows seamlessly and remains protected.', + 'Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking.', } export default function RootLayout({ diff --git a/src/components/About.tsx b/src/components/About.tsx new file mode 100644 index 0000000..8641491 --- /dev/null +++ b/src/components/About.tsx @@ -0,0 +1,32 @@ +import { AppStoreLink } from '@/components/AppStoreLink' +import { CircleBackground } from '@/components/CircleBackground' +import { Container } from '@/components/Container' + +export function About() { + return ( +
+
+ +
+ +
+

+ Discover Mycelium +

+

+ Mycelium is an unbreakable network, always finding the shortest path and providing 100% secure, peer-to-peer communication. But this is just the beginning. +

+

+ Our mission is to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds. +

+
+ +
+
+ +
+ ) +} diff --git a/src/components/AndroidLink.tsx b/src/components/AndroidLink.tsx new file mode 100644 index 0000000..eb1a12f --- /dev/null +++ b/src/components/AndroidLink.tsx @@ -0,0 +1,71 @@ +import Link from 'next/link' +import clsx from 'clsx' + +export function AndroidLink({ + color = 'black', +}: { + color?: 'black' | 'white' +}) { + return ( + + {/* Android SVG (converted for JSX) */} + + + {/* Text */} +
+ Download for + Android +
+ + ) +} diff --git a/src/components/AppStoreLink.tsx b/src/components/AppStoreLink.tsx index a970540..24b4dc0 100644 --- a/src/components/AppStoreLink.tsx +++ b/src/components/AppStoreLink.tsx @@ -8,7 +8,7 @@ export function AppStoreLink({ }) { return ( +

- Powering Secure & Decentralized Connectivity + Nature's Blueprint for Digital Connectivity

- Mycelium, a key component of the ThreeFold Grid, can be installed on any computer (macOS, Linux, Windows) and smartphone (iOS, Android). With seamless integration, it enables secure and private communication across devices. + Just as nature's mycelium network serves as a critical component in the ecosystems of forests, connecting trees and plants underground, the Mycelium technology offers reliable connectivity in an efficient and resilient way.

-

- The ThreeFold Dashboard offers dozens of applications with built-in Mycelium support, making it easy to deploy and utilize. Once installed, Mycelium provides a secure, encrypted network for a wide range of use cases, from private communication to decentralized infrastructure. -

    {features.map((feature) => ( @@ -57,16 +44,17 @@ export function Benefits() { key={feature.name} className="rounded-2xl border border-gray-200 p-8 dark:border-gray-700" > -

    {feature.name}

    -
      - {feature.description.replace(/\.\s+/g, '\n').split('\n').filter((item: string) => item.trim()).map((item: string, index: number) => ( -
    • {item.trim()}
      • - ))} -
    + {feature.name} +

    {feature.name}

    +

    {feature.description}

    ))}
- +
) } diff --git a/src/components/CallToAction.tsx b/src/components/CallToAction.tsx index 9a4f4ab..2493e09 100644 --- a/src/components/CallToAction.tsx +++ b/src/components/CallToAction.tsx @@ -1,4 +1,7 @@ import { AppStoreLink } from '@/components/AppStoreLink' +import { WindowsLink } from '@/components/WindowsLink' +import { AndroidLink } from './AndroidLink' +import { LinuxLink } from '@/components/LinuxLink' import { CircleBackground } from '@/components/CircleBackground' import { Container } from '@/components/Container' @@ -12,17 +15,18 @@ export function CallToAction() { -
+

- Get your first tips today + Get Started Today

-

- It takes 30 seconds to sign up. Download the app and create an - account today and we’ll send you a tip guaranteed to double your - first investment. +

+ Download the Mycelium app and step into the future of secure, peer-to-peer networking; fast, private, and decentralized.

-
+
+ + +
diff --git a/src/components/DownloadLink.tsx b/src/components/DownloadLink.tsx new file mode 100644 index 0000000..70aa105 --- /dev/null +++ b/src/components/DownloadLink.tsx @@ -0,0 +1,15 @@ +import Link from 'next/link' +import { ArrowDownTrayIcon } from '@heroicons/react/24/solid' + +export function DownloadLink() { + return ( + + + Get Mycelium + + ) +} diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 439307e..378a3f4 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -29,8 +29,8 @@ export function Footer() {
-

Pocket

-

Invest at the perfect time.

+

Mycelium

+

Unleash the Power of Decentralized Networks

diff --git a/src/components/Header.tsx b/src/components/Header.tsx index a89b0cc..08e87f0 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -108,22 +108,25 @@ export function Header() { className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-gray-50 px-6 pt-32 pb-6 shadow-2xl shadow-gray-900/20" >
+ + About + + + Benefits + Features - - Reviews - - - Pricing + + Use Cases FAQs
- - +
@@ -133,10 +136,10 @@ export function Header() { )}
- - +
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index 65d4815..7994fed 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -3,7 +3,7 @@ import Image from 'next/image' import clsx from 'clsx' import { AppDemo } from '@/components/AppDemo' -import { AppStoreLink } from '@/components/AppStoreLink' +import { DownloadLink } from '@/components/DownloadLink' import { Button } from '@/components/Button' import { Container } from '@/components/Container' import { PhoneFrame } from '@/components/PhoneFrame' @@ -105,7 +105,7 @@ export function Hero() {

- MYCELIUM + Mycelium

Unleashing the Power of Decentralized Networks @@ -117,13 +117,13 @@ export function Hero() { Coming Soon: New Decentralized Features

- +

diff --git a/src/components/LinuxLink.tsx b/src/components/LinuxLink.tsx new file mode 100644 index 0000000..ede0070 --- /dev/null +++ b/src/components/LinuxLink.tsx @@ -0,0 +1,36 @@ +import Link from 'next/link' +import clsx from 'clsx' + +export function LinuxLink({ + color = 'black', +}: { + color?: 'black' | 'white' +}) { + return ( + + {/* Linux SVG */} + + + {/* Text */} +
+ Download for + Linux +
+ + ) +} diff --git a/src/components/NavLinks.tsx b/src/components/NavLinks.tsx index ea08e3b..d89909e 100644 --- a/src/components/NavLinks.tsx +++ b/src/components/NavLinks.tsx @@ -9,9 +9,10 @@ export function NavLinks() { let timeoutRef = useRef(null) return [ + ['About', '/#about'], + ['Benefits', '/#benefits'], ['Features', '/#features'], - ['Reviews', '/#reviews'], - ['Pricing', '/#pricing'], + ['Use Cases', '/#usecases'], ['FAQs', '/#faqs'], ].map(([label, href], index) => (

- Discover Mycelium + How Mycelium Operates

- Mycelium is an unbreakable network, always finding the shortest path and providing 100% secure, peer-to-peer communication. But this is just the beginning. -

-

- Our mission is to create a sustainable digital ecosystem where communication is seamless, data is secure, and scalability knows no bounds. + Mycelium, like its natural namesake, thrives on decentralization, efficiency, and security, making it a truly powerful force in the world of decentralized networks.

diff --git a/src/components/Reviews.tsx b/src/components/UseCases.tsx similarity index 99% rename from src/components/Reviews.tsx rename to src/components/UseCases.tsx index 7b7c712..a338d3a 100644 --- a/src/components/Reviews.tsx +++ b/src/components/UseCases.tsx @@ -348,17 +348,17 @@ function ReviewGrid() { ) } -export function Reviews() { +export function UseCases() { return (

Powering Secure & Decentralized Connectivity diff --git a/src/components/WindowsLink.tsx b/src/components/WindowsLink.tsx new file mode 100644 index 0000000..df72ec6 --- /dev/null +++ b/src/components/WindowsLink.tsx @@ -0,0 +1,39 @@ +import Link from 'next/link' +import clsx from 'clsx' + +export function WindowsLink({ + color = 'black', +}: { + color?: 'black' | 'white' +}) { + return ( + + {/* Windows logo */} + + + {/* Text */} +
+ Download for + Windows +
+ + ) +} diff --git a/src/images/android.svg b/src/images/android.svg new file mode 100644 index 0000000..94353d8 --- /dev/null +++ b/src/images/android.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/images/favicon.svg b/src/images/favicon.svg new file mode 100644 index 0000000..9c8883a --- /dev/null +++ b/src/images/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/images/linux.png b/src/images/linux.png new file mode 100644 index 0000000..e0a349c Binary files /dev/null and b/src/images/linux.png differ diff --git a/src/images/linux.svg b/src/images/linux.svg new file mode 100644 index 0000000..91ffe3e --- /dev/null +++ b/src/images/linux.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/images/mycelium.svg b/src/images/mycelium.svg new file mode 100644 index 0000000..4eb60f2 --- /dev/null +++ b/src/images/mycelium.svg @@ -0,0 +1 @@ + \ No newline at end of file