diff --git a/package-lock.json b/package-lock.json index 6d85927..d4824bc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -21,6 +21,7 @@ "popmotion": "^11.0.5", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-icons": "^5.5.0", "react-type-animation": "^3.2.0", "tailwind-merge": "^3.3.1", "tailwindcss": "^4.1.7", @@ -11897,6 +11898,15 @@ "react-dom": ">=16.8.1" } }, + "node_modules/react-icons": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz", + "integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==", + "license": "MIT", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", diff --git a/package.json b/package.json index b46b6be..3385f6c 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "popmotion": "^11.0.5", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-icons": "^5.5.0", "react-type-animation": "^3.2.0", "tailwind-merge": "^3.3.1", "tailwindcss": "^4.1.7", diff --git a/public/images/logos/icon.svg b/public/images/logos/icon.svg new file mode 100644 index 0000000..2461743 --- /dev/null +++ b/public/images/logos/icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx index 9fca531..5b914e3 100644 --- a/src/app/(main)/page.tsx +++ b/src/app/(main)/page.tsx @@ -1,27 +1,48 @@ -import { CallToAction } from '@/components/CallToAction' + import { Faqs } from '@/components/Faqs' import { UseCases } from '@/components/UseCases' -import { SecondaryFeatures } from '@/components/SecondaryFeatures' import { Steps } from '@/components/Steps' import { HomeHero } from '@/components/HomeHero' import { HomeAbout } from '@/components/HomeAbout' import { ClickableGallery } from '@/components/ClickableGallery' import { StackSectionPreview } from '@/components/StackSection' import { Companies } from '@/components/Companies' +import { CallTo } from '@/components/CallTo' +import { ScrollDown } from '@/components/ui/ScrollDown' +import { ScrollUp } from '@/components/ui/ScrollUp' export default function Home() { return ( <> - - - - - - - - - - +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+ +
+
+ +
+
+ +
+ + ) } diff --git a/src/app/favicon.ico b/src/app/favicon.ico index 2c1a304..3253936 100644 Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ diff --git a/src/components/CallTo.tsx b/src/components/CallTo.tsx new file mode 100644 index 0000000..1b3d1aa --- /dev/null +++ b/src/components/CallTo.tsx @@ -0,0 +1,47 @@ +export function CallTo() { + return ( +
+
+
+
+

+ More Resilient, More Powerful, More Diverse With You +

+

+ Unlike the corporate internet, where users are the product, in the new internet, participants are the owners and beneficiaries. +

+

+ By participating, you're not just using the technology, you're also helping to build a digital world that protects privacy, promotes fairness, and returns control to the people. +

+ + +
+
+
+
+ ) + } \ No newline at end of file diff --git a/src/components/ClickableGallery.tsx b/src/components/ClickableGallery.tsx index 7e48f03..1817b06 100644 --- a/src/components/ClickableGallery.tsx +++ b/src/components/ClickableGallery.tsx @@ -52,12 +52,12 @@ export function ClickableGallery() { return ( <> -
+

One Agent, Endless Possibilities.

 - -

+ +

The future isn’t about more tools. It’s about one intelligent partner that can do it all. This is your gateway to creativity, automation, and discovery.

@@ -75,7 +75,7 @@ export function ClickableGallery() {
setHovering(true)} onMouseLeave={() => setHovering(false)} > @@ -165,7 +165,7 @@ export function ClickableGallery() { {/* Foreground pill */}
-

+

-
+
+
{/* Heading */} -

- Seamlessly Deploy the World’s Leading AI Models +

+ Deploy the World’s Leading AI Models

-

+

Deploy and scale AI from top global providers on a decentralized, privacy-first infrastructure. Mycelium Cloud lets you integrate state-of-the-art intelligence into your workflows with full control, sovereignty, and cost efficiency.

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 378a3f4..d2a2d16 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -22,14 +22,14 @@ function QrCodeBorder(props: React.ComponentPropsWithoutRef<'svg'>) { export function Footer() { return ( -
+
-

Mycelium

+

Project Mycelium

Unleash the Power of Decentralized Networks

diff --git a/src/components/HomeAbout.tsx b/src/components/HomeAbout.tsx index 3d6eca4..511e382 100644 --- a/src/components/HomeAbout.tsx +++ b/src/components/HomeAbout.tsx @@ -64,9 +64,9 @@ export function HomeAbout() { That Never Sleep.

- +

- With Mycelium, you could deploy AI agents that handle your most complex workflows while maintaining complete data sovereignty and control. + With Mycelium Cloud, you can deploy purpose-built AI agents to automate any workflow. Keep complete control of your data while scaling from simple tasks to complex decision-making.

diff --git a/src/components/HomeHero.tsx b/src/components/HomeHero.tsx index ccb4945..6fdafda 100644 --- a/src/components/HomeHero.tsx +++ b/src/components/HomeHero.tsx @@ -18,7 +18,7 @@ export function HomeHero() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false) return ( -
+