"use client"; import { Button } from "./Button"; import Image from "next/image"; import { CpuChipIcon, CircleStackIcon, CurrencyDollarIcon, ShareIcon, ShieldCheckIcon, LinkIcon, ServerStackIcon, WifiIcon, ComputerDesktopIcon, UsersIcon, DevicePhoneMobileIcon, } from "@heroicons/react/24/solid"; const posts = [ { id: 1, title: 'ZERO-OS V3', href: '#', description1: 'A stateless and lightweight operating system that allows for an improved efficiency of up to 10x for certain workloads.', description2: '', icon: , }, { id: 2, title: 'MYCELIUM NETWORK', href: '#', description1: 'Decentralized communication layer of TF Grid that connects and coordinates nodes on the ThreeFold Grid, enabling secure and efficient peer-to-peer interactions.', description2: '', icon: , }, { id: 3, title: 'QUANTUM SAFE STORAGE', href: '#', description1: 'QSS is a decentralized, globally distributed data storage system. It is unbreakable, self-healing, append-only, and immutable.', description2: '', icon: , }, { id: 4, title: 'TF CHAIN', href: '#', description1: 'An application-specific blockchain customized for the operation of a single application – provisioning decentralized compute, storage, and network capacity.', description2: '', icon: , }, { id: 5, title: '3NODES', href: '#', description1: 'Decentralized, user-owned hardware devices that provides computing, storage, and networking resources to power the TF Grid.', description2: '', icon: , }, { id: 6, title: 'GATEWAY NODES', href: '#', description1: 'Specialized nodes that provide secure access points to the ThreeFold Grid, enabling decentralized networking, private data communication, and seamless interaction between users and applications.', description2: '', icon: , }, { id: 7, title: 'TF DASHBOARD', href: '#', description1: 'A user-friendly interface for monitoring, managing, and deploying resources on the ThreeFold Grid.', description2: '', icon: , }, { id: 8, title: 'TF DAO', href: '#', description1: 'A community-driven governance model that allows farmers to participate in decision-making processes related to the development and direction of the ThreeFold ecosystem.', description2: '', icon: , }, { id: 9, title: 'TF CONNECT APP', href: '#', description1: 'A mobile app that serves as a gateway to the ThreeFold ecosystem and its various ThreeFold products and services.', description2: '', icon: , }, ] export default function BuildStack() { return (
{/* Gradient Blob Component */}
{/* Left Column - Text (1/3 width) */}

The ThreeFold Stack

Products designed to power a decentralized, sustainable digital future.

{/* Right Column - Stacked Cubes (2/3 width) */}
{posts.map((post) => (
{ e.currentTarget.style.filter = 'brightness(0.8) drop-shadow(0 0 20px rgba(156, 163, 175, 0.5))'; }} onMouseLeave={(e) => { e.currentTarget.style.filter = 'brightness(1)'; }} >
{post.icon} {post.title}
< div className="max-w-2/3">

{post.description1}

{post.description2}

))}
); }