"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Order",
          id: "/order",
        },
        {
          name: "Visit",
          id: "/visit",
        },
      ]}
      brandName="Teddy's Cafe"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient",
      }}
      logoText="Teddy's Cafe"
      description="Smokey Teriyaki. Gourmet Burgers. Fresh Sushi. Authentic flavors right in the heart of Anaheim."
      buttons={[
        {
          text: "Order on Uber Eats",
          href: "https://www.ubereats.com/store/teddys-cafe-teriyaki-burger-sushi/t6VQ3CS8VoufS1PqmE6Bzg",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/rice-vegetables-bowl-with-copy-space_23-2148259245.jpg"
      imageAlt="Teddy's Cafe delicious fusion food"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu-showcase" data-section="menu-showcase">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          brand: "Star Dish",
          name: "Kyle's Burger",
          price: "$12.99",
          rating: 5,
          reviewCount: "200+",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-burger-ingredients-cutting-board_23-2148235085.jpg",
        },
        {
          id: "2",
          brand: "Signature",
          name: "Chicken Teriyaki Bowl",
          price: "$9.99",
          rating: 5,
          reviewCount: "150+",
          imageSrc: "http://img.b2bpic.net/free-photo/burger-served-with-french-fries-sauces-plate-rustic-table_114579-1463.jpg",
        },
        {
          id: "3",
          brand: "Crowd Pleaser",
          name: "Ninza Fries",
          price: "$10.99",
          rating: 4,
          reviewCount: "120+",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-french-fries-dark-background_1150-45305.jpg",
        },
      ]}
      title="Popular Favorites"
      description="Taste the best of our Japanese-American fusion kitchen."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Martin W.",
          handle: "@martinw",
          testimonial: "Amazing delivery driver!!",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
        },
        {
          id: "2",
          name: "bussibee",
          handle: "@bussibee",
          testimonial: "Fresh food, great burgers!",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5048.jpg",
        },
        {
          id: "3",
          name: "Sarah J.",
          handle: "@sarahj",
          testimonial: "The teriyaki sauce is the best in Anaheim.",
          imageSrc: "http://img.b2bpic.net/free-photo/people_273609-1727.jpg",
        },
        {
          id: "4",
          name: "Mike R.",
          handle: "@miker",
          testimonial: "So many options, and everything is delicious.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
        },
        {
          id: "5",
          name: "Jenny L.",
          handle: "@jennyl",
          testimonial: "My go-to spot for family dinner.",
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-showing-thumb-up-laptop-isolated-white_141793-84103.jpg",
        },
      ]}
      title="Loved by Neighbors"
      description="See why our customers keep coming back."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Cafe Packages"
      description="Perfect for families or groups."
      plans={[
        {
          id: "p1",
          badge: "Starter",
          price: "$25",
          subtitle: "Perfect for individuals",
          buttons: [
            {
              text: "Select Plan",
              href: "/order",
            },
          ],
          features: [
            "1 Entree",
            "1 Drink",
            "Side dish",
          ],
        },
        {
          id: "p2",
          badge: "Family",
          price: "$85",
          subtitle: "Best for groups",
          buttons: [
            {
              text: "Select Plan",
              href: "/order",
            },
          ],
          features: [
            "4 Entrees",
            "4 Drinks",
            "Large shared fries",
            "Dessert",
          ],
        },
      ]}
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Impact"
      tag="Trusted in Anaheim"
      metrics={[
        {
          id: "m1",
          value: "10k+",
          description: "Happy Guests",
        },
        {
          id: "m2",
          value: "5+",
          description: "Years of Fusion",
        },
        {
          id: "m3",
          value: "20+",
          description: "Menu Favorites",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/colorful-poke-bowl-with-salmon-avocado-seaweed-served-bed-rice_9975-124822.jpg?_wi=1"
      logoText="Teddy's Cafe"
      columns={[
        {
          title: "Menu",
          items: [
            {
              label: "Appetizers",
              href: "/menu",
            },
            {
              label: "Burgers",
              href: "/menu",
            },
            {
              label: "Sushi",
              href: "/menu",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "/about",
            },
            {
              label: "Visit Us",
              href: "/visit",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Order Online",
              href: "/order",
            },
            {
              label: "Contact",
              href: "/visit",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
