"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Utensils, Fish, Music, Tv, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Green Park"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{ variant: "gradient-bars" }}
      title="Experience Exquisite Seafood"
      description="Green Park Fine Dine brings the freshest catch of the day to your plate in a warm, family-friendly setting."
      buttons={[{ text: "Book a Table", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320435.jpg"
      imageAlt="Luxurious seafood dining experience"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="Tradition Meets Freshness"
      description="Located in the heart of Karnataka, we pride ourselves on delivering authentic flavors and a welcoming atmosphere for families."
      subdescription="Since our opening, we've dedicated ourselves to providing a top-tier fine dining experience where every guest becomes family."
      icon={Utensils}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-chef-with-gloves-sprinkled-salt-onto-fresh-fish-pomegranate-seeds-bowl-table_179666-44311.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        { title: "Fresh Seafood", description: "Daily sourced ingredients ensuring peak freshness.", imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-top-view_141793-367.jpg", buttonIcon: Fish },
        { title: "Live Entertainment", description: "Enjoy live music performances while you dine.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg", buttonIcon: Music },
        { title: "Sports Viewing", description: "Large screens to catch your favorite games.", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-shots-festive-women_23-2147651776.jpg", buttonIcon: Tv },
        { title: "Family Friendly", description: "Comfortable seating perfect for all ages.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-dining-together-concept_53876-26275.jpg", buttonIcon: Users },
      ]}
      title="Why You'll Love Us"
      description="We offer more than just a meal; we provide an unforgettable experience for every occasion."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Grilled Salmon", price: "₹650", imageSrc: "http://img.b2bpic.net/free-photo/prawn-plate-rice_1232-985.jpg" },
        { id: "2", name: "King Prawn Special", price: "₹890", imageSrc: "http://img.b2bpic.net/free-photo/black-plate-delicious-toast-with-vegetables-blue-surface_114579-86188.jpg" },
        { id: "3", name: "Coastal Seafood Curry", price: "₹550", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-stew-with-meat-corn-pieces-chili-pepper-vegetables-basilic-parsley-white-plate_114579-115.jpg" },
        { id: "4", name: "Spicy Crab Masala", price: "₹750", imageSrc: "http://img.b2bpic.net/free-photo/kaeng-luang-yellow-curry-with-shrimp-coconut-shoots-southern-thai-traditional-food_640221-266.jpg" },
        { id: "5", name: "Crispy Calamari", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/fried-squid-calamari-rings_1339-4715.jpg" },
        { id: "6", name: "Seafood Soup", price: "₹320", imageSrc: "http://img.b2bpic.net/free-photo/sour-seafood-soup-tom-yum-seafood_1339-4120.jpg" },
      ]}
      title="Signature Dishes"
      description="Explore our curated menu of seafood delicacies prepared with traditional recipes."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "4.9", title: "Rating", description: "Based on 36+ reviews", imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-olives-dogwood-lemon-slices_140725-798.jpg" },
        { id: "m2", value: "100+", title: "Daily Guests", description: "Serving families everyday", imageSrc: "http://img.b2bpic.net/free-photo/event-hall-wooden-table-with-rustic-chairs_114579-2233.jpg" },
        { id: "m3", value: "50+", title: "Menu Items", description: "Unique culinary creations", imageSrc: "http://img.b2bpic.net/free-photo/three-guys-watching-american-football-competition_329181-18314.jpg" },
      ]}
      title="Serving Excellence"
      description="Our numbers speak for the quality we provide daily."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Rahul P.", handle: "@rahulp", testimonial: "Excellent seafood! The ambiance is perfect for a family dinner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg" },
        { id: "2", name: "Anita S.", handle: "@anitas", testimonial: "Best dining spot in Holebenavalli. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
        { id: "3", name: "Vijay K.", handle: "@vijayk", testimonial: "The staff is incredibly attentive and the food is consistently good.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
        { id: "4", name: "Sneha M.", handle: "@sneham", testimonial: "Love the live music sessions here. Makes for a great weekend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
        { id: "5", name: "Vikram D.", handle: "@vikramd", testimonial: "Great experience overall. Will definitely visit again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-young-happy-people-communicating-while-having-lunch-together-dining-room_637285-3564.jpg" },
      ]}
      showRating={true}
      title="Guest Reviews"
      description="See why our guests keep coming back."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        { id: "q1", title: "Are reservations required?", content: "While not always mandatory, we highly recommend booking in advance, especially on weekends." },
        { id: "q2", title: "Do you offer vegetarian options?", content: "Yes, we have a variety of vegetarian delicacies alongside our signature seafood." },
        { id: "q3", title: "Are you open for events?", content: "Yes, we cater to birthdays and intimate family gatherings. Call us to discuss." },
      ]}
      title="Frequently Asked"
      description="Have questions? We've got answers."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Visit Us"
      title="Book Your Table"
      description="Located at HPC Cross, Holebenavalli. We look forward to serving you soon."
      imageSrc="http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366675.jpg"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your phone number"
      buttonText="WhatsApp Us"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Green Park"
      columns={[
        {
          title: "Menu",          items: [
            { label: "Seafood Specials", href: "#menu" },
            { label: "Full Menu", href: "#menu" },
          ],
        },
        {
          title: "Connect",          items: [
            { label: "WhatsApp", href: "https://wa.me/918310573504" },
            { label: "Call Us", href: "tel:+918310573504" },
          ],
        },
        {
          title: "Info",          items: [
            { label: "Directions", href: "https://maps.google.com" },
            { label: "Privacy", href: "#" },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}