"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Mail } from "lucide-react";
import Link from "next/link";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
      showBlurBottom={false}
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Morning"
          navItems={[
            { name: "Products", id: "/products" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "#contact" },
            { name: "Reviews", id: "/" }
          ]}
          button={{ text: "Shop Now", href: "/products" }}
          className="rounded-full shadow-lg"
          navItemClassName="font-medium"
          buttonClassName="font-semibold"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our newsletter for exclusive blends, brewing tips, and early access to new arrivals."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-female-s-hand-stirring-coffee-latte-with-spoon-book-table_23-2147862863.jpg"
          imageAlt="Morning tea ritual"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          tagIcon={Mail}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Shop",            items: [
              { label: "Coffee", href: "/products" },
              { label: "Tea", href: "/products" },
              { label: "Brewing Guides", href: "/about" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Sustainability", href: "/about" },
              { label: "Contact", href: "#contact" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Newsletter", href: "#contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Morning | Premium Tea & Coffee Store"
      />
    </ThemeProvider>
  );
}