"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Over Pyk",
          id: "/over-pyk",
        },
        {
          name: "Webshop",
          id: "/shop",
        },
        {
          name: "Events",
          id: "/events",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Relatiegeschenken",
          id: "/relatiegeschenken",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Pyk Slyterij"
    />
  </div>

  <div id="contact-page" data-section="contact-page">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      tag="Neem Contact Op"
      title="Bezoek Ons of Bel"
      description="Wij staan klaar om u te helpen met al uw vragen. U vindt ons op de Houtmarkt in Deventer. \n\n**Adres:** Houtmarkt 14, 7411 CG Deventer\n**Telefoon (Regulier):** 06-25273263\n**Telefoon (Horeca):** 06-83978031\n**E-mail:** info@pykslyterij.nl\n\n**Openingstijden:**\nDi-Vr: 10:00-18:30\nZa: 10:00-17:00"
      inputPlaceholder="Uw naam"
      buttonText="Verzenden"
      termsText="Wij respecteren uw privacy. Uw gegevens worden niet gedeeld met derden."
      imageSrc="http://img.b2bpic.net/free-photo/woman-looking-map-near-houses_23-2147837114.jpg"
      imageAlt="Kaart van Deventer met locatie Pyk Slyterij"
    />
  </div>

  <div id="general-faq" data-section="general-faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-general-1",
          title: "Wat is de levertijd van webshop bestellingen?",
          content: "Bestellingen geplaatst voor 15:00 uur worden doorgaans de volgende werkdag geleverd binnen Nederland.",
        },
        {
          id: "faq-general-2",
          title: "Kan ik een product retourneren?",
          content: "Ja, onbeschadigde en ongeopende producten kunnen binnen 14 dagen na aankoop worden geretourneerd. Zie onze retourvoorwaarden voor details.",
        },
        {
          id: "faq-general-3",
          title: "Bieden jullie cadeaubonnen aan?",
          content: "Jazeker! Cadeaubonnen zijn verkrijgbaar in onze winkel en online te bestellen. Een perfect cadeau voor elke drankliefhebber.",
        },
      ]}
      title="Algemene Veelgestelde Vragen"
      description="Antwoorden op de meest voorkomende vragen over Pyk Slyterij, onze producten en services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Over Pyk",
              href: "/over-pyk",
            },
            {
              label: "Ons Team",
              href: "/over-pyk#team",
            },
            {
              label: "De Wynkantine",
              href: "/wynkantine",
            },
          ],
        },
        {
          items: [
            {
              label: "Webshop",
              href: "/shop",
            },
            {
              label: "Wijnen",
              href: "/shop?category=wijn",
            },
            {
              label: "Sterke Dranken",
              href: "/shop?category=sterkedranken",
            },
            {
              label: "Delicatessen",
              href: "/shop?category=delicatessen",
            },
          ],
        },
        {
          items: [
            {
              label: "Evenementen",
              href: "/events",
            },
            {
              label: "Blog",
              href: "/blog",
            },
            {
              label: "Relatiegeschenken",
              href: "/relatiegeschenken",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/pykslyterij",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/pykslyterij",
            },
          ],
        },
      ]}
      logoText="Pyk Slyterij"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
