"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Flower } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="KvitKa"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/shop" },
            { name: "About", id: "/about" },
            { name: "Blog", id: "/blog" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Order Now",
            href: "/shop"
          }}
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions? Our friendly team is here to help and would love to hear from you"
          ctaButton={{
            text: "Send Message",
            href: "/contact"
          }}
          ctaIcon={Flower}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "What are your delivery times?",
              content: "We offer same-day delivery for orders placed before 2 PM on weekdays. Weekend orders are delivered by the next business day. All deliveries include tracking and arrive fresh."
            },
            {
              id: "2",
              title: "How do I care for my flowers?",
              content: "Keep flowers in cool water, cut stems at an angle, remove lower leaves, and change water every 2-3 days. Place in indirect sunlight away from ripening fruit and heating vents for best results."
            },
            {
              id: "3",
              title: "Do you offer corporate orders?",
              content: "Yes! We specialize in corporate orders and bulk arrangements. For volumes over 10 bouquets, please contact us directly at corporate@kvitka.com for special pricing and customization."
            },
            {
              id: "4",
              title: "What is your refund policy?",
              content: "We offer a 100% satisfaction guarantee. If your flowers don't meet our quality standards, contact us within 24 hours for a full refund or replacement at no cost."
            },
            {
              id: "5",
              title: "Can I customize my bouquet?",
              content: "Absolutely! We offer custom arrangements. Call us or use our customization form on the shop page to specify your preferred flowers, colors, and budget. Our florists will create the perfect arrangement for you."
            },
            {
              id: "6",
              title: "Do you offer subscription boxes?",
              content: "Yes! Our monthly flower subscription delivers fresh, seasonal bouquets to your door. Choose from weekly, bi-weekly, or monthly options with 10-20% savings compared to regular purchases."
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 KvitKa Flowers. All rights reserved."
        columns={[
          {
            title: "Shop",
            items: [
              { label: "All Flowers", href: "/shop" },
              { label: "Bouquets", href: "/shop" },
              { label: "Gifts", href: "/shop" },
              { label: "Subscription", href: "/shop" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Blog", href: "/blog" },
              { label: "Careers", href: "#" },
              { label: "Press", href: "#" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "FAQ", href: "/contact" },
              { label: "Delivery Info", href: "#" },
              { label: "Privacy Policy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}