[V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" import { Inter } from "next/font/google" import "./globals.css" import type React from "react" // Import React const inter = Inter({ subsets: ["latin"] }) export const metadata = { title: "Aleo - Zero Knowledge for All", description: "Build private applications from the ground up", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 20 14.3% 4.1%; --card: 0 0% 100%; --card-foreground: 20 14.3% 4.1%; --popover: 0 0% 100%; --popover-foreground: 20 14.3% 4.1%; --primary: 47.9 95.8% 53.1%; --primary-foreground: 26 83.3% 14.1%; --secondary: 60 4.8% 95.9%; --secondary-foreground: 24 9.8% 10%; --muted: 60 4.8% 95.9%; --muted-foreground: 25 5.3% 44.7%; --accent: 60 4.8% 95.9%; --accent-foreground: 24 9.8% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 60 9.1% 97.8%; --border: 20 5.9% 90%; --input: 20 5.9% 90%; --ring: 20 14.3% 4.1%; --radius: 0.75rem; } .dark { --background: 20 14.3% 4.1%; --foreground: 60 9.1% 97.8%; --card: 20 14.3% 4.1%; --card-foreground: 60 9.1% 97.8%; --popover: 20 14.3% 4.1%; --popover-foreground: 60 9.1% 97.8%; --primary: 47.9 95.8% 53.1%; --primary-foreground: 26 83.3% 14.1%; --secondary: 12 6.5% 15.1%; --secondary-foreground: 60 9.1% 97.8%; --muted: 12 6.5% 15.1%; --muted-foreground: 24 5.4% 63.9%; --accent: 12 6.5% 15.1%; --accent-foreground: 60 9.1% 97.8%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 60 9.1% 97.8%; --border: 12 6.5% 15.1%; --input: 12 6.5% 15.1%; --ring: 35.5 91.7% 32.9%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/page.tsx" import { HeroSection } from "@/components/hero-section" import { FeaturesSection } from "@/components/features-section" import { PartnersSection } from "@/components/partners-section" import { PricingSection } from "@/components/pricing-section" import { FooterSection } from "@/components/footer-section" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" import { Button } from "@/components/ui/button" export function HeroSection() { return (

Build Private Applications From The Ground Up

Experience the future of blockchain development with our zero-knowledge platform

) } [V0_FILE]typescriptreact:file="components/features-section.tsx" import { Card, CardContent } from "@/components/ui/card" import Image from "next/image" export function FeaturesSection() { const features = [ { title: "Zero-Knowledge Proofs", description: "Build applications with privacy at their core using our advanced zero-knowledge technology", image: "https://sjc.microlink.io/6KgXqAuAvsCVyrP_Ug_cOg0ZsEurE2Ho8JqBwOLlEWIjaXgydKid8EBC6ZMQ_vkV9PvSejsEhqZg0HMlOZAfrQ.jpeg", }, { title: "Developer Tools", description: "Access comprehensive development tools and SDKs to streamline your building process", image: "https://sjc.microlink.io/6KgXqAuAvsCVyrP_Ug_cOg0ZsEurE2Ho8JqBwOLlEWIjaXgydKid8EBC6ZMQ_vkV9PvSejsEhqZg0HMlOZAfrQ.jpeg", }, { title: "Scalable Infrastructure", description: "Deploy with confidence on our highly scalable and secure infrastructure", image: "https://sjc.microlink.io/6KgXqAuAvsCVyrP_Ug_cOg0ZsEurE2Ho8JqBwOLlEWIjaXgydKid8EBC6ZMQ_vkV9PvSejsEhqZg0HMlOZAfrQ.jpeg", }, ] return (

{features.map((feature, index) => (

{feature.title}

{feature.description}

))}

) } [V0_FILE]typescriptreact:file="components/partners-section.tsx" export function PartnersSection() { const partners = ["Partner 1", "Partner 2", "Partner 3", "Partner 4", "Partner 5", "Partner 6"] return (

Trusted By Industry Leaders

{partners.map((partner, index) => (

{partner}

))}

) } [V0_FILE]typescriptreact:file="components/pricing-section.tsx" import { Check } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" export function PricingSection() { const plans = [ { name: "Developer", price: "Free", features: ["Basic development tools", "Community support", "Limited API access", "Public network only"], }, { name: "Professional", price: "$99/month", features: [ "Advanced development tools", "Priority support", "Unlimited API access", "Private network support", "Custom integrations", ], }, ] return (

Simple, Transparent Pricing

Choose the plan that's right for you

{plans.map((plan) => ( {plan.name}

{plan.price}

{feature}

))}

) } [V0_FILE]typescriptreact:file="components/footer-section.tsx" import { Github, Twitter, DiscIcon as Discord } from "lucide-react" export function FooterSection() { return ( ) }

About

About