"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Chit Chat & Chew"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static",
      }}
      title="A Diner With Heart"
      description="Your cozy Searcy square spot for Southern comfort, classic jukebox tunes, and the best breakfast in town."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
          imageAlt: "Diner Booth",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
          imageAlt: "Diner Booth",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
          imageAlt: "Diner Booth",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
          imageAlt: "Diner Booth",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
          imageAlt: "Diner Booth",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
          imageAlt: "Diner Booth",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Searcy's Local Favorite"
      description="At Chit Chat & Chew, we treat everyone like family. From our worn-in booths to our genuine Southern hospitality, we're the kind of place where you leave with a full belly and a new friend."
      imageSrc="http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113115.jpg"
      imageAlt="Diner Interior"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          id: "1",
          title: "Southern Comfort",
          description: "Biscuits, gravy, and pancakes made with heart.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111485.jpg",
          imageAlt: "vintage small town diner interior warm",
        },
        {
          id: "2",
          title: "Huge Portions",
          description: "Plates designed to satisfy even the hungriest folks.",
          imageSrc: "http://img.b2bpic.net/free-photo/people-looking-day-menu_52683-113115.jpg",
          imageAlt: "friendly waitress serving coffee diner",
        },
        {
          id: "3",
          title: "Real Hospitality",
          description: "Our staff pulls up a chair to get to know you.",
          imageSrc: "http://img.b2bpic.net/free-photo/burger-menu-wooen-platter_114579-11066.jpg",
          imageAlt: "classic fluffy buttermilk pancakes diner",
        },
      ]}
      title="Why You'll Love It"
      description="No-frills diner vibes with personality."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Big Breakfast Omelet",
          price: "$12",
          imageSrc: "http://img.b2bpic.net/free-photo/burger-menu-wooen-platter_114579-11066.jpg",
        },
        {
          id: "2",
          name: "Chocolate Gravy Biscuits",
          price: "$8",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-meal-consists-sliced-vegetables-greens_140725-83501.jpg",
        },
        {
          id: "3",
          name: "Towering Pancakes",
          price: "$10",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-breakfast-plate_23-2149214703.jpg",
        },
        {
          id: "4",
          name: "Classic Smashburger",
          price: "$11",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",
        },
        {
          id: "5",
          name: "Layered Scramble",
          price: "$13",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-pan-jar-strawberry-jam-with-cinnamon-sackcloth-wooden-background_141793-25065.jpg",
        },
        {
          id: "6",
          name: "Monte Cristo",
          price: "$14",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-cordon-bleu-with-potatoes-rural-salad-sauce-plate_140725-10840.jpg",
        },
      ]}
      title="Diner Favorites"
      description="Massive omelets, fluffy biscuits, and smashburgers."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah",
          date: "Jan 2024",
          title: "Local Regular",
          quote: "The chocolate gravy biscuits are life changing!",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-joyful-lady-sunglasses-sitting-bar-counter-with-soda-water-hand-while-spending-time-cafe_574295-335.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-cooked-meal-consists-sliced-vegetables-greens_140725-83501.jpg",
          imageAlt: "diner style smashburger rustic plate",
        },
        {
          id: "2",
          name: "Mike",
          date: "Feb 2024",
          title: "Breakfast Fan",
          quote: "Best smashburger in Searcy hands down.",
          tag: "Fan",
          avatarSrc: "http://img.b2bpic.net/free-photo/mixed-race-student-translate-foreign-words-write-transcription-into-notepad_273609-18140.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-breakfast-plate_23-2149214703.jpg",
          imageAlt: "fluffy breakfast pancakes berries maple",
        },
        {
          id: "3",
          name: "Emily",
          date: "Mar 2024",
          title: "Coffee Lover",
          quote: "Waitress knew my name on my second visit. Incredible service.",
          tag: "Visitor",
          avatarSrc: "http://img.b2bpic.net/free-photo/professional-psychology-expert-discussing-with-patients-about-mental-health_482257-105904.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheeseburger-cutting-board-with-knife_23-2148784512.jpg",
          imageAlt: "diner smashburger close up rustic",
        },
        {
          id: "4",
          name: "David",
          date: "Apr 2024",
          title: "Lunch Guest",
          quote: "Portions that could feed a small army.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-pan-jar-strawberry-jam-with-cinnamon-sackcloth-wooden-background_141793-25065.jpg",
          imageAlt: "biscuits and chocolate gravy plate",
        },
        {
          id: "5",
          name: "Lisa",
          date: "May 2024",
          title: "Happy Diner",
          quote: "Exactly what a small-town diner should be.",
          tag: "Fan",
          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-cheerful-woman-looking-her-man-while-they-eating-breakfast_171337-4942.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-cordon-bleu-with-potatoes-rural-salad-sauce-plate_140725-10840.jpg",
          imageAlt: "monte cristo sandwich diner plate",
        },
      ]}
      title="Regulars Love Us"
      description="See why folks keep coming back to Chit Chat & Chew."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactFaq
      animationType="slide-up"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Do you take reservations?",
          content: "We're a first-come, first-served diner spot!",
        },
        {
          id: "2",
          title: "Do you have to-go boxes?",
          content: "You'll definitely need one for our massive portions!",
        },
        {
          id: "3",
          title: "Where are you located?",
          content: "Right on the downtown Searcy square.",
        },
      ]}
      ctaTitle="Come Say Hi!"
      ctaDescription="We're open for breakfast and lunch. Pull up a chair and join the family."
      ctaButton={{
        text: "Get Directions",
      }}
      ctaIcon={Phone}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Chit Chat & Chew"
      copyrightText="© 2025 Chit Chat & Chew | Diner Classics"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
