Day 4: Landing Page, SEO, and Conversion Optimization

import Link from 'next/link'
import { auth } from '@/lib/auth'

export default async function Home() {
  const session = await auth()

  return (
    <section className="hero">
      {/* Social proof above the headline */}
      <p className="social-proof">Trusted by 1,000+ marketers</p>

      {/* Headline: specific outcome, not vague claim */}
      <h1>Write a week of content in 10 minutes</h1>

      {/* Sub-headline: the mechanism */}
      <p>AI-powered content generation for teams that need to publish daily
         without burning out their writers.</p>

      {/* Single CTA — not two buttons */}
      <Link href={session ? '/dashboard' : '/register'}>
        {session ? 'Go to Dashboard' : 'Start Free — No credit card'}
      </Link>
    </section>
  )
}

import { Metadata } from 'next'

export const metadata: Metadata = {
  title: {
    default: 'ContentAI — Write a week of content in 10 minutes',
    template: '%s | ContentAI'
  },
  description: 'AI-powered content generation. Create blog posts, social media, and email campaigns in minutes. Free plan available.',
  keywords: ['AI content generator', 'content marketing tool', 'AI writing assistant'],
  openGraph: {
    title: 'ContentAI — Write a week of content in 10 minutes',
    description: 'AI content generation for busy marketers',
    images: [{ url: '/og-image.png', width: 1200, height: 630 }],
    type: 'website'
  },
  twitter: {
    card: 'summary_large_image',
    title: 'ContentAI',
    description: 'Write a week of content in 10 minutes',
  },
  robots: { index: true, follow: true }
}