"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Food @ Mill Lane"
      button={{
        text: "Call Now",
        href: "tel:0210000000",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Fresh, Local Café in the Heart of Kerikeri"
      description="Delicious food, great coffee, and friendly service every day. 4.9 stars on Google, women-owned and loved by locals."
      buttons={[
        {
          text: "Call Now",
          href: "tel:0210000000",
        },
        {
          text: "Get Directions",
          href: "https://maps.google.com",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=1",
          imageAlt: "Cafe interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=2",
          imageAlt: "Cafe interior 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=3",
          imageAlt: "Cafe interior 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=4",
          imageAlt: "Cafe interior 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=5",
          imageAlt: "Cafe interior 5",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=6",
          imageAlt: "Cafe interior 6",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=1",
        },
        {
          id: "2",
          name: "Mike T.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=2",
        },
        {
          id: "3",
          name: "Elena R.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=3",
        },
        {
          id: "4",
          name: "David L.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=4",
        },
        {
          id: "5",
          name: "Fiona W.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=5",
        },
      ]}
      cardTitle="Loved by Locals"
      cardTag="4.9 Stars"
      cardAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Bacon Butty",
          price: "$9",
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1101.jpg?_wi=1",
        },
        {
          id: "p2",
          name: "Cinnamon Custard Bun",
          price: "$6",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cinnamon-rolls-covered-white-glaze-black-table_181624-20360.jpg?_wi=1",
        },
        {
          id: "p3",
          name: "Fresh Roast Coffee",
          price: "$5",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-cooking-coffee-home-with-automatic-coffeemachine_1220-5347.jpg?_wi=1",
        },
        {
          id: "p4",
          name: "Gourmet Cookie",
          price: "$4",
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1339-1101.jpg?_wi=2",
        },
        {
          id: "p5",
          name: "Cabinet Salad",
          price: "$12",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-cinnamon-rolls-covered-white-glaze-black-table_181624-20360.jpg?_wi=2",
        },
        {
          id: "p6",
          name: "Seasonal Muffin",
          price: "$6",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-cooking-coffee-home-with-automatic-coffeemachine_1220-5347.jpg?_wi=2",
        },
      ]}
      title="Our Menu Favorites"
      description="Freshly made daily cabinet food, delicious bacon butties, and expertly brewed coffee."
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Welcome to Food @ Mill Lane"
      description="A women-owned local café in Kerikeri dedicated to fresh, tasty food and the friendliest service in town."
      bulletPoints={[
        {
          title: "Fresh Ingredients",
          description: "Locally sourced produce made daily.",
        },
        {
          title: "Great Coffee",
          description: "Served hot, every single time.",
        },
        {
          title: "Friendly Service",
          description: "Welcoming staff who remember your name.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg?_wi=6"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Visit Us"
      title="Find Us on Mill Lane"
      description="20 Mill Lane, Kerikeri. Open until 3pm daily. We’d love to see you!"
      buttons={[
        {
          text: "Call Now",
          href: "tel:0210000000",
        },
        {
          text: "Get Directions",
          href: "https://maps.google.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg?_wi=7"
      logoText="Food @ Mill Lane"
      columns={[
        {
          title: "Contact",
          items: [
            {
              label: "20 Mill Lane, Kerikeri",
              href: "#contact",
            },
            {
              label: "021 000 0000",
              href: "tel:0210000000",
            },
          ],
        },
        {
          title: "Hours",
          items: [
            {
              label: "Open until 3pm Daily",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}