"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Car, Coffee, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Location",          id: "location"},
      ]}
      brandName="Whitwell Grill"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Whitwell's Best Bites"
      description="Home-Cooked Favorites & Hand-Patted Burgers. Open daily from 6:30 AM."
      buttons={[
        {
          text: "Order Online",          href: "#"},
        {
          text: "View Menu",          href: "#menu"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c"
      imageAlt="hand-patted burger restaurant style"
    />
  </div>

  <div id="highlights" data-section="highlights">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "Fast",          title: "Service",          description: "Quick, hot, and fresh",          icon: Zap,
        },
        {
          id: "m2",          value: "Great",          title: "Coffee",          description: "Fresh brewed all day",          icon: Coffee,
        },
        {
          id: "m3",          value: "Local",          title: "Specialties",          description: "Regional comfort foods",          icon: Award,
        },
        {
          id: "m4",          value: "Free",          title: "Parking",          description: "Easy access for all",          icon: Car,
        },
      ]}
      title="Why Visit Us"
      description="The local favorite experience."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Burgers",          name: "The Big Dill Burger",          price: "$12.99",          rating: 5,
          reviewCount: "120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bhom0p",          imageAlt: "gourmet burger hand-patted"},
        {
          id: "p2",          brand: "Sandwiches",          name: "Queso Cheese Steak",          price: "$13.49",          rating: 5,
          reviewCount: "95",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e3ibep",          imageAlt: "queso cheesesteak sandwich"},
        {
          id: "p3",          brand: "Sandwiches",          name: "Fried Green Tomato BLT",          price: "$11.99",          rating: 4,
          reviewCount: "88",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvens4",          imageAlt: "fried green tomato blt"},
        {
          id: "p4",          brand: "Appetizers",          name: "Tatchos",          price: "$9.99",          rating: 5,
          reviewCount: "150",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=coco94",          imageAlt: "loaded tater tot nachos"},
        {
          id: "p5",          brand: "Dessert",          name: "Famous Banana Split",          price: "$7.99",          rating: 5,
          reviewCount: "200",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1f8wms",          imageAlt: "classic banana split ice cream"},
        {
          id: "p6",          brand: "Daily",          name: "Breakfast Special",          price: "$8.49",          rating: 4,
          reviewCount: "75",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nmfqs",          imageAlt: "gourmet burger hand-patted"},
      ]}
      title="Signature Dishes"
      description="Hand-crafted favorites cooked to order."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="A hidden gem with juicy hand-patted burgers and amazing onion strings. A must-go!"
      rating={5}
      author="Local Foodie"
      avatars={[
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c",          alt: "Happy customer 1"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c",          alt: "Happy customer 2"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c",          alt: "Happy customer 3"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c",          alt: "Happy customer 4"},
        {
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81ad8c",          alt: "Happy customer 5"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="opacity"
    />
  </div>

  <div id="amenities" data-section="amenities">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Welcoming Everyone"
      description="We are proud to be family-friendly and fully accessible. Our location offers dedicated parking, barrier-free entrances, and comfortable seating. Join us for Breakfast, Lunch, or Dinner."
      metrics={[
        {
          value: "100%",          title: "Accessible"},
        {
          value: "Family",          title: "Friendly"},
        {
          value: "Full",          title: "Menu"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2jaxv"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
      imageAlt="family friendly restaurant dining"
    />
  </div>

  <div id="location" data-section="location">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Visit Us"
      title="14170 TN-28, Whitwell, TN"
      description="Call us at 423-658-8281. Open daily from 6:30 AM."
      className="bg-gray-100/50"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Dine-in",              href: "#"},
            {
              label: "Takeout",              href: "#"},
            {
              label: "Online Ordering",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "423-658-8281",              href: "tel:4236588281"},
            {
              label: "Open Daily 6:30 AM",              href: "#"},
          ],
        },
      ]}
      logoText="Whitwell Grill"
      className="bg-gray-900 text-white"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}