"use client";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Heart } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/shop" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Flamingo"
          bottomLeftText="Celebrating the beauty of flowers"
          bottomRightText="hello@flamingo.flowers"
        />
      </div>

      <div id="main-contact" data-section="main-contact">
        <ContactText
          text="Ready to bring beauty and joy to your special moment? Get in touch with our floral experts today and let's create something magical together."
          animationType="entrance-slide"
          buttons={[
            { text: "Email Us", href: "mailto:hello@flamingo.flowers" },
            { text: "Call Now", href: "tel:+1-555-FLOWERS" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact-methods" data-section="contact-methods">
        <FeatureCardTwentyFour
          title="Get In Touch"
          description="Multiple ways to reach our team for consultations, orders, and questions about our floral services"
          tag="Contact Options"
          tagIcon={Heart}
          features={[
            {
              id: "1",
              title: "Phone & Email",
              author: "Direct Communication",
              description: "Reach us directly at (555) FLOWERS or hello@flamingo.flowers. Our team responds to emails within 2 hours during business hours and same-day for urgent requests.",
              tags: ["Phone", "Email", "Fast Response"],
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg"
            },
            {
              id: "2",
              title: "Studio Visits",
              author: "In-Person Consultation",
              description: "Visit our design studio for personalized consultations. Located in downtown, we're open Monday-Saturday 9AM-6PM, Sunday 11AM-4PM. Appointments recommended for wedding consultations.",
              tags: ["Studio", "Consultation", "Appointment"],
              imageSrc: "https://img.b2bpic.net/free-photo/bride-holding-wedding-bouquet_23-2148105903.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-hours" data-section="contact-hours">
        <TextSplitAbout
          title="Hours & Location"
          description={[
            "Our studio is conveniently located in the heart of downtown, easily accessible by public transportation and with nearby parking available. We welcome walk-ins during business hours, though appointments are recommended for detailed consultations.",
            "Monday through Friday: 9:00 AM - 6:00 PM | Saturday: 9:00 AM - 6:00 PM | Sunday: 11:00 AM - 4:00 PM. Extended hours available for special events and weddings by appointment.",
            "For same-day delivery orders, please place your order before 2:00 PM. Emergency and after-hours services are available for special circumstances - please call our main number for assistance."
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Get Directions", href: "https://maps.google.com" },
            { text: "Book Appointment", href: "mailto:hello@flamingo.flowers" }
          ]}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Shop",
            items: [
              { label: "Bouquets", href: "/shop" },
              { label: "Arrangements", href: "/shop" },
              { label: "Gift Sets", href: "/shop" },
              { label: "Seasonal", href: "/shop" }
            ]
          },
          {
            title: "Services",
            items: [
              { label: "Weddings", href: "/services" },
              { label: "Corporate", href: "/services" },
              { label: "Same-Day Delivery", href: "/services" },
              { label: "Custom Orders", href: "/contact" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Contact", href: "/contact" },
              { label: "Privacy Policy", href: "https://example.com/privacy" },
              { label: "Terms of Service", href: "https://example.com/terms" }
            ]
          }
        ]}
        copyrightText="© 2025 Flamingo Flower Store | Celebrating the beauty of flowers since 2010"
      />
    </ThemeProvider>
  );
}