"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MessageCircle } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Amigo"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Gallery", id: "/gallery" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Order Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about our flowers or services? Reach out to our team for personalized assistance."
          ctaButton={{
            text: "Contact Us",
            href: "mailto:hello@amigoflowers.com"
          }}
          ctaIcon={MessageCircle}
          faqs={[
            {
              id: "1",
              title: "How far in advance should I order?",
              content: "For standard arrangements, we recommend ordering at least 24 hours in advance. For custom designs and large events, 3-5 days is ideal. We also offer same-day delivery in most areas for rush orders."
            },
            {
              id: "2",
              title: "Do you deliver outside the city?",
              content: "Yes! We deliver throughout the metro area and surrounding regions. Delivery fees vary by distance. Contact us for specific locations and shipping costs."
            },
            {
              id: "3",
              title: "Can you create custom arrangements?",
              content: "Absolutely! Our florists specialize in custom designs. Tell us your preferences, color palette, and occasion, and we'll create something beautiful just for you."
            },
            {
              id: "4",
              title: "What's your return or satisfaction policy?",
              content: "We stand behind our work 100%. If you're not completely satisfied with your flowers, contact us within 24 hours for a replacement or refund."
            },
            {
              id: "5",
              title: "Are your flowers locally sourced?",
              content: "We source primarily from local and regional growers to ensure freshness. Some specialty varieties come from trusted national suppliers during off-season."
            },
            {
              id: "6",
              title: "Do you offer wedding and event packages?",
              content: "Yes! We offer comprehensive wedding and event florals. Our team works with you from planning through execution to create stunning displays for your special day."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="location-info" data-section="location-info">
        <MetricSplitMediaAbout
          tag="Visit Us"
          title="Located in the Heart of the City"
          description="Our studio is conveniently located downtown, where you can see our beautiful arrangements in person and meet with our design team. We're open Monday through Saturday, and we love having visitors explore our seasonal displays and discuss custom projects. Stop by to experience the Amigo difference firsthand."
          metrics={[
            { value: "Mon-Sat", title: "Business Hours" },
            { value: "Downtown", title: "Prime Location" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg"
          imageAlt="Amigo Flowers Studio location"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="quick-contact" data-section="quick-contact">
        <ContactFaq
          ctaTitle="Quick Contact Options"
          ctaDescription="Choose the best way to reach us. We're here to help with all your floral needs."
          ctaButton={{
            text: "Call Now",
            href: "tel:+1234567890"
          }}
          ctaIcon={MessageCircle}
          faqs={[
            {
              id: "1",
              title: "Phone Orders",
              content: "Call us at (555) 123-FLOWER for immediate assistance with orders, pricing, and availability. Our phone lines are open during business hours."
            },
            {
              id: "2",
              title: "Email Inquiries",
              content: "Send detailed requests to hello@amigoflowers.com. We respond to all emails within 2-4 hours during business days."
            },
            {
              id: "3",
              title: "Emergency Orders",
              content: "For urgent same-day orders or emergency situations, call our priority line or visit our studio directly. We'll do our best to accommodate your needs."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <FooterBase
        logoText="Amigo Flowers"
        copyrightText="© 2025 Amigo Flowers Studio. All rights reserved."
        columns={[
          {
            title: "Services",
            items: [
              { label: "Custom Bouquets", href: "/services" },
              { label: "Wedding Flowers", href: "/services" },
              { label: "Event Design", href: "/services" },
              { label: "Same-Day Delivery", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/gallery" },
              { label: "Gallery", href: "/gallery" },
              { label: "Contact", href: "/contact" },
              { label: "FAQs", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Email", href: "mailto:hello@amigoflowers.com" },
              { label: "Phone", href: "tel:+1234567890" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}