"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Facebook, Instagram, Soup, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Ramen Ichiban"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain",
      }}
      title="Authentic Japanese Ramen in Your City"
      description="Experience the traditional taste of slow-simmered broth, handmade noodles, and fresh, locally sourced toppings. Taste the art of ramen."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/korean-instant-noodle-tteokbokki-korean-spicy-sauce-ancient-food_1150-43006.jpg"
      imageAlt="Signature bowl of steaming hot ramen"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678747.jpg",
          alt: "Happy diner one",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678748.jpg",
          alt: "Happy diner two",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678752.jpg",
          alt: "Happy diner three",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-food-concept-with-copy-space_23-2148716231.jpg",
          alt: "Happy diner four",
        },
        {
          src: "http://img.b2bpic.net/free-photo/ramen-noodle-soup-with-fresh-ingredients-chopsticks-dark-background_84443-85793.jpg",
          alt: "Happy diner five",
        },
      ]}
      avatarText="Join 50,000+ happy diners"
      marqueeItems={[
        {
          type: "text",
          text: "100% Homemade Noodles",
        },
        {
          type: "text",
          text: "12-Hour Broth",
        },
        {
          type: "text",
          text: "Locally Sourced",
        },
        {
          type: "text",
          text: "Authentic Flavors",
        },
        {
          type: "text",
          text: "Traditional Craft",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Our Passion for Ramen"
      description="Founded by Chef Kenji in 2012, our shop preserves the authentic techniques of classic Japanese ramen. We believe that a great bowl of ramen starts with 12 hours of careful preparation and ends with a smile on your face."
      imageSrc="http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587646.jpg"
      imageAlt="Inside our warm and cozy ramen shop"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Tonkotsu Ramen",
          price: "$14.50",
          variant: "Rich & Creamy",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodles-bowl-assortment_23-2148803817.jpg",
        },
        {
          id: "2",
          name: "Shoyu Ramen",
          price: "$12.00",
          variant: "Classic Soy Base",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053749.jpg",
        },
        {
          id: "3",
          name: "Tsukemen",
          price: "$15.00",
          variant: "Dipping Noodles",
          imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup-cloth_23-2148486541.jpg",
        },
        {
          id: "4",
          name: "Gyoza (6pcs)",
          price: "$7.00",
          variant: "Crispy Dumplings",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-biscuit-tray-marble-surface_114579-48453.jpg",
        },
        {
          id: "5",
          name: "Karaage",
          price: "$8.50",
          variant: "Fried Chicken",
          imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-sauteed-with-rice-salad_114579-2113.jpg",
        },
        {
          id: "6",
          name: "Edamame",
          price: "$5.00",
          variant: "Light Snack",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-seaweed-dish_23-2150912719.jpg",
        },
      ]}
      title="Our Signature Bowls & Sides"
      description="From rich, creamy Tonkotsu to lighter Shoyu options, find your favorite soul-warming bowl."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          tag: "Broth",
          title: "12-Hour Simmer",
          subtitle: "Deep Flavor",
          description: "Our pork bone broth is simmered for 12 hours until perfectly creamy and rich.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-making-diy-crafts-upcycle-project_23-2149391035.jpg",
          imageAlt: "Young girl making diy crafts in upcycle project",
        },
        {
          tag: "Noodles",
          title: "Handmade Daily",
          subtitle: "Perfect Texture",
          description: "Fresh, chewy noodles crafted in-house every single morning.",
          imageSrc: "http://img.b2bpic.net/free-photo/korean-instant-noodle-tteokbokki-korean-spicy-sauce-ancient-food_1150-43006.jpg",
          imageAlt: "Young girl making diy crafts in upcycle project",
        },
        {
          tag: "Toppings",
          title: "Fresh & Local",
          subtitle: "Quality First",
          description: "Seasonal toppings sourced daily for freshness and vibrancy.",
          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587646.jpg",
          imageAlt: "Young girl making diy crafts in upcycle project",
        },
      ]}
      title="Why We Are Different"
      description="Our commitment to quality ensures every bowl exceeds expectations."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          icon: Award,
          title: "Years Experience",
          value: "12+",
        },
        {
          id: "2",
          icon: Soup,
          title: "Bowls Served",
          value: "100k+",
        },
        {
          id: "3",
          icon: Users,
          title: "Happy Diners",
          value: "50k+",
        },
      ]}
      title="By The Numbers"
      description="Years of expertise serving our community."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Miller",
          date: "Jan 2024",
          title: "Local Regular",
          quote: "The tonkotsu here is absolutely life-changing. I come every week!",
          tag: "Fan",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/korean-instant-noodle-tteokbokki-korean-spicy-sauce-ancient-food_1150-43006.jpg",
          imageAlt: "happy customer eating ramen",
        },
        {
          id: "2",
          name: "David Park",
          date: "Dec 2023",
          title: "Foodie",
          quote: "Authentic taste and incredible staff. Truly the best ramen in town.",
          tag: "Expert",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-friends-table_23-2149213365.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-view-parent-child-spending-time-together_23-2151587646.jpg",
          imageAlt: "happy customer eating ramen",
        },
        {
          id: "3",
          name: "Emily Chen",
          date: "Nov 2023",
          title: "Student",
          quote: "Affordable, delicious, and super cozy vibes. My go-to spot.",
          tag: "Student",
          avatarSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodles-bowl-assortment_23-2148803817.jpg",
          imageAlt: "happy customer eating ramen",
        },
        {
          id: "4",
          name: "Mark Wilson",
          date: "Oct 2023",
          title: "Blogger",
          quote: "Exquisite attention to detail in every bowl. Don't skip the gyoza!",
          tag: "Pro",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-gardener-uniform-wearing-gardening-hat-trying-pepper_141793-89016.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053749.jpg",
          imageAlt: "happy customer eating ramen",
        },
        {
          id: "5",
          name: "Lisa Wong",
          date: "Sep 2023",
          title: "Professional",
          quote: "A perfect bowl for cold evenings. Warm and comforting.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup-cloth_23-2148486541.jpg",
          imageAlt: "happy customer eating ramen",
        },
      ]}
      title="What Our Guests Say"
      description="Join our community of satisfied ramen lovers."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Hungry? Visit us today or order online for pickup. Your bowl is waiting."
      buttons={[
        {
          text: "Book a Table",
          href: "#",
        },
        {
          text: "Call Now",
          href: "tel:555-123-456",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Ramen Ichiban"
      copyrightText="© 2025 Ramen Ichiban Inc."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Follow us on Instagram",
        },
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Visit our Facebook page",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
