"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Lightbulb } 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="about-pyk" data-section="about-pyk">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Ons Verhaal"
      title="Pyk Slyterij: Passie & Traditie"
      description="Bij Pyk Slyterij Deventer staat passie voor ambachtelijke dranken en delicatessen centraal. Wij geloven in het vertellen van het verhaal achter elk product en het creëren van een unieke beleving voor onze klanten."
      subdescription="Al jaren zijn wij een begrip in Deventer en ver daarbuiten. Met zorg selecteren we ons assortiment, waarbij kwaliteit, authenticiteit en een eigenzinnig karakter voorop staan. We nodigen u uit om de wereld van Pyk te ontdekken."
      icon={Lightbulb}
      imageSrc="http://img.b2bpic.net/free-photo/glassblower-examining-glassware-while-colleagues-working_107420-74274.jpg"
      imageAlt="Interieur van Pyk Slyterij"
      mediaAnimation="opacity"
    />
  </div>

  <div id="our-team" data-section="our-team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      members={[
        {
          id: "team-1",
          name: "Pieter Jansen",
          role: "Wijnkenner & Eigenaar",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-handsome-young-man-sitting-bar_23-2148096477.jpg",
          imageAlt: "Portret Pieter Jansen",
        },
        {
          id: "team-2",
          name: "Yasmin Koppers",
          role: "Sterke Dranken Specialist",
          imageSrc: "http://img.b2bpic.net/free-photo/copy-space-woman-with-champagne-bottle_23-2148326585.jpg",
          imageAlt: "Portret Yasmin Koppers",
        },
        {
          id: "team-3",
          name: "Karel van Dijk",
          role: "Delicatessen Expert",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-holding-gold-trophy-spray-bottle-with-trimmer-looking-front-smiling-standing-white-wall_141793-64647.jpg",
          imageAlt: "Portret Karel van Dijk",
        },
        {
          id: "team-4",
          name: "Sanne de Boer",
          role: "Klantenservice & Events",
          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3816.jpg",
          imageAlt: "Portret Sanne de Boer",
        },
      ]}
      title="Ons Team van Experts"
      description="Maak kennis met de gezichten achter Pyk Slyterij. Onze deskundige teamleden delen graag hun kennis en passie voor wijnen, dranken en delicatessen."
    />
  </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>
  );
}
