"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactText from '@/components/sections/contact/ContactText';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="large"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Lavanda"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Collections", id: "/collections" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to discover your signature scent? Let us help you find the perfect fragrance that captures your essence."
          animationType="entrance-slide"
          buttons={[
            { text: "Get in Touch", href: "mailto:hello@lavandafragrances.com" },
            { text: "Take Scent Quiz", href: "/quiz" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Visit Our Boutique"
          description="Experience our fragrances in person at our flagship boutique in the heart of Paris. Our scent consultants will guide you through personalized fragrance sessions and help you discover your perfect match."
          tag="Location"
          imageSrc="https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg"
          imageAlt="Lavanda boutique interior with elegant fragrance displays"
          buttons={[{ text: "Book Appointment", href: "/appointment" }]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-support" data-section="contact-support">
        <ContactText
          text="Need assistance with your order or have questions about our products? Our customer care team is here to help you every step of the way."
          animationType="entrance-slide"
          buttons={[
            { text: "Customer Support", href: "mailto:support@lavandafragrances.com" },
            { text: "Live Chat", href: "/chat" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBase
        logoText="Lavanda"
        copyrightText="© 2025 Lavanda Fragrances. All rights reserved."
        columns={[
          {
            title: "Collections",
            items: [
              { label: "All Fragrances", href: "/collections" },
              { label: "New Arrivals", href: "/collections" },
              { label: "Limited Edition", href: "/collections" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "/careers" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "FAQ", href: "/faq" },
              { label: "Shipping Info", href: "/shipping" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}