83806256-5d32-4a59-a631-c75afb8a32f2/src/app/faq/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
import { Mail, HelpCircle } from "lucide-react";

export default function FaqPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Shop", id: "shop" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
  ];

  const faqItems = [
    {
      id: "q1",
      title: "How long does it take to create a handmade piece?",
      content: "Each piece typically takes 2–4 weeks to complete, depending on complexity and customization. This includes sourcing materials, designing, and handcrafting with meticulous attention to detail.",
    },
    {
      id: "q2",
      title: "Can I customize my order?",
      content: "Absolutely! We offer customization options including size adjustments, color preferences, and fabric choices. Contact us for details on how we can tailor your perfect piece.",
    },
    {
      id: "q3",
      title: "What materials do you use?",
      content: "We exclusively use sustainable, high-quality materials including organic cotton, linen, silk, and ethically-sourced fabrics. All dyes are natural and eco-friendly.",
    },
    {
      id: "q4",
      title: "How should I care for my handmade garment?",
      content: "Each piece comes with detailed care instructions. Generally, hand wash in cool water with mild detergent, air dry, and iron on low heat. Proper care ensures your piece lasts for years.",
    },
    {
      id: "q5",
      title: "Do you offer international shipping?",
      content: "Yes! We ship worldwide. Shipping costs vary by location. Standard international shipping takes 10–15 business days. We also offer expedited options.",
    },
    {
      id: "q6",
      title: "What is your return policy?",
      content: "We offer a 30-day return policy for unworn items in original condition. Since each piece is handmade to order, custom pieces may have different terms. See our full policy for details.",
    },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Shop", href: "/shop" },
        { label: "New Arrivals", href: "/shop?sort=new" },
        { label: "Collections", href: "/shop?filter=collection" },
        { label: "Sale", href: "/shop?filter=sale" },
      ],
    },
    {
      items: [
        { label: "About Us", href: "/about" },
        { label: "Our Craft", href: "/about" },
        { label: "Sustainability", href: "/about" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      items: [
        { label: "FAQ", href: "/faq" },
        { label: "Shipping & Returns", href: "/shipping-returns" },
        { label: "Size Guide", href: "/size-guide" },
        { label: "Care Instructions", href: "/care-instructions" },
      ],
    },
    {
      items: [
        { label: "Instagram", href: "https://instagram.com" },
        { label: "Pinterest", href: "https://pinterest.com" },
        { label: "Facebook", href: "https://facebook.com" },
        { label: "TikTok", href: "https://tiktok.com" },
      ],
    },
    {
      items: [
        { label: "Privacy Policy", href: "/privacy" },
        { label: "Terms & Conditions", href: "/terms" },
        { label: "Cookie Policy", href: "/cookies" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Artisan & Co." navItems={navItems} />
      </div>

      <div id="faq-section" data-section="faq-section">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Have questions about our handmade pieces, sizing, or the artisan process? We've got answers to help you make the perfect choice."
          tag="Help Center"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={faqItems}
          imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-seamstress-poster-template_23-2149349485.jpg?_wi=3"
          imageAlt="Clothing size chart measurement guide"
          mediaAnimation="opacity"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Artisan & Co."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}