"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Clock, Heart, Leaf, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "About",          id: "about"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Reviews",          id: "reviews"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Pluto's"
      button={{
        text: "Reserve",        href: "tel:07397341783"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Pluto's Restaurant"
      description="Indian & Chinese classics, grilled meats & shawarma — open till 4 AM in Choolaimedu."
      tag="Est. Chennai"
      buttons={[
        {
          text: "Explore Menu",          href: "#menu"},
        {
          text: "Find Us",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/enjoying-street-food-fest_23-2151543796.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/enjoying-street-food-fest_23-2151543802.jpg",          alt: "Enjoying street food fest"},
        {
          src: "http://img.b2bpic.net/free-photo/delicious-street-food-fest_23-2151543755.jpg",          alt: "Delicious street food fest"},
        {
          src: "http://img.b2bpic.net/free-photo/man-puts-plain-youghurt-green-kutab-side-view_141793-4202.jpg",          alt: "Man puts the plain youghurt on the green kutab side view"},
        {
          src: "http://img.b2bpic.net/free-photo/side-view-women-buying-food_23-2149461678.jpg",          alt: "Side view women buying food"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",          alt: "Beautiful African-American woman in cafe"},
      ]}
      avatarText="Join 2.5K+ satisfied late-night foodies"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Where Every Meal Is a Celebration"
      description="Tucked into the heart of Choolaimedu, Pluto's has been feeding Chennai's hungry souls around the clock. From morning tiffin to midnight feasts, we craft every dish with passion and bold flavour."
      metrics={[
        {
          value: "4.2",          title: "Google Rating"},
        {
          value: "2.5K+",          title: "Happy Reviews"},
        {
          value: "4 AM",          title: "Closing Time"},
        {
          value: "₹300",          title: "Avg. for Two"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-close-up-view-dish-sauces-bowls-yellow-sauce-rice-sour-cream-black-pepper-herbs-colorful-spices-around-white-plate-stuffed-cabbage-black-table_140725-110538.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Late Night Dining",          description: "Open every day until 4 AM for all your cravings.",          icon: Clock,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg",              imageAlt: "late night restaurant dining"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891007.jpg",              imageAlt: "late night restaurant dining"
            },
          ],
        },
        {
          title: "Fresh & Vegan",          description: "Dedicated plant-based options crafted with care.",          icon: Leaf,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/keto-salad-with-roasted-eggplant-kale_53876-106102.jpg",              imageAlt: "fresh vegan healthy meal"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/wooden-plate-with-ripe-vegetables_23-2147694158.jpg",              imageAlt: "fresh vegan healthy meal"
            },
          ],
        },
        {
          title: "Warm Hospitality",          description: "Consistently friendly staff and welcoming atmosphere.",          icon: Heart,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199004.jpg",              imageAlt: "professional friendly service"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-couple-selling-food-street_329181-20708.jpg",              imageAlt: "professional friendly service"
            },
          ],
        },
      ]}
      title="The Pluto's Experience"
      description="Everything we do is focused on bold flavors, fair pricing, and late-night comfort."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Chicken Biryani",          price: "₹220",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/homemade-tasty-noodle-bowl-blue-background_114579-39748.jpg"},
        {
          id: "p2",          name: "Full Tandoori",          price: "₹397",          variant: "Spicy",          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-chicken-with-lemon-herbs-cutting-board-bowls-spices_140725-72524.jpg"},
        {
          id: "p3",          name: "Shawarma Roll",          price: "₹80",          variant: "Street",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-healthy-chicken-bowl-with-tomato-wooden-desk_23-2148029531.jpg"},
        {
          id: "p4",          name: "Schezwan Fried Rice",          price: "₹180",          variant: "Fiery",          imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-glass-noodles-with-eggs-put-plate-red-white-cloth_1150-25831.jpg"},
        {
          id: "p5",          name: "Gobi Manchurian",          price: "₹109",          variant: "Appetizer",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-thai-food-including-soup-vegetables-fried-fish-salad-rice-vermicelli-wooden-table_23-2148093049.jpg"},
        {
          id: "p6",          name: "Garlic Naan",          price: "₹50",          variant: "Side",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-whole-black-bread-brown-towel-potteries-dark-colors-surface_179666-24573.jpg"},
      ]}
      title="Our Signature Dishes"
      description="A curated selection of our most popular Indian and Indo-Chinese classics."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "2.5K+",          title: "Satisfied Guests",          description: "Happy patrons served.",          icon: Users,
        },
        {
          id: "m2",          value: "4.2",          title: "Google Rating",          description: "Highly reviewed quality.",          icon: Star,
        },
        {
          id: "m3",          value: "12",          title: "Chef Years",          description: "Cumulative expertise.",          icon: Award,
        },
      ]}
      title="Quality You Can Trust"
      description="Numbers speak for our commitment to excellence."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Priya R.",          role: "Foodie",          company: "Google Review",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-male-with-beard-appeasing-hunger-while-dining-alone-modern-restaurant-sunny-day-eating-meal-with-knife-fork_273609-1966.jpg"},
        {
          id: "2",          name: "Karthik S.",          role: "Regular",          company: "Google Review",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-vector/pattern-coffee-mugs_23-2147599379.jpg"},
        {
          id: "3",          name: "Meena V.",          role: "Late Night Fan",          company: "Zomato",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg"},
        {
          id: "4",          name: "Rahul A.",          role: "Food Blogger",          company: "Swiggy",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg"},
        {
          id: "5",          name: "Anjali M.",          role: "Local",          company: "Google Review",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hugging-man-table_23-2148014530.jpg"},
      ]}
      title="Guest Reviews"
      description="What our patrons say about our flavors and late-night hospitality."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Find Us"
      description="Visit Pluto's at 4, Khan Street, Choolaimedu. Open daily from 11:30 AM to 4:00 AM."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name"},
        {
          name: "email",          type: "email",          placeholder: "Your Email"},
      ]}
      textarea={{
        name: "message",        placeholder: "Any queries?"}}
      imageSrc="http://img.b2bpic.net/free-photo/string-lights-sunset_23-2148232006.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Pluto's"
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Starters",              href: "#menu"},
            {
              label: "Mains",              href: "#menu"},
            {
              label: "Combo Sets",              href: "#menu"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Reservations",              href: "tel:07397341783"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
