[V0_FILE]typescriptreact:file="app/page.tsx" import { Check } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import Navbar from "@/components/navbar" import Footer from "@/components/footer" import Testimonials from "@/components/testimonials" import FeatureSection from "@/components/feature-section" import HeroSection from "@/components/hero-section" export default function Home() { return (

{/* Pricing Section */}

Simple, Transparent Pricing

Choose the plan that's right for your business

{/* Starter Plan */} Starter Perfect for small teams just getting started

$29 /month

{feature}

{/* Pro Plan */}

Popular

Pro For growing teams with bigger needs

$79 /month

{feature}

{/* Enterprise Plan */} Enterprise For large organizations with specific requirements

Custom

{feature}

{/* CTA Section */}

Ready to transform your workflow?

Join thousands of teams already using SiteSmith to build better websites faster.

) } [V0_FILE]typescriptreact:file="components/navbar.tsx" "use client" import { useState } from "react" import Link from "next/link" import { Menu, X } from "lucide-react" import { Button } from "@/components/ui/button" import { cn } from "@/lib/utils" export default function Navbar() { const [isMenuOpen, setIsMenuOpen] = useState(false) return (

SiteSmith

{/* Desktop Navigation */}

{/* Mobile Menu Button */}

{/* Mobile Menu */}

) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" import Link from "next/link" import Image from "next/image" import { ArrowRight } from "lucide-react" import { Button } from "@/components/ui/button" export default function HeroSection() { return (

Build better websites{" "} faster

SiteSmith helps teams create, deploy, and manage beautiful websites without the complexity. Streamline your workflow and focus on what matters.

{[1, 2, 3, 4].map((i) => (

{i}

))}

Trusted by 10,000+ companies worldwide

Average time saved

40%

) } [V0_FILE]typescriptreact:file="components/feature-section.tsx" import { Code, Zap, Globe, Shield, Users, Layers } from "lucide-react" const features = [ { icon: , title: "Lightning Fast", description: "Build and deploy websites in minutes, not days. Our intuitive interface makes website creation a breeze.", }, { icon:

,
    title: "No-Code Editor",
    description:
      "Powerful visual editor that lets you create professional websites without writing a single line of code.",
  },
  {
    icon: ,
    title: "Global CDN",
    description:
      "Your websites are automatically deployed to our global CDN, ensuring fast load times for users worldwide.",
  },
  {
    icon: ,
    title: "Enterprise Security",
    description: "Bank-level security with automatic SSL, DDoS protection, and regular security audits.",
  },
  {
    icon: ,
    title: "Team Collaboration",
    description: "Work together seamlessly with real-time editing, commenting, and version control.",
  },
  {
    icon: ,
    title: "Integrations",
    description: "Connect with your favorite tools and services through our extensive integration marketplace.",
  },
]

export default function FeatureSection() {
  return (
    
      
        
          Powerful Features
          
            Everything you need to create, manage, and grow your web presence
          
        

        
          {features.map((feature, index) => (
            
              {feature.icon}
              {feature.title}
              {feature.description}
            
          ))}
        
      
    
  )
}

[V0_FILE]typescriptreact:file="components/testimonials.tsx"
import Image from "next/image"
import { Card, CardContent } from "@/components/ui/card"

const testimonials = [
  {
    quote:
      "SiteSmith has completely transformed how our marketing team creates landing pages. What used to take weeks now takes hours.",
    author: "Sarah Johnson",
    title: "Marketing Director, TechCorp",
    avatar: "/placeholder.svg?height=80&width=80",
  },
  {
    quote:
      "The collaboration features are game-changing. Our design and development teams are now working together more efficiently than ever.",
    author: "Michael Chen",
    title: "Product Manager, InnovateCo",
    avatar: "/placeholder.svg?height=80&width=80",
  },
  {
    quote:
      "We've cut our website development costs by 60% while improving quality. SiteSmith is now an essential part of our tech stack.",
    author: "Jessica Williams",
    title: "CTO, StartupX",
    avatar: "/placeholder.svg?height=80&width=80",
  },
]

export default function Testimonials() {
  return (
    
      
        
          What Our Customers Say
          
            Join thousands of satisfied customers who have transformed their web development process
          
        

        
          {testimonials.map((testimonial, index) => (
            
              
                
                  "{testimonial.quote}"
                  
                    
                    
                      {testimonial.author}
                      {testimonial.title}
                    
                  
                
              
            
          ))}
        

        
          
            {[1, 2, 3, 4, 5, 6].map((i) => (
              
                Company {i}
              
            ))}
          
        
      
    
  )
}

[V0_FILE]typescriptreact:file="components/footer.tsx"
import Link from "next/link"
import { Facebook, Twitter, Instagram, Linkedin, Github } from "lucide-react"

export default function Footer() {
  return (
    
      
        
          
            
              
                SiteSmith
              
            
            
              Empowering teams to build better websites faster with our intuitive SaaS platform.
            
            
              
                
                Twitter
              
              
                
                Facebook
              
              
                
                Instagram
              
              
                
                LinkedIn
              
              
                
                GitHub
              
            
          

          
            Product
            
              {["Features", "Pricing", "Integrations", "Changelog", "Roadmap"].map((item) => (
                
                  
                    {item}
                  
                
              ))}
            
          

          
            Company
            
              {["About", "Blog", "Careers", "Customers", "Partners"].map((item) => (
                
                  
                    {item}
                  
                
              ))}
            
          

          
            Resources
            
              {["Documentation", "Tutorials", "Support", "API", "Community"].map((item) => (
                
                  
                    {item}
                  
                
              ))}
            
          
        

        
          © {new Date().getFullYear()} SiteSmith. All rights reserved.
          
            
              Privacy Policy
            
            
              Terms of Service
            
            
              Cookie Policy
            
          
        
      
    
  )
}

[V0_FILE]typescriptreact:file="app/tailwind.config.js"
/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: ["class"],
  content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"],
  theme: {
    container: {
      center: true,
      padding: "2rem",
      screens: {
        "2xl": "1400px",
      },
    },
    extend: {
      colors: {
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        primary: {
          DEFAULT: "hsl(var(--primary))",
          foreground: "hsl(var(--primary-foreground))",
        },
        secondary: {
          DEFAULT: "hsl(var(--secondary))",
          foreground: "hsl(var(--secondary-foreground))",
        },
        destructive: {
          DEFAULT: "hsl(var(--destructive))",
          foreground: "hsl(var(--destructive-foreground))",
        },
        muted: {
          DEFAULT: "hsl(var(--muted))",
          foreground: "hsl(var(--muted-foreground))",
        },
        accent: {
          DEFAULT: "hsl(var(--accent))",
          foreground: "hsl(var(--accent-foreground))",
        },
        popover: {
          DEFAULT: "hsl(var(--popover))",
          foreground: "hsl(var(--popover-foreground))",
        },
        card: {
          DEFAULT: "hsl(var(--card))",
          foreground: "hsl(var(--card-foreground))",
        },
      },
      borderRadius: {
        lg: "var(--radius)",
        md: "calc(var(--radius) - 2px)",
        sm: "calc(var(--radius) - 4px)",
      },
      keyframes: {
        "accordion-down": {
          from: { height: 0 },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: 0 },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
}