"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 FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Cake, Flame, Leaf, Mail, Sparkles, Users, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Specials",
          id: "#features",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2xxws8"
      logoAlt="Ramesh Food Corner Logo"
      brandName="Ramesh Food Corner"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient",
      }}
      logoText="Ramesh Food Corner"
      description="Experience the authentic flavors of India right here. Freshly prepared, deliciously served."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Order Now",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-stuffed-eggplant-rolls-white-oval-plate-different-spices-grey-surface_140725-107275.jpg"
      imageAlt="A vibrant spread of Indian dishes including curry, rice, and bread."
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Our Passion for Authentic Indian Cuisine"
      metrics={[
        {
          icon: Utensils,
          label: "Years in Service",
          value: "15+",
        },
        {
          icon: Leaf,
          label: "Fresh Ingredients",
          value: "Daily",
        },
        {
          icon: Award,
          label: "Customer Satisfaction",
          value: "100%",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Flame,
          title: "Signature Spices",
          description: "Hand-picked, fresh spices ground daily for an unforgettable aroma and taste.",
        },
        {
          icon: Leaf,
          title: "Vegetarian Delights",
          description: "A wide array of delicious vegetarian dishes, crafted with garden-fresh produce.",
        },
        {
          icon: Cake,
          title: "Sweet Endings",
          description: "Indulge in our homemade Indian desserts, the perfect conclusion to your meal.",
        },
      ]}
      title="Our Culinary Specialties"
      description="Discover what makes Ramesh Food Corner a beloved name in authentic Indian dining."
    />
  </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: "Butter Chicken",
          price: "₹ 350",
          variant: "Rich & Creamy",
          imageSrc: "http://img.b2bpic.net/free-photo/healthy-homemade-meal-beef-curry-with-naan-generated-by-ai_188544-41071.jpg",
          imageAlt: "Butter Chicken",
        },
        {
          id: "2",
          name: "Paneer Tikka Masala",
          price: "₹ 320",
          variant: "Spicy Vegetarian",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-yellow-cheese-with-brown-coffee-seeds-grey-desk-food-meal-snack-coffee_140725-28135.jpg",
          imageAlt: "Paneer Tikka Masala",
        },
        {
          id: "3",
          name: "Aloo Gobi",
          price: "₹ 280",
          variant: "Classic Vegan",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-salad-with-fresh-vegetables-dark-surface_140725-75028.jpg",
          imageAlt: "Aloo Gobi",
        },
        {
          id: "4",
          name: "Chicken Biryani",
          price: "₹ 380",
          variant: "Fragrant & Spiced",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistan-dish-arrangement_23-2148821521.jpg",
          imageAlt: "Chicken Biryani",
        },
        {
          id: "5",
          name: "Garlic Naan",
          price: "₹ 80",
          variant: "Freshly Baked",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistani-meal-arrangement_23-2148825100.jpg",
          imageAlt: "Garlic Naan",
        },
        {
          id: "6",
          name: "Samosa (2 pcs)",
          price: "₹ 100",
          variant: "Crispy & Savory",
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-pie-kurnik-that-is-beautifully-decorated-table_1150-23100.jpg",
          imageAlt: "Samosa",
        },
      ]}
      title="Our Delicious Menu"
      description="A taste of India, crafted with love and tradition. Explore our wide range of dishes."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "daily-thali",
          badge: "Value",
          badgeIcon: Sparkles,
          price: "₹ 499",
          subtitle: "Perfect for a satisfying daily meal.",
          buttons: [
            {
              text: "Order Thali",
              href: "#contact",
            },
          ],
          features: [
            "Choice of 2 Curries",
            "Rice & 2 Naan/Roti",
            "Salad & Dessert",
            "Refreshing Beverage",
          ],
        },
        {
          id: "catering-package",
          badge: "Events",
          badgeIcon: Users,
          price: "Custom Quote",
          subtitle: "Ideal for parties, events, and gatherings.",
          buttons: [
            {
              text: "Inquire Now",
              href: "#contact",
            },
          ],
          features: [
            "Customizable Menu",
            "On-site Service Available",
            "Serves 10+ Guests",
            "Flexible Delivery Options",
          ],
        },
      ]}
      title="Daily Specials & Catering"
      description="From daily thalis to grand catering events, we have a plan for every occasion."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Food Critics Choice",
        "Local Eats Magazine",
        "Golden Spoon Award",
        "Travel Food Show",
        "Healthy Plate Initiative",
        "Customer Favorite Award",
        "Chef's Seal of Approval",
      ]}
      title="Recognized for Excellence"
      description="Proudly acknowledged by renowned food critics and beloved by our community."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Priya Sharma",
          role: "Regular Customer",
          testimonial: "Ramesh Food Corner is my go-to for authentic Indian food. The flavors are incredible, and the service is always fantastic!",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-looking-straight-ahead-wearing-white-t-shirt-isolated-pink_141793-86537.jpg",
          imageAlt: "Priya Sharma",
        },
        {
          id: "2",
          name: "Amit Patel",
          role: "Local Business Owner",
          testimonial: "Their catering service saved our event! Everyone loved the food, especially the biryani. Highly recommended for quality and taste.",
          imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-cute-lovely-chef-pink-apron-recording-video-social-media-with-heart-gesture_140725-166722.jpg",
          imageAlt: "Amit Patel",
        },
        {
          id: "3",
          name: "The Gupta Family",
          role: "Family Diners",
          testimonial: "We love coming here for family dinners. There's something for everyone, and the portions are generous. A true taste of home!",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-couple-talking-while-having-meal-dining-table_637285-12645.jpg",
          imageAlt: "The Gupta Family",
        },
        {
          id: "4",
          name: "Neha Singh",
          role: "Food Blogger",
          testimonial: "As a food blogger, I'm always looking for hidden gems. Ramesh Food Corner is definitely one! Their paneer tikka is a must-try.",
          imageSrc: "http://img.b2bpic.net/free-photo/surprised-girl-with-red-lips-drinking-milkshake-studio-shot-emotional-young-lady-polka-dot-dress-standing-blue-space_197531-15158.jpg",
          imageAlt: "Neha Singh",
        },
        {
          id: "5",
          name: "Rajesh Kumar",
          role: "Community Elder",
          testimonial: "This place reminds me of my mother's cooking. Pure, unadulterated Indian flavors. A blessing for our community.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-traditional-indian-attire-with-colorful-mandala-background_23-2152003203.jpg",
          imageAlt: "Rajesh Kumar",
        },
      ]}
      title="What Our Customers Say"
      description="Hear from our happy customers who love the authentic taste and warm hospitality at Ramesh Food Corner."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "Do you offer vegetarian and vegan options?",
          content: "Yes, we have a dedicated section on our menu for a wide variety of vegetarian dishes, and many of those can be made vegan upon request. Please inform our staff about your dietary preferences.",
        },
        {
          id: "faq-2",
          title: "Can I place an order for delivery or takeout?",
          content: "Absolutely! We offer both delivery and takeout services. You can place your order directly through our website, by phone, or visit us in person for takeout.",
        },
        {
          id: "faq-3",
          title: "Do you cater for events and parties?",
          content: "Yes, we provide catering services for various events, big or small. Our team can help you customize a menu to suit your guests' preferences and dietary needs. Please contact us for a quote.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our food, services, and policies."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Contact Us for Orders & Inquiries"
      description="Have a question, want to place a large order, or need catering? Reach out to us!"
      tagIcon={Mail}
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By sending a message, you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-preparing-food-plate_23-2148934662.jpg"
      imageAlt="Chef preparing food in a busy kitchen"
      logoText="Ramesh Food Corner"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Specials",
              href: "#features",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Ramesh Food Corner. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
