"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
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="full-blog" data-section="full-blog">
      <BlogCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Alle Blogberichten van Pyk"
      description="Verdiep u in onze wereld van dranken en delicatessen met alle artikelen van Pyk Slyterij Deventer."
      blogs={[
        {
          id: "blog-full-1",
          category: "Wijn",
          title: "De Perfecte Wijn voor het Seizoen",
          excerpt: "Ontdek welke wijnen het beste passen bij de smaken en stemmingen van elk seizoen. Van lichte zomerwijnen tot rijke herfstdranken.",
          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-fruits_329181-12479.jpg",
          imageAlt: "Wijngaard tijdens de oogst",
          authorName: "Pyk Slyterij",
          authorAvatar: "asset://avatar-1",
          date: "15 maart 2024",
        },
        {
          id: "blog-full-2",
          category: "Sterke Drank",
          title: "Cocktails maken als een Pro: Tips & Tricks",
          excerpt: "Verbaas uw gasten met deze eenvoudige maar indrukwekkende cocktailrecepten. Van klassiekers tot moderne twists.",
          imageSrc: "http://img.b2bpic.net/free-photo/beach-cocktails-ai-generated_268835-11089.jpg",
          imageAlt: "Vers gemaakte cocktail",
          authorName: "Pyk Slyterij",
          authorAvatar: "asset://avatar-2",
          date: "8 maart 2024",
        },
        {
          id: "blog-full-3",
          category: "Delicatessen",
          title: "De Kunst van Spijs-Wijn Combinatie",
          excerpt: "Leer hoe u de ideale wijn combineert met verschillende delicatessen voor een onvergetelijke culinaire ervaring.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheese-set-with-red-wine-wooden-board_140725-4525.jpg",
          imageAlt: "Kaas en wijn pairing",
          authorName: "Pyk Slyterij",
          authorAvatar: "asset://avatar-3",
          date: "1 maart 2024",
        },
        {
          id: "blog-full-4",
          category: "Wijn",
          title: "Natuurwijn: De Pure Expressie",
          excerpt: "Ontdek de fascinerende wereld van natuurwijnen: puur, onbewerkt en vol karakter.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottle-champagne-with-little-presents-light-gift-xmas-photo-new-year-color-alcohol_140725-93496.jpg",
          imageAlt: "Fles natuurwijn",
          authorName: "Pyk Slyterij",
          authorAvatar: "asset://avatar-4",
          date: "25 februari 2024",
        },
      ]}
    />
  </div>

  <div id="blog-newsletter" data-section="blog-newsletter">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-static",
      }}
      tag="Blijf Geïnspireerd"
      title="Mis geen Enkel Blogbericht"
      description="Meld u aan voor onze blog-nieuwsbrief en ontvang de nieuwste artikelen en verhalen direct in uw inbox."
      inputPlaceholder="Voer uw e-mailadres in"
      buttonText="Aanmelden"
      termsText="Door aan te melden, gaat u akkoord met ons privacybeleid."
    />
  </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>
  );
}
