"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterCard from '@/components/sections/footer/FooterCard';
import { HelpCircle, Instagram, Facebook, Mail } from "lucide-react";
import Link from "next/link";

export default function FaqPage() {
  // Navigation logic for FAQ page
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Products", id: "/products" },
    { name: "About", id: "/about" },
    { name: "FAQ", id: "faq" }, // scroll to faq section on current page
    { name: "Contact", id: "/contact" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Moya Kvitka"
          bottomLeftText="Fresh Flowers Daily"
          bottomRightText="hello@moyakvitka.com"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about our flowers and services"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "How long do your flowers last?",
              content: "With proper care, most of our fresh flower arrangements last 7-10 days. We include care instructions with every order. Tips: change water daily, trim stems at an angle, remove lower leaves, and keep flowers away from direct sunlight and heat sources."
            },
            {
              id: "2",
              title: "Do you offer same-day delivery?",
              content: "Yes! Same-day delivery is available for orders placed before 2 PM in select areas within Kyiv and nearby regions. Orders can be tracked in real-time, and our delivery team treats each arrangement with the utmost care."
            },
            {
              id: "3",
              title: "Can I customize my arrangement?",
              content: "Absolutely! We love creating custom arrangements. You can specify your color preferences, flower types, budget, and occasion. Contact our florists directly via phone or email to discuss your vision, and we'll create something uniquely perfect for you."
            },
            {
              id: "4",
              title: "What payment methods do you accept?",
              content: "We accept all major payment methods including credit cards, debit cards, bank transfers, and mobile payments (Apple Pay, Google Pay). All transactions are secure and encrypted for your protection."
            },
            {
              id: "5",
              title: "Can I send flowers internationally?",
              content: "Currently, we offer delivery within Ukraine and select neighboring regions. For international orders, we recommend contacting us directly to discuss special arrangements and shipping options."
            },
            {
              id: "6",
              title: "What if the recipient isn't home for delivery?",
              content: "We always attempt redelivery. Alternatively, you can specify delivery instructions (safe place to leave flowers, neighbor details, etc.). We can also arrange for flower storage at our shop for a small fee if needed."
            }
          ]}
        />
      </div>

      <FooterCard
        logoText="Moya Kvitka"
        copyrightText="© 2025 Moya Kvitka | Premium Floral Design | All rights reserved"
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/moyakvitka", ariaLabel: "Follow us on Instagram" },
          { icon: Facebook, href: "https://facebook.com/moyakvitka", ariaLabel: "Follow us on Facebook" },
          { icon: Mail, href: "mailto:hello@moyakvitka.com", ariaLabel: "Email us" }
        ]}
      />
    </ThemeProvider>
  );
}