import Navbar from '@/components/launch-ui/navbar'
import Hero from '@/components/launch-ui/hero'
import Items from '@/components/launch-ui/items'
import FAQ from '@/components/launch-ui/faq'
import Stats from '@/components/launch-ui/stats'
import Footer from '@/components/launch-ui/footer'

export const metadata = {
  title: 'Portfolio Host | Host Your Portfolio with Custom Domains',
  description: 'Deploy and manage your portfolio websites with custom domains. Simple, fast, and professional hosting for creatives and developers.',
  keywords: 'portfolio hosting, custom domain, web hosting, creative professionals',
  openGraph: {
    title: 'Portfolio Host | Host Your Portfolio with Custom Domains',
    description: 'Deploy and manage your portfolio websites with custom domains.',
    url: 'https://portfoliohost.com',
    type: 'website',
    images: [
      {
        url: 'https://portfoliohost.com/og-image.png',
        width: 1200,
        height: 630,
        alt: 'Portfolio Host',
      },
    ],
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Portfolio Host | Host Your Portfolio with Custom Domains',
    description: 'Deploy and manage your portfolio websites with custom domains.',
    image: 'https://portfoliohost.com/og-image.png',
  },
}

export default function Home() {
  return (
    <div className="min-h-screen flex flex-col">
      <Navbar />

      <main className="flex-1">
        <Hero />
        <Items />
        <FAQ />
        <Stats />
      </main>

      <Footer />

      {/* JSON-LD Structured Data */}
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify({
            '@context': 'https://schema.org',
            '@type': 'SoftwareApplication',
            name: 'Portfolio Host',
            description: 'Deploy and manage your portfolio websites with custom domains',
            url: 'https://portfoliohost.com',
            applicationCategory: 'WebApplication',
            offers: {
              '@type': 'Offer',
              price: '0',
              priceCurrency: 'USD',
              description: 'Free portfolio hosting',
            },
            aggregateRating: {
              '@type': 'AggregateRating',
              ratingValue: '4.9',
              ratingCount: '1000',
            },
          }),
        }}
      />
    </div>
  )
}