import Link from "next/link";
import type { ReactNode } from "react";
import { SiteNav } from "./SiteNav";

export function SiteShell({ children }: { children: ReactNode }) {
  return (
    <div className="site">
      <SiteNav />
      {children}
      <footer>
        <div className="shell footer-main">
          <div>
            <Link className="brand inverted" href="/">
              COZ<span>CREATOR</span>
            </Link>
            <p>Extending creator content, fan relationships, and revenue with AI.</p>
          </div>
          <nav>
            <div>
              <strong>Explore</strong>
              <Link href="/advantages">Why Us</Link>
              <Link href="/process">How It Works</Link>
              <Link href="/cases">Partnership Scenarios</Link>
            </div>
            <div>
              <strong>Partner</strong>
              <Link href="/faq">FAQ</Link>
              <Link href="/contact">Contact Us</Link>
              <Link href="/contact">Apply to Partner</Link>
            </div>
            <div>
              <strong>Legal</strong>
              <a href="/cozsweet/privacy-policy.html">Privacy Policy</a>
              <a href="/cozsweet/data-deletion.html">Data Deletion</a>
              <a href="/cozsweet/membership-agreement.html">Membership Agreement</a>
              <a href="/cozsweet/auto-renewal-agreement.html">Auto-Renewal Agreement</a>
            </div>
          </nav>
        </div>
        <div className="shell footer-bottom">
          <span>© 2026 COZCREATOR</span>
          <span>Authorized AI Avatars · Original Digital IP · Fan Relationships · Monetization</span>
        </div>
      </footer>
    </div>
  );
}