"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Clock, IceCream, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Find Us",
          id: "#hours",
        },
      ]}
      brandName="Busker's"
      button={{
        text: "Order Online",
        href: "https://buskersrestaurant.com",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "sparkles-gradient",
      }}
      logoText="Windsor's Favourite Since 1985"
      description="Legendary Subs. Dreamy Ice Cream. Experience the authentic taste of Windsor's neighbourhood favourite for over 40 years."
      buttons={[
        {
          text: "Order Online Now →",
          href: "https://buskersrestaurant.com",
        },
        {
          text: "See Our Menu",
          href: "#menu",
        },
      ]}
      mediaAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg?_wi=1"
      imageAlt="Classic retro diner sub shop counter"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "s1",
          name: "Signature Subs",
          price: "From $9",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg?_wi=2",
        },
        {
          id: "s2",
          name: "Kawartha Ice Cream",
          price: "From $4",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg?_wi=3",
        },
        {
          id: "s3",
          name: "Poutine & Fries",
          price: "From $6",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg?_wi=4",
        },
        {
          id: "s4",
          name: "Custom Milkshakes",
          price: "From $5",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg?_wi=5",
        },
        {
          id: "s5",
          name: "Authentic Gyros",
          price: "From $8",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg?_wi=6",
        },
        {
          id: "s6",
          name: "Brownie Extreme Sundae",
          price: "From $7",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg?_wi=7",
        },
      ]}
      title="Our Menu"
      description="Hand-crafted subs, poutine, and dozens of ice cream flavours served fresh daily."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Haters Lineup",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-sushi-home_23-2149954853.jpg",
        },
        {
          id: "2",
          name: "Alexander Labord",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
        },
        {
          id: "3",
          name: "Mahmuda Anamika",
          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-asian-woman-business-owner-glasses-sitting-cafe-with-notebook-smiling-camera_1258-199055.jpg",
        },
        {
          id: "4",
          name: "Melissa Tilley",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg",
        },
        {
          id: "5",
          name: "Erwin Delarmente",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant_1258-199354.jpg",
        },
        {
          id: "6",
          name: "Angela Di Ponio",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing_23-2148497205.jpg",
        },
      ]}
      cardTitle="What the Neighbours Say"
      cardTag="Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="hours" data-section="hours">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Hours",
          content: "Mon-Fri: 10am-11pm | Sat: 11am-11pm | Sun: 12pm-11pm",
        },
        {
          id: "2",
          title: "Tecumseh Location",
          content: "1805 Tecumseh Rd W | (519) 254-2212",
        },
        {
          id: "3",
          title: "Downtown Location",
          content: "20 Chatham St",
        },
      ]}
      sideTitle="Hours & Locations"
      sideDescription="Visit us at one of our two Windsor locations for the best subs in town."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Serving Smiles Since 1985"
      metricsAnimation="slide-up"
      metrics={[
        {
          icon: Utensils,
          label: "Subs Made",
          value: "1M+",
        },
        {
          icon: IceCream,
          label: "Scoops Served",
          value: "2.5M+",
        },
        {
          icon: Clock,
          label: "Years in Business",
          value: "40+",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Reviews",
              href: "#reviews",
            },
            {
              label: "Find Us",
              href: "#hours",
            },
          ],
        },
        {
          items: [
            {
              label: "Facebook",
              href: "https://www.facebook.com/buskers.subsicecream/",
            },
            {
              label: "Instagram",
              href: "https://www.instagram.com/buskerswindsor/",
            },
          ],
        },
      ]}
      logoText="Busker's Subs & Ice Cream"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
