"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import { Award, Gift, Star } from "lucide-react";

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="business-gifts-pricing" data-section="business-gifts-pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "gift-basic",
          badge: "Standaard",
          badgeIcon: Gift,
          price: "vanaf €25,-",
          subtitle: "Kleine attentie voor waardering",
          buttons: [
            {
              text: "Meer Info",
            },
          ],
          features: [
            "1 fles speciaal geselecteerde wijn/drank",
            "Luxe verpakking",
            "Persoonlijke boodschap optioneel",
          ],
        },
        {
          id: "gift-premium",
          badge: "Premium",
          badgeIcon: Star,
          price: "vanaf €75,-",
          subtitle: "Indrukwekkend geschenk voor belangrijke relaties",
          buttons: [
            {
              text: "Meer Info",
            },
          ],
          features: [
            "2 flessen premium wijn/drank",
            "Aangevuld met delicatessen",
            "Handgeschreven kaart mogelijk",
          ],
        },
        {
          id: "gift-executive",
          badge: "Executive",
          badgeIcon: Award,
          price: "Op aanvraag",
          subtitle: "Exclusieve pakketten voor toprelaties",
          buttons: [
            {
              text: "Neem Contact Op",
              href: "/contact",
            },
          ],
          features: [
            "Op maat samengesteld",
            "Inclusief zeldzame dranken",
            "Levering op locatie",
          ],
        },
      ]}
      title="Relatiegeschenken op Maat"
      description="Verras uw relaties met een stijlvol en smaakvol geschenk. Van een kleine attentie tot een uitgebreid pakket, wij stellen het perfecte cadeau samen."
    />
  </div>

  <div id="bulk-orders-contact" data-section="bulk-orders-contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static-grid",
      }}
      tag="Zakelijk Contact"
      title="Vraag een offerte aan voor Bulkbestellingen"
      description="Heeft u grotere hoeveelheden nodig voor uw bedrijf of evenement? Neem contact op voor een offerte op maat."
      inputPlaceholder="Uw naam & Bedrijfsnaam"
      buttonText="Offerte Aanvragen"
      termsText="Wij nemen binnen 2 werkdagen contact met u op."
    />
  </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>
  );
}
