[V0_FILE]typescriptreact:file="app/page.tsx" import { Button } from "@/components/ui/button" import { Shield, Lock, Blocks, ChevronRight } from "lucide-react" import Link from "next/link" export default function Home() { return (

{/* Hero Section */}

Secure Your Blockchain Assets with Confidence

Advanced protection for your digital assets. Industry-leading security protocols and real-time threat detection for blockchain networks.

{stats.map((stat) => (

{stat.value}

{stat.label}

))}

{/* Features Section */}

Enterprise-Grade Security Features

Comprehensive protection for your blockchain infrastructure

{features.map((feature) => (

{feature.title}

{feature.description}

))}

{/* CTA Section */}

Ready to Secure Your Network?

Join thousands of organizations that trust BlockShield Hub for their blockchain security needs.

{/* Footer */}

) } const stats = [ { label: "Protected Networks", value: "500+" }, { label: "Threats Blocked", value: "1M+" }, { label: "Client Satisfaction", value: "99.9%" }, ] const features = [ { icon: Shield, title: "Real-time Protection", description: "24/7 monitoring and instant threat detection for your blockchain network.", }, { icon: Lock, title: "Smart Contract Audit", description: "Automated and manual security audits for smart contract vulnerabilities.", }, { icon: Blocks, title: "Network Analysis", description: "Deep analysis of network patterns to identify potential security risks.", }, ] const footerLinks = [ { title: "Product", links: [ { label: "Features", href: "#" }, { label: "Security", href: "#" }, { label: "Enterprise", href: "#" }, { label: "Pricing", href: "#" }, ], }, { title: "Resources", links: [ { label: "Documentation", href: "#" }, { label: "API Reference", href: "#" }, { label: "Blog", href: "#" }, { label: "Community", href: "#" }, ], }, { title: "Company", links: [ { label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }, { label: "Partners", href: "#" }, ], }, ] [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" import "@/styles/globals.css" import { Inter } from "next/font/google" import { Navbar } from "@/components/navbar" import type React from "react" // Import React const inter = Inter({ subsets: ["latin"] }) export const metadata = { title: "BlockShield Hub - Advanced Blockchain Security", description: "Enterprise-grade security solutions for blockchain networks", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/navbar.tsx" "use client" import Link from "next/link" import { Shield } from "lucide-react" import { Button } from "@/components/ui/button" export function Navbar() { return (

BlockShield Hub

) } [V0_FILE]css:file="styles/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 221.2 83.2% 53.3%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 221.2 83.2% 53.3%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217.2 91.2% 59.8%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 224.3 76.3% 48%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } }