[V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated design tokens to match Trustpad design brief */ --background: #ffffff; --foreground: #1f2937; --card: #f1f5f9; --card-foreground: #1f2937; --popover: #ffffff; --popover-foreground: #1f2937; --primary: #1f2937; --primary-foreground: #ffffff; --secondary: #6b7280; --secondary-foreground: #ffffff; --muted: #f1f5f9; --muted-foreground: #1f2937; --accent: #8b5cf6; --accent-foreground: #ffffff; --destructive: #be123c; --destructive-foreground: #ffffff; --border: #e5e7eb; --input: #f1f5f9; --ring: #8b5cf6; --chart-1: #ec4899; --chart-2: #f97316; --chart-3: #3b82f6; --chart-4: #4ade80; --chart-5: #fbbf24; --radius: 0.5rem; --sidebar: #f1f5f9; --sidebar-foreground: #1f2937; --sidebar-primary: #ffffff; --sidebar-primary-foreground: #1f2937; --sidebar-accent: #8b5cf6; --sidebar-accent-foreground: #ffffff; --sidebar-border: #e5e7eb; --sidebar-ring: #8b5cf6; --font-dm-sans: "DM Sans", sans-serif; --font-space-grotesk: "Space Grotesk", sans-serif; } .dark { /* Updated dark mode tokens to complement the light theme */ --background: #0f172a; --foreground: #f8fafc; --card: #1e293b; --card-foreground: #f8fafc; --popover: #0f172a; --popover-foreground: #f8fafc; --primary: #f8fafc; --primary-foreground: #0f172a; --secondary: #475569; --secondary-foreground: #f8fafc; --muted: #1e293b; --muted-foreground: #94a3b8; --accent: #a855f7; --accent-foreground: #f8fafc; --destructive: #dc2626; --destructive-foreground: #f8fafc; --border: #334155; --input: #1e293b; --ring: #a855f7; --chart-1: #f472b6; --chart-2: #fb923c; --chart-3: #60a5fa; --chart-4: #4ade80; --chart-5: #fbbf24; --sidebar: #1e293b; --sidebar-foreground: #f8fafc; --sidebar-primary: #a855f7; --sidebar-primary-foreground: #f8fafc; --sidebar-accent: #334155; --sidebar-accent-foreground: #f8fafc; --sidebar-border: #334155; --sidebar-ring: #a855f7; --font-dm-sans: "DM Sans", sans-serif; --font-space-grotesk: "Space Grotesk", sans-serif; } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-dm-sans); --font-heading: var(--font-space-grotesk); --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; font-family: var(--font-sans); } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); } code, pre { font-family: var(--font-mono); } } [V0_FILE]typescriptreact:file="app/launch/page.tsx" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Checkbox } from "@/components/ui/checkbox" import { Calendar } from "@/components/ui/calendar" import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover" import { CalendarIcon, Rocket, ArrowLeft, Info } from "lucide-react" import { format } from "date-fns" import { cn } from "@/lib/utils" import Link from "next/link" const tokenCategories = [ "DeFi", "GameFi", "NFT", "Memecoin", "AI/ML", "Infrastructure", "Social", "Utility", "Governance", ] export default function LaunchPage() { const [formData, setFormData] = useState({ projectName: "", tokenSymbol: "", description: "", category: "", totalSupply: "", tokenPrice: "", softCap: "", hardCap: "", minInvestment: "", maxInvestment: "", website: "", twitter: "", telegram: "", discord: "", whitepaper: "", auditReport: "", teamInfo: "", roadmap: "", useOfFunds: "", }) const [launchDate, setLaunchDate] = useState() const [endDate, setEndDate] = useState() const [agreedToTerms, setAgreedToTerms] = useState(false) const [isSubmitting, setIsSubmitting] = useState(false) const handleInputChange = (field: string, value: string) => { setFormData((prev) => ({ ...prev, [field]: value })) } const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() setIsSubmitting(true) // Simulate API call await new Promise((resolve) => setTimeout(resolve, 2000)) alert("Project submitted successfully! Our team will review your submission within 48 hours.") setIsSubmitting(false) } return (

{/* Header */}

Back

Trustpad

{/* Page Header */}

Launch Your Token

Submit your project for review and launch your token on the Intuition network through Trustpad

{/* Requirements Card */} Launch Requirements

Hold minimum 1,000 $tTrust tokens

Complete KYC verification

Smart contract audit (recommended)

Detailed whitepaper

Active social media presence

Clear roadmap and tokenomics

{/* Submission Form */}

{/* Basic Information */} Basic Information Provide the fundamental details about your token project

Project Name * handleInputChange("projectName", e.target.value)} required />

Token Symbol * handleInputChange("tokenSymbol", e.target.value)} required />

Project Description *

handleInputChange("description", e.target.value)}
                    required
                  />
                </div>

<div className="space-y-2">
                  <Label htmlFor="category">Category *</Label>
                  <Select value={formData.category} onValueChange={(value) => handleInputChange("category", value)}>
                    <SelectTrigger>
                      <SelectValue placeholder="Select project category" />
                    </SelectTrigger>
                    <SelectContent>
                      {tokenCategories.map((category) => (
                        <SelectItem key={category} value={category}>
                          {category}
                        </SelectItem>
                      ))}
                    </SelectContent>
                  </Select>
                </div>
              </CardContent>
            </Card>

{/* Tokenomics */}
            <Card>
              <CardHeader>
                <CardTitle className="font-heading">Tokenomics</CardTitle>
                <CardDescription>Define your token economics and fundraising parameters</CardDescription>
              </CardHeader>
              <CardContent className="space-y-6">
                <div className="grid md:grid-cols-3 gap-6">
                  <div className="space-y-2">
                    <Label htmlFor="totalSupply">Total Supply *</Label>
                    <Input
                      id="totalSupply"
                      placeholder="e.g., 1,000,000,000"
                      value={formData.totalSupply}
                      onChange={(e) => handleInputChange("totalSupply", e.target.value)}
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="tokenPrice">Token Price (in $tTrust) *</Label>
                    <Input
                      id="tokenPrice"
                      placeholder="e.g., 0.001"
                      value={formData.tokenPrice}
                      onChange={(e) => handleInputChange("tokenPrice", e.target.value)}
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="softCap">Soft Cap ($tTrust) *</Label>
                    <Input
                      id="softCap"
                      placeholder="e.g., 100,000"
                      value={formData.softCap}
                      onChange={(e) => handleInputChange("softCap", e.target.value)}
                      required
                    />
                  </div>
                </div>

<div className="grid md:grid-cols-3 gap-6">
                  <div className="space-y-2">
                    <Label htmlFor="hardCap">Hard Cap ($tTrust) *</Label>
                    <Input
                      id="hardCap"
                      placeholder="e.g., 500,000"
                      value={formData.hardCap}
                      onChange={(e) => handleInputChange("hardCap", e.target.value)}
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="minInvestment">Min Investment ($tTrust) *</Label>
                    <Input
                      id="minInvestment"
                      placeholder="e.g., 100"
                      value={formData.minInvestment}
                      onChange={(e) => handleInputChange("minInvestment", e.target.value)}
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="maxInvestment">Max Investment ($tTrust)</Label>
                    <Input
                      id="maxInvestment"
                      placeholder="e.g., 10,000"
                      value={formData.maxInvestment}
                      onChange={(e) => handleInputChange("maxInvestment", e.target.value)}
                    />
                  </div>
                </div>
              </CardContent>
            </Card>

{/* Launch Schedule */}
            <Card>
              <CardHeader>
                <CardTitle className="font-heading">Launch Schedule</CardTitle>
                <CardDescription>Set your preferred launch and end dates</CardDescription>
              </CardHeader>
              <CardContent className="space-y-6">
                <div className="grid md:grid-cols-2 gap-6">
                  <div className="space-y-2">
                    <Label>Launch Date *</Label>
                    <Popover>
                      <PopoverTrigger asChild>
                        <Button
                          variant="outline"
                          className={cn(
                            "w-full justify-start text-left font-normal",
                            !launchDate && "text-muted-foreground",
                          )}
                        >
                          <CalendarIcon className="mr-2 h-4 w-4" />
                          {launchDate ? format(launchDate, "PPP") : "Select launch date"}
                        </Button>
                      </PopoverTrigger>
                      <PopoverContent className="w-auto p-0">
                        <Calendar mode="single" selected={launchDate} onSelect={setLaunchDate} initialFocus />
                      </PopoverContent>
                    </Popover>
                  </div>
                  <div className="space-y-2">
                    <Label>End Date *</Label>
                    <Popover>
                      <PopoverTrigger asChild>
                        <Button
                          variant="outline"
                          className={cn(
                            "w-full justify-start text-left font-normal",
                            !endDate && "text-muted-foreground",
                          )}
                        >
                          <CalendarIcon className="mr-2 h-4 w-4" />
                          {endDate ? format(endDate, "PPP") : "Select end date"}
                        </Button>
                      </PopoverTrigger>
                      <PopoverContent className="w-auto p-0">
                        <Calendar mode="single" selected={endDate} onSelect={setEndDate} initialFocus />
                      </PopoverContent>
                    </Popover>
                  </div>
                </div>
              </CardContent>
            </Card>

{/* Social Links & Documentation */}
            <Card>
              <CardHeader>
                <CardTitle className="font-heading">Links & Documentation</CardTitle>
                <CardDescription>Provide links to your project's online presence and documentation</CardDescription>
              </CardHeader>
              <CardContent className="space-y-6">
                <div className="grid md:grid-cols-2 gap-6">
                  <div className="space-y-2">
                    <Label htmlFor="website">Website *</Label>
                    <Input
                      id="website"
                      placeholder="https://yourproject.com"
                      value={formData.website}
                      onChange={(e) => handleInputChange("website", e.target.value)}
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="twitter">Twitter</Label>
                    <Input
                      id="twitter"
                      placeholder="https://twitter.com/yourproject"
                      value={formData.twitter}
                      onChange={(e) => handleInputChange("twitter", e.target.value)}
                    />
                  </div>
                </div>

<div className="grid md:grid-cols-2 gap-6">
                  <div className="space-y-2">
                    <Label htmlFor="telegram">Telegram</Label>
                    <Input
                      id="telegram"
                      placeholder="https://t.me/yourproject"
                      value={formData.telegram}
                      onChange={(e) => handleInputChange("telegram", e.target.value)}
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="discord">Discord</Label>
                    <Input
                      id="discord"
                      placeholder="https://discord.gg/yourproject"
                      value={formData.discord}
                      onChange={(e) => handleInputChange("discord", e.target.value)}
                    />
                  </div>
                </div>

<div className="grid md:grid-cols-2 gap-6">
                  <div className="space-y-2">
                    <Label htmlFor="whitepaper">Whitepaper URL *</Label>
                    <Input
                      id="whitepaper"
                      placeholder="https://yourproject.com/whitepaper.pdf"
                      value={formData.whitepaper}
                      onChange={(e) => handleInputChange("whitepaper", e.target.value)}
                      required
                    />
                  </div>
                  <div className="space-y-2">
                    <Label htmlFor="auditReport">Audit Report URL</Label>
                    <Input
                      id="auditReport"
                      placeholder="https://yourproject.com/audit.pdf"
                      value={formData.auditReport}
                      onChange={(e) => handleInputChange("auditReport", e.target.value)}
                    />
                  </div>
                </div>
              </CardContent>
            </Card>

{/* Additional Information */}
            <Card>
              <CardHeader>
                <CardTitle className="font-heading">Additional Information</CardTitle>
                <CardDescription>Provide detailed information about your team, roadmap, and fund usage</CardDescription>
              </CardHeader>
              <CardContent className="space-y-6">
                <div className="space-y-2">
                  <Label htmlFor="teamInfo">Team Information *</Label>
                  <Textarea
                    id="teamInfo"
                    placeholder="Describe your team members, their experience, and roles..."
                    className="min-h-[100px]"
                    value={formData.teamInfo}
                    onChange={(e) => handleInputChange("teamInfo", e.target.value)}
                    required
                  />
                </div>

<div className="space-y-2">
                  <Label htmlFor="roadmap">Roadmap *</Label>
                  <Textarea
                    id="roadmap"
                    placeholder="Outline your project's roadmap and key milestones..."
                    className="min-h-[100px]"
                    value={formData.roadmap}
                    onChange={(e) => handleInputChange("roadmap", e.target.value)}
                    required
                  />
                </div>

<div className="space-y-2">
                  <Label htmlFor="useOfFunds">Use of Funds *</Label>
                  <Textarea
                    id="useOfFunds"
                    placeholder="Explain how you plan to use the raised funds..."
                    className="min-h-[100px]"
                    value={formData.useOfFunds}
                    onChange={(e) => handleInputChange("useOfFunds", e.target.value)}
                    required
                  />
                </div>
              </CardContent>
            </Card>

{/* Terms and Submit */}
            <Card>
              <CardContent className="pt-6">
                <div className="space-y-6">
                  <div className="flex items-start space-x-2">
                    <Checkbox
                      id="terms"
                      checked={agreedToTerms}
                      onCheckedChange={(checked) => setAgreedToTerms(checked as boolean)}
                    />
                    <Label htmlFor="terms" className="text-sm leading-relaxed">
                      I agree to the{" "}
                      <a href="#" className="text-accent hover:underline">
                        Terms of Service
                      </a>{" "}
                      and{" "}
                      <a href="#" className="text-accent hover:underline">
                        Privacy Policy
                      </a>
                      . I understand that my project will be reviewed by the Trustpad team and may be rejected if it
                      doesn't meet the platform's standards.
                    </Label>
                  </div>

<Button
                    type="submit"
                    size="lg"
                    className="w-full bg-accent hover:bg-accent/90"
                    disabled={!agreedToTerms || isSubmitting}
                  >
                    {isSubmitting ? "Submitting..." : "Submit Project for Review"}
                  </Button>
                </div>
              </CardContent>
            </Card>
          </form>
        </div>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Badge } from "@/components/ui/badge"
import { Progress } from "@/components/ui/progress"
import { Rocket, Shield, Users, TrendingUp, Clock, DollarSign } from "lucide-react"

// Mock data for active token launches
const activeProjects = [
  {
    id: 1,
    name: "INTU-INU",
    symbol: "$INTU-INU",
    description: "The official mascot coin of the Intuition network",
    totalSupply: "1,000,000,000",
    raised: 300000,
    target: 3000000,
    progress: 10,
    timeLeft: "5 days",
    minInvestment: "10 $tTrust",
    category: "Memecoin",
    status: "Active",
  },
  {
    id: 2,
    name: "DeepThink",
    symbol: "$THINK",
    description: "AI-powered analytics platform for DeFi protocols",
    totalSupply: "1,000,000,000",
    raised: 100000,
    target: 1000000,
    progress: 10,
    timeLeft: "10 days",
    minInvestment: "5 $tTrust",
    category: "AI/DeFi",
    status: "Active",
  },
  {
    id: 3,
    name: "ChainBridge",
    symbol: "$BRIDGE",
    description: "Cross-chain interoperability solution",
    totalSupply: "250,000,000",
    raised: 4200000,
    target: 6000000,
    progress: 70,
    timeLeft: "8 days",
    minInvestment: "20 $tTrust",
    category: "Infrastructure",
    status: "Active",
  },
]

const features = [
  {
    icon: Shield,
    title: "Exposure in pre-token crypto projects with full transparency",
    description: "Built on the Intuition network with smart contract security audits",
  },
  {
    icon: Users,
    title: "$tTrust Token Gating",
    description: "Exclusive access for $tTrust holders ensures quality participants",
  },
  {
    icon: Rocket,
    title: "Easy Token Launch",
    description: "Streamlined process for creators to launch their tokens",
  },
  {
    icon: TrendingUp,
    title: "Revolutionizing Token Launches",
    description: "Connect with promising projects and communities through our transparent, scalable, and sustainable platform",
  },
]

export default function HomePage() {
  return (
    <div className="min-h-screen bg-background">
      {/* Header */}
      <header className="border-b border-border bg-card/50 backdrop-blur-sm sticky top-0 z-50">
        <div className="container mx-auto px-4 py-4">
          <div className="flex items-center justify-between">
            <div className="flex items-center space-x-2">
              <div className="w-8 h-8 bg-accent rounded-lg flex items-center justify-center">
                <Rocket className="w-5 h-5 text-accent-foreground" />
              </div>
              <h1 className="text-2xl font-heading font-bold text-foreground">Trustpad</h1>
            </div>
            <nav className="hidden md:flex items-center space-x-6">
              <a href="#" className="text-muted-foreground hover:text-foreground transition-colors">
                Browse
              </a>
              <a href="/launch" className="text-muted-foreground hover:text-foreground transition-colors">
                Launch
              </a>
              <a href="#" className="text-muted-foreground hover:text-foreground transition-colors">
                Portfolio
              </a>
              <Button variant="outline" size="sm">
                Connect Wallet
              </Button>
            </nav>
          </div>
        </div>
      </header>

{/* Hero Section */}
      <section className="py-20 px-4">
        <div className="container mx-auto text-center">
          <h1 className="text-5xl md:text-6xl font-heading font-bold text-foreground mb-6">
            Launch Your Token on
            <span className="text-accent block mt-2">Intuition Network</span>
          </h1>
          <p className="text-xl text-muted-foreground mb-8 max-w-2xl mx-auto">
            Trustpad is the premier decentralized launchpad where builders and creators launch innovative tokens. Join
            the exclusive community of $tTrust holders.
          </p>
          <div className="flex flex-col sm:flex-row gap-4 justify-center">
            <Button size="lg" className="bg-accent hover:bg-accent/90">
              Browse Projects
            </Button>
            <Button size="lg" variant="outline" asChild>
              <a href="/launch">Launch Your Token</a>
            </Button>
          </div>
        </div>
      </section>

{/* Features Section */}
      <section className="py-16 px-4 bg-muted/30">
        <div className="container mx-auto">
          <h2 className="text-3xl font-heading font-bold text-center mb-12">Why Choose Trustpad?</h2>
          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
            {features.map((feature, index) => (
              <Card key={index} className="text-center border-border/50">
                <CardHeader>
                  <div className="w-12 h-12 bg-accent/10 rounded-lg flex items-center justify-center mx-auto mb-4">
                    <feature.icon className="w-6 h-6 text-accent" />
                  </div>
                  <CardTitle className="font-heading">{feature.title}</CardTitle>
                </CardHeader>
                <CardContent>
                  <CardDescription>{feature.description}</CardDescription>
                </CardContent>
              </Card>
            ))}
          </div>
        </div>
      </section>

{/* Active Projects Section */}
      <section className="py-16 px-4">
        <div className="container mx-auto">
          <div className="flex items-center justify-between mb-12">
            <h2 className="text-3xl font-heading font-bold">Active Token Launches</h2>
            <Button variant="outline">View All Projects</Button>
          </div>

<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
            {activeProjects.map((project) => (
              <Card key={project.id} className="border-border/50 hover:border-accent/50 transition-colors">
                <CardHeader>
                  <div className="flex items-center justify-between">
                    <div>
                      <CardTitle className="font-heading">{project.name}</CardTitle>
                      <CardDescription className="text-accent font-medium">{project.symbol}</CardDescription>
                    </div>
                    <Badge variant="secondary">{project.category}</Badge>
                  </div>
                  <p className="text-sm text-muted-foreground">{project.description}</p>
                </CardHeader>

<CardContent className="space-y-4">
                  <div className="space-y-2">
                    <div className="flex justify-between text-sm">
                      <span>Progress</span>
                      <span className="font-medium">{project.progress}%</span>
                    </div>
                    <Progress value={project.progress} className="h-2" />
                    <div className="flex justify-between text-sm text-muted-foreground">
                      <span>${project.raised.toLocaleString()} raised</span>
                      <span>${project.target.toLocaleString()} target</span>
                    </div>
                  </div>

<div className="grid grid-cols-2 gap-4 text-sm">
                    <div className="flex items-center gap-2">
                      <Clock className="w-4 h-4 text-muted-foreground" />
                      <span>{project.timeLeft}</span>
                    </div>
                    <div className="flex items-center gap-2">
                      <DollarSign className="w-4 h-4 text-muted-foreground" />
                      <span>{project.minInvestment}</span>
                    </div>
                  </div>

<Button className="w-full bg-accent hover:bg-accent/90">Participate Now</Button>
                </CardContent>
              </Card>
            ))}
          </div>
        </div>
      </section>

{/* Stats Section */}
      <section className="py-16 px-4 bg-muted/30">
        <div className="container mx-auto">
          <div className="grid md:grid-cols-4 gap-8 text-center">
            <div>
              <h3 className="text-3xl font-heading font-bold text-accent">$12.5M</h3>
              <p className="text-muted-foreground">Total Raised</p>
            </div>
            <div>
              <h3 className="text-3xl font-heading font-bold text-accent">47</h3>
              <p className="text-muted-foreground">Successful Launches</p>
            </div>
            <div>
              <h3 className="text-3xl font-heading font-bold text-accent">8,200+</h3>
              <p className="text-muted-foreground">$tTrust Holders</p>
            </div>
            <div>
              <h3 className="text-3xl font-heading font-bold text-accent">15</h3>
              <p className="text-muted-foreground">Active Projects</p>
            </div>
          </div>
        </div>
      </section>

{/* Footer */}
      <footer className="border-t border-border py-12 px-4">
        <div className="container mx-auto">
          <div className="flex flex-col md:flex-row items-center justify-between">
            <div className="flex items-center space-x-2 mb-4 md:mb-0">
              <div className="w-8 h-8 bg-accent rounded-lg flex items-center justify-center">
                <Rocket className="w-5 h-5 text-accent-foreground" />
              </div>
              <span className="text-xl font-heading font-bold">Trustpad</span>
            </div>
            <div className="flex items-center space-x-6 text-sm text-muted-foreground">
              <a href="#" className="hover:text-foreground transition-colors">
                Terms
              </a>
              <a href="#" className="hover:text-foreground transition-colors">
                Privacy
              </a>
              <a href="#" className="hover:text-foreground transition-colors">
                Docs
              </a>
              <a href="#" className="hover:text-foreground transition-colors">
                Support
              </a>
            </div>
          </div>
          <div className="mt-8 pt-8 border-t border-border text-center text-sm text-muted-foreground">
            <p>© 2024 Trustpad. Built on the Intuition Network. All rights reserved.</p>
          </div>
        </div>
      </footer>
    </div>
  )
}</article></body></html>