"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, ShieldCheck, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Features", id: "features" },
        { name: "Menu", id: "menu" },
        { name: "Gallery", id: "gallery" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" }
      ]}
      brandName="Sukhsagar Inn"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{ variant: "radial-gradient" }}
      title="Pure Veg Family Dining Experience"
      description="Authentic South Indian, Punjabi, Chinese & Jain Food in Nashik."
      testimonials={[
        { name: "Rajesh K.", handle: "@nashikfoodie", testimonial: "The best pure veg food in Nashik. Paneer Lacheda is a must!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg?_wi=1" },
        { name: "Anita S.", handle: "@familydining", testimonial: "Excellent hygiene and atmosphere for family gatherings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=1" },
        { name: "Vikram P.", handle: "@foodlover", testimonial: "Authentic taste, great service and ample parking space.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg?_wi=1" },
        { name: "Sneha R.", handle: "@vegfoodies", testimonial: "Delicious Jain options and fast service.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4156.jpg?_wi=1" },
        { name: "Kiran M.", handle: "@foodie_kiran", testimonial: "My go-to place for pure veg in Nashik. Excellent!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg?_wi=1" }
      ]}
      buttons={[
        { text: "View Menu", href: "#menu" },
        { text: "Reserve Table", href: "#contact" },
        { text: "WhatsApp Now", href: "https://wa.me/yournumber" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg"
      imageAlt="Hotel Sukhsagar Inn exterior at night"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg", alt: "Customer 1" },
        { src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg", alt: "Customer 2" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg", alt: "Customer 3" },
        { src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg", alt: "Customer 4" },
        { src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg", alt: "Customer 5" }
      ]}
      marqueeItems={[
        { type: "text", text: "100% Pure Veg" },
        { type: "text", text: "Authentic Jain Options" },
        { type: "text", text: "Family Friendly" },
        { type: "text", text: "Premium Ambience" },
        { type: "text", text: "Located in Nashik" }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="A Legacy of Pure Taste"
      metrics={[
        { icon: ShieldCheck, label: "Pure Veg Excellence", value: "100%" },
        { icon: Users, label: "Daily Visitors", value: "500+" },
        { icon: Award, label: "Happy Years", value: "15+" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "100% Pure Veg", description: "Strict vegetarian standards with finest quality ingredients.", imageSrc: "http://img.b2bpic.net/free-vector/leaf-circles-set-two_78370-10823.jpg" },
        { title: "Family Friendly", description: "Welcoming atmosphere for families of all ages.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199326.jpg" },
        { title: "Jain Food Available", description: "Dedicated prep areas for authentic Jain cuisine.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-indian-restaurant-labels_23-2149435895.jpg" },
        { title: "Reservations Required", description: "Ensure your table by booking in advance.", imageSrc: "http://img.b2bpic.net/free-vector/airport-concept-illustration-woman-airport-check-terminal_24908-61083.jpg" }
      ]}
      title="Why Dine With Us?"
      description="We blend quality, taste, and hospitality for a premium dining experience."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        { id: "1", name: "Paneer Lacheda", price: "₹280", variant: "Punjabi Special", imageSrc: "http://img.b2bpic.net/free-photo/side-view-deep-fried-fish-fillet-with-red-onion-sauce-slice-lemon-plate_141793-4876.jpg" },
        { id: "2", name: "Dal Khichdi", price: "₹180", variant: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086030.jpg" },
        { id: "3", name: "Mango Mastani", price: "₹150", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-vegetable-salad-carrot-cucumbers-pineapple-corns-glass-wooden-table_140725-11939.jpg" },
        { id: "4", name: "Shev Bhaji", price: "₹160", variant: "Maharashtrian", imageSrc: "http://img.b2bpic.net/free-photo/green-curry-bowl-with-fork-spoon-wooden-table_1150-21340.jpg" },
        { id: "5", name: "Garlic Bread", price: "₹140", variant: "Fast Food", imageSrc: "http://img.b2bpic.net/free-photo/fried-bread-with-egg-wooden-board_114579-69669.jpg" },
        { id: "6", name: "Buttermilk", price: "₹60", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-phone-coffee_1303-9003.jpg" }
      ]}
      title="Signature Menu"
      description="Explore our handcrafted delicacies crafted with passion. Avg price: ₹200–₹400/person"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { title: "Modern Ambience", description: "Relaxed and upscale dining environment.", imageSrc: "http://img.b2bpic.net/free-photo/interior-dinner-new-modern-indoor_1122-2075.jpg" },
        { title: "Dining Area", description: "Spacious seating for groups and families.", imageSrc: "http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-8016.jpg" },
        { title: "Gourmet Kitchen", description: "Where culinary magic comes to life.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-recipe_23-2148145589.jpg" },
        { title: "Exterior View", description: "Iconic Dindori Road location.", imageSrc: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-illuminated-night_23-2152006133.jpg" },
        { title: "Fresh Dishes", description: "Plated to perfection every time.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg" },
        { title: "Night Mood", description: "Perfect for late night cravings.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg" }
      ]}
      title="Experience Sukhsagar"
      description="Peek into our elegant dining spaces and culinary craftsmanship."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Amit Shah", role: "Frequent Diner", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg?_wi=2" },
        { id: "2", name: "Priya V.", role: "Foodie", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=2" },
        { id: "3", name: "Rahul Deshmukh", role: "Business Owner", company: "Nashik", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg?_wi=2" },
        { id: "4", name: "Sunita K.", role: "Traveler", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4156.jpg?_wi=2" },
        { id: "5", name: "Vikram A.", role: "Local Resident", company: "Nashik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg?_wi=2" }
      ]}
      kpiItems={[
        { label: "Google Reviews", value: "531+" },
        { label: "Star Rating", value: "4.2" },
        { label: "Daily Patrons", value: "500+" }
      ]}
      title="Loved by Our Guests"
      description="4.2 Star Rating with 531+ Google Reviews."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      title="Get in Touch"
      description="Reservations, feedback, or event inquiries. Let us know how we can serve you."
      inputs={[
        { name: "name", type: "text", placeholder: "Full Name", required: true },
        { name: "email", type: "email", placeholder: "Email Address", required: true }
      ]}
      textarea={{ name: "message", placeholder: "Your message here...", rows: 4 }}
      buttonText="Submit"
      useInvertedBackground={false}
      mediaPosition="right"
      imageSrc="http://img.b2bpic.net/free-photo/young-man-working-laptop-cafe_1303-12502.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      logoText="Hotel Sukhsagar Inn"
      columns={[
        { title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "Gallery", href: "#gallery" }, { label: "Contact", href: "#contact" }] },
        { title: "Dining", items: [{ label: "Pure Veg", href: "#" }, { label: "Jain Cuisine", href: "#" }, { label: "Events", href: "#" }] },
        { title: "Follow Us", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "WhatsApp", href: "#" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}