"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Crown, Flame, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Dishes",          id: "#dishes"},
        {
          name: "Catering",          id: "#catering"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Awards",          id: "#awards"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Kolachi Restaurant"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "radial-gradient"}}
      title="Experience Exquisite Dining at Kolachi Restaurant"
      description="Indulge in a culinary journey where authentic flavors meet a sophisticated ambiance. Kolachi offers an unforgettable experience for every palate."
      tag="Award-Winning Cuisine"
      tagAnimation="blur-reveal"
      buttons={[
        {
          text: "View Our Menu",          href: "#menu"},
        {
          text: "Make a Reservation",          href: "#contact"},
      ]}
      buttonAnimation="blur-reveal"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/salad-served-with-crispy-cracker-green-vegetables_114579-1717.jpg",          imageAlt: "Luxurious dining setting at Kolachi Restaurant"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seared-duck-breast-with-roasted-vegetables-rich-sauce_84443-72273.jpg",          imageAlt: "Gourmet dish presentation at Kolachi"}
      ]}
      mediaAnimation="blur-reveal"
      rating={5}
      ratingText="5-Star Customer Rating"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Our Legacy of Culinary Excellence"
      metrics={[
        {
          icon: Flame,
          label: "Years in Service",          value: "15+"},
        {
          icon: Star,
          label: "Awards Won",          value: "10+"},
        {
          icon: Users,
          label: "Satisfied Guests",          value: "50K+"},
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardSeven
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Appetizers & Soups",          description: "Start your meal with our tantalizing selection of hot and cold appetizers and refreshing soups.",          imageSrc: "http://img.b2bpic.net/free-photo/white-fruit-platter-isolated-black-surface-with-herbs_114579-12173.jpg",          imageAlt: "Assorted appetizers platter"},
        {
          title: "Main Courses",          description: "Experience the heart of our cuisine with our exquisite range of grilled meats, curries, and traditional specialties.",          imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2415.jpg",          imageAlt: "Grilled steak with vegetables"},
        {
          title: "Desserts & Beverages",          description: "Conclude your feast with our decadent desserts and a wide array of refreshing beverages.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheesecake-with-strawberry-chocolate-oval-plate-dark-with-copy-space_140725-105428.jpg",          imageAlt: "Decadent chocolate lava cake"},
      ]}
      title="Explore Our Diverse Menu Categories"
      description="From delectable appetizers to rich main courses and indulgent desserts, our menu is crafted to tantalize your taste buds."
      tag="Our Signature Flavors"
    />
  </div>

  <div id="dishes" data-section="dishes">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "biryani",          name: "Chicken Biryani",          price: "$22.00",          imageSrc: "http://img.b2bpic.net/free-photo/spices-around-frying-pan-with-chicken-kebab_23-2147894624.jpg",          imageAlt: "Chicken Biryani dish"},
        {
          id: "karahi",          name: "Mutton Karahi",          price: "$28.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-sauce-soup-with-greens-potatoes-dark-desk_140725-76768.jpg",          imageAlt: "Mutton Karahi dish"},
        {
          id: "kebabs",          name: "Assorted Kebabs Platter",          price: "$35.00",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-set-shish-kebab-baked-clay-oven_140725-12836.jpg",          imageAlt: "Assorted Kebab Platter"},
        {
          id: "naan",          name: "Garlic Naan",          price: "$5.00",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-composition-nutritious-roti_23-2149034033.jpg",          imageAlt: "Garlic Naan bread"},
        {
          id: "gulab",          name: "Gulab Jamun",          price: "$10.00",          imageSrc: "http://img.b2bpic.net/free-photo/corn-snacks-piled-bucket-christmas-baubles-marble-surface_114579-52164.jpg",          imageAlt: "Gulab Jamun dessert"},
        {
          id: "chaat",          name: "Fruit Chaat",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fruit-salad-sliced-tangerines-apples-bananas-oranges-dark-background_140725-144713.jpg",          imageAlt: "Fresh Fruit Chaat"},
      ]}
      title="Popular Dishes & Chef's Recommendations"
      description="Discover the dishes that keep our guests coming back for more, perfected by our master chefs."
      tag="Culinary Delights"
    />
  </div>

  <div id="catering" data-section="catering">
      <PricingCardOne
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      plans={[
        {
          id: "basic-catering",          badge: "Standard",          badgeIcon: Sparkles,
          price: "$50/person",          subtitle: "Ideal for small gatherings",          features: [
            "Choice of 3 Appetizers",            "Choice of 2 Main Courses",            "1 Dessert Option",            "Beverage Selection"],
        },
        {
          id: "premium-catering",          badge: "Popular",          badgeIcon: Award,
          price: "$75/person",          subtitle: "Perfect for larger celebrations",          features: [
            "Choice of 5 Appetizers",            "Choice of 3 Main Courses",            "2 Dessert Options",            "Premium Beverage Selection",            "Dedicated Service Staff"],
        },
        {
          id: "luxury-catering",          badge: "Exclusive",          badgeIcon: Crown,
          price: "$100/person",          subtitle: "For an unparalleled event",          features: [
            "Customizable Menu",            "Live Cooking Station",            "Unlimited Premium Beverages",            "Personalized Event Planner",            "Exclusive Decor Options"],
        },
      ]}
      title="Catering & Event Packages"
      description="Let Kolachi make your next event extraordinary with our bespoke catering services, tailored to your needs."
      tag="Host with Kolachi"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Fatima Zahra",          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",          imageAlt: "Photo of Fatima Zahra"},
        {
          id: "2",          name: "Ahmed Khan",          imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg",          imageAlt: "Photo of Ahmed Khan"},
        {
          id: "3",          name: "Sana Ejaz",          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-looking-down-while-thinking-white-uniform_176474-12680.jpg",          imageAlt: "Photo of Sana Ejaz"},
        {
          id: "4",          name: "Ali Hassan",          imageSrc: "http://img.b2bpic.net/free-photo/black-american-couple-date-meeting-drink-wine-restaurant_613910-7260.jpg",          imageAlt: "Photo of Ali Hassan"},
        {
          id: "5",          name: "Hira Saleem",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-gathering_23-2149001313.jpg",          imageAlt: "Photo of Hira Saleem"},
      ]}
      cardTitle="What Our Guests Say About Us"
      cardTag="Rave Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="awards" data-section="awards">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Gourmet Guild",        "Foodie's Choice Awards",        "Global Restaurant Review",        "Chef's Weekly Magazine",        "City Dining Guide",        "Taste & Travel",        "Culinary Art Society"]}
      title="Recognized for Culinary Excellence"
      description="Proudly recognized by leading culinary critics and publications for our commitment to quality and exceptional dining experience."
      tag="Our Accolades"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static"}}
      tag="Connect With Us"
      title="Make a Reservation or Inquire About Catering"
      description="We look forward to welcoming you to Kolachi. Reach out for reservations, private events, or any special requests."
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
      termsText="By subscribing you're confirming that you agree with our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "About Kolachi",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Our Team",              href: "#"},
            {
              label: "Awards",              href: "#awards"},
          ],
        },
        {
          title: "Menu",          items: [
            {
              label: "Appetizers",              href: "#menu"},
            {
              label: "Main Courses",              href: "#menu"},
            {
              label: "Desserts",              href: "#menu"},
            {
              label: "Chef's Specials",              href: "#dishes"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Catering",              href: "#catering"},
            {
              label: "Reservations",              href: "#contact"},
            {
              label: "Private Events",              href: "#"},
            {
              label: "Order Online",              href: "#dishes"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Kolachi Restaurant. All rights reserved."
      bottomRightText="Crafted with passion by Webuild."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
