"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Location",
          id: "/location",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Brew Haven"
    />
  </div>

  <div id="gallery-images" data-section="gallery-images">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "gal-1",
          name: "Modern Interior",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20505.jpg",
          imageAlt: "Modern coffee shop interior",
        },
        {
          id: "gal-2",
          name: "Barista at Work",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg",
          imageAlt: "Barista making coffee",
        },
        {
          id: "gal-3",
          name: "Outdoor Seating",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/parasol-chairs_1137-314.jpg",
          imageAlt: "Outdoor seating area of the cafe",
        },
        {
          id: "gal-4",
          name: "Pastry Display",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/patient-enjoying-free-time-after-chemotherapy-treatment_23-2149261143.jpg",
          imageAlt: "Display of fresh pastries",
        },
        {
          id: "gal-5",
          name: "Latte Art",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
          imageAlt: "Close-up of latte art",
        },
        {
          id: "gal-6",
          name: "Cozy Reading Nook",
          price: "",
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079538.jpg",
          imageAlt: "Person reading in a cozy coffee shop corner",
        },
      ]}
      title="A Glimpse of Our World"
      description="Immerse yourself in the warm and inviting atmosphere of our coffee shop through these captivating visuals of our space and creations."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Local Roasters Co.",
        "Sweet Treats Bakery",
        "Community Harvest Farms",
        "Artisan Beverage Distributors",
        "Fresh Daily Produce",
        "Event Solutions Group",
        "Hospitality Hub Supplies",
      ]}
      title="Our Valued Partners"
      description="We are proud to collaborate with local roasters, bakeries, and community businesses to bring you the highest quality products and experiences."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Menu",
              href: "/menu",
            },
            {
              label: "Gallery",
              href: "/gallery",
            },
            {
              label: "Location",
              href: "/location",
            },
          ],
        },
        {
          title: "Our Story",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Mission",
              href: "/about#mission",
            },
            {
              label: "Testimonials",
              href: "/#testimonials-section",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "FAQ",
              href: "/contact#faqs-section",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Brew Haven. All rights reserved."
      bottomRightText="Crafted with passion by Webuild."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
