sasha-astiadi
2ebdb14409
- Removed unused DummyContent component and content prop from slider data - Simplified Card component mapping by removing unnecessary index parameter - Cleaned up whitespace in apple-cards-carousel component - Streamlined data structure by removing unused content fields from slider items
88 lines
2.4 KiB
TypeScript
88 lines
2.4 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { Carousel, Card } from "@/components/ui/apple-cards-carousel";
|
|
import { H2, H3, P } from "@/components/Texts";
|
|
|
|
export function HomeSlider() {
|
|
const cards = data.map((card) => (
|
|
<Card key={card.src} card={card} />
|
|
));
|
|
|
|
return (
|
|
<div className="w-full h-full py-20 bg-[#0b0b0b]">
|
|
<div className="max-w-7xl mx-auto pl-4">
|
|
<H3 className="text-left text-white">
|
|
Discover the Mycelium Ecosystem
|
|
</H3>
|
|
<div className="mt-4 max-w-3xl">
|
|
<P className="text-left text-neutral-400">
|
|
From compute and networking to intelligent automation, these components work together to empower users, developers, and organizations to build freely, without intermediaries.
|
|
</P>
|
|
</div>
|
|
</div>
|
|
<Carousel items={cards} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
|
|
import networkImage from "@/images/slider/network1.jpg";
|
|
import agentImage from "@/images/slider/agent1.jpg";
|
|
import cloudImage from "@/images/slider/cloud1.jpg";
|
|
import gpuImage from "@/images/slider/gpu1.jpg";
|
|
import computeImage from "@/images/slider/compute1.jpg";
|
|
import storageImage from "@/images/slider/storage1.jpg";
|
|
|
|
const data = [
|
|
{
|
|
category: "DePIN",
|
|
title: "Mycelium Network",
|
|
description: "A decentralized network for distributed computing.",
|
|
src: "/images/gallery/9.webp",
|
|
bg: networkImage,
|
|
link: "/network",
|
|
},
|
|
{
|
|
category: "AI Agent",
|
|
title: "Mycelium Agent",
|
|
description: "An intelligent agent for task automation.",
|
|
src: "/images/gallery/2.webp",
|
|
bg: agentImage,
|
|
link: "/agent",
|
|
},
|
|
{
|
|
category: "Cloud",
|
|
title: "Mycelium Cloud",
|
|
description: "Decentralized cloud storage and services.",
|
|
src: "/images/gallery/3.webp",
|
|
bg: cloudImage,
|
|
link: "/cloud",
|
|
},
|
|
|
|
{
|
|
category: "GPU",
|
|
title: "Mycelium GPU",
|
|
description: "Access to a global network of GPUs.",
|
|
src: "/images/gallery/4.webp",
|
|
bg: gpuImage,
|
|
link: "/gpu",
|
|
},
|
|
{
|
|
category: "Compute",
|
|
title: "Mycelium Compute",
|
|
description: "Run computations on a distributed network.",
|
|
src: "/images/gallery/5.webp",
|
|
bg: computeImage,
|
|
link: "/compute",
|
|
},
|
|
{
|
|
category: "Storage",
|
|
title: "Mycelium Storage",
|
|
description: "Secure and decentralized data storage.",
|
|
src: "/images/gallery/6.webp",
|
|
bg: storageImage,
|
|
link: "/storage",
|
|
},
|
|
];
|