import Layout from "@/components/layout/Layout";
import SEOChecker from "@/components/seoChecker";
import Head from "next/head";

export default function Home() {
  return (
    <Layout headerStyle={4} footerStyle={3} breadcrumbTitle="SEO Checker">
      <main className="container mx-auto py-12 px-4">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold text-gray-900 mb-4">
            SEO Analyzer
          </h1>
          <p className="text-xl text-gray-600">
            Get a comprehensive SEO report for any webpage
          </p>
        </div>

        <SEOChecker />
      </main>

      <footer className="bg-white py-8 border-t">
        <div className="container mx-auto px-4 text-center text-gray-500">
          <p>© {new Date().getFullYear()} SEO Analyzer Tool</p>
        </div>
      </footer>
    </Layout>
  );
}