"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from 'next/link';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Geüpcycled Threads"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Over mij", id: "/about" },
            { name: "Shop", id: "/shop" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Duurzame Mode"
          bottomRightText="hallo@geupycyledthreads.nl"
        />
      </div>

      <div id="contact-main" data-section="contact-main">
        <ContactText 
          text="Klaar om je perfecte geüpcycled stuk te ontdekken? Neem contact op voor vragen, aangepaste verzoeken, of om gewoon je passie voor duurzame mode te delen."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "E-mail Mij", href: "mailto:hallo@geupycyledthreads.nl" },
            { text: "Instagram", href: "https://instagram.com" }
          ]}
          buttonClassName="bg-primary-cta hover:bg-primary-cta/90 text-white px-8 py-4 text-lg font-semibold rounded-lg transition-all duration-300"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText 
          sideTitle="Veelgestelde Vragen"
          sideDescription="Alles wat je moet weten over onze geüpcycled mode en bestelproces"
          textPosition="left"
          useInvertedBackground="invertDefault"
          faqs={[
            {
              id: "1",              title: "Zijn alle stukken echt uniek?",              content: "Ja! Elk kledingstuk is handgemaakt van unieke vintage en tweedehands materialen. Hoewel ik vergelijkbare stijlen kan creëren, is geen twee stukken hetzelfde. Dit is wat geüpcycled mode zo bijzonder maakt."
            },
            {
              id: "2",              title: "Hoe worden kledingstukken gemeten?",              content: "Elk artikel bevat gedetailleerde metingen en maatgegevens. Aangezien stukken geüpcycled zijn, kunnen ze licht afwijken. Ik raad aan de specifieke metingen voor je gekozen kledingstuk te controleren."
            },
            {
              id: "3",              title: "Welke materialen gebruik je?",              content: "Ik breng vintage kleding, deadstock stoffen en kwaliteit tweedehands kledingstukken in. Alle materialen worden zorgvuldig geselecteerd op duurzaamheid en schoonheid. Geen maagdelijk polyester—alleen duurzame keuzes."
            },
            {
              id: "4",              title: "Hoe lang duurt verzending?",              content: "Orders worden op maat gemaakt. Typische verwerkingstijd is 2-3 weken, plus 5-10 werkdagen voor verzending binnen Europa. Aangepaste verzoeken kunnen langer duren."
            },
            {
              id: "5",              title: "Kan ik aangepaste stukken aanvragen?",              content: "Absoluut! Ik hou ervan om aangepaste geüpcycled stukken te creëren. Neem contact op met je visie, en we kunnen materialen, stijl en tijdlijn voor je unieke kledingstuk bespreken."
            },
            {
              id: "6",              title: "Wat is je retourbeleid?",              content: "Omdat elk stuk handgemaakt en uniek is, worden retouren binnen 14 dagen geaccepteerd als het artikel ongedragen en in originele staat is. Neem contact met me op om eventuele problemen te bespreken."
            }
          ]}
        />
      </div>

      <FooterLogoReveal logoText="Geüpcycled Threads" />
    </ThemeProvider>
  );
}
