"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Beef, Coffee, Flame, Wheat } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="large"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Specials",          id: "#specials"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Cafeteria Regio's"
      button={{
        text: "Order Online",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Cafeteria Regio's"
      description="Savor the authentic taste of home-cooked meals and premium coffee in a luxurious, inviting atmosphere. Experience culinary delight with every visit."
      buttons={[
        {
          text: "View Menu",          href: "#menu"},
        {
          text: "Order Online",          href: "#contact"},
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg"
      imageAlt="Luxurious cafeteria interior with delicious food"
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Our Story & Commitment"
      description="At Cafeteria Regio's, we believe in serving more than just food; we offer a delightful experience rooted in quality ingredients and exceptional service. With a legacy of warm hospitality, we've become a cherished spot for delicious meals and memorable moments. Our passion for authentic flavors and a cozy ambiance drives everything we do."
      metrics={[
        {
          value: "15+",          title: "Years Serving"},
        {
          value: "1200+",          title: "Happy Customers"},
        {
          value: "50+",          title: "Signature Dishes"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chef-placing-fresh-tomatoes-salad_23-2148516911.jpg"
      imageAlt="Chef preparing food in a luxurious kitchen"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="highlights" data-section="highlights">
      <FeatureHoverPattern
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Wheat,
          title: "Chilaquiles Rojos",          description: "Our famous red chilaquiles with tender shredded chicken, fresh cream, and cheese, a breakfast classic with rich flavor."},
        {
          icon: Beef,
          title: "Bistec a la Plancha",          description: "Succulent grilled steak, perfectly seasoned and served with your choice of savory sides, a true taste of home."},
        {
          icon: Coffee,
          title: "Premium Regio's Coffee",          description: "Start your day with our signature strong and aromatic coffee, brewed to perfection for the ultimate morning boost."},
        {
          icon: Flame,
          title: "Hearty Breakfast Plates",          description: "Enjoy generous portions of classic breakfast combinations, ensuring a satisfying start to your day."},
      ]}
      title="Signature Delights"
      description="Explore our exquisite selection of dishes, crafted with the freshest ingredients and a touch of traditional flavor. From hearty breakfasts to sumptuous lunches, every bite is a culinary journey."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p-chilaquiles",          name: "Chilaquiles Rojos con Pollo",          price: "$12.99",          variant: "Spicy Red Sauce",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159757.jpg",          imageAlt: "Chilaquiles rojos with chicken"},
        {
          id: "p-bistec",          name: "Bistec a la Plancha",          price: "$18.50",          variant: "Served with Rice & Beans",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-dipping-steak-piece-into-sour-sauce_140725-5004.jpg",          imageAlt: "Grilled steak with sides"},
        {
          id: "p-pancakes",          name: "Gourmet Pancake Stack",          price: "$10.00",          variant: "Berries & Maple Syrup",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pancakes-with-pomegranate-seeds-bananas-raspberries_23-2148354693.jpg",          imageAlt: "Stack of gourmet pancakes"},
        {
          id: "p-tacos",          name: "Assorted Street Tacos",          price: "$14.00",          variant: "Choice of 3 Tacos",          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-food-sombrero_23-2147740804.jpg",          imageAlt: "Variety of Mexican street tacos"},
        {
          id: "p-sandwich",          name: "Regio's Club Sandwich",          price: "$11.50",          variant: "Served with Fries",          imageSrc: "http://img.b2bpic.net/free-photo/toas-sandwich-table_23-2148454702.jpg",          imageAlt: "Club sandwich with french fries"},
        {
          id: "p-salad",          name: "Chicken Caesar Salad",          price: "$13.00",          variant: "Freshly Grilled Chicken",          imageSrc: "http://img.b2bpic.net/free-photo/main-course-restaurant_7939-2358.jpg",          imageAlt: "Chicken Caesar salad"},
      ]}
      title="Our Full Menu"
      description="Indulge in our diverse menu, featuring classic comforts and unique creations, all prepared with care and passion. Find your next favorite meal."
    />
  </div>

  <div id="specials" data-section="specials">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "pl-breakfast",          title: "Morning Glory Combo",          price: "$15.00",          period: "/day",          features: [
            "Chilaquiles/Pancakes",            "Strong Coffee/Juice",            "Fresh Fruit Bowl"],
          button: {
            text: "Order Breakfast"},
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-breakfast-meal-composition_23-2148833950.jpg",          imageAlt: "Breakfast combo plate"},
        {
          id: "pl-lunch",          title: "Executive Lunch Special",          price: "$22.00",          period: "/day",          features: [
            "Bistec/Tacos Platter",            "Soft Drink/Water",            "Dessert of the Day"],
          button: {
            text: "Order Lunch"},
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-potato-pies-with-pumpkin-fresh-tomatoes-grey-background-dinner-oven-bake-color-dish-slice_140725-121682.jpg",          imageAlt: "Lunch special plate"},
        {
          id: "pl-family",          title: "Family Feast Package",          price: "$60.00",          period: "/package",          features: [
            "Main Course for 4",            "2 Large Sides",            "4 Soft Drinks"],
          button: {
            text: "Order Family Meal"},
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187257.jpg",          imageAlt: "Family meal platter"},
      ]}
      title="Daily Specials & Combos"
      description="Discover exceptional value with our daily specials and curated meal combos, perfect for any appetite. Taste quality without compromising on price."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t-1",          name: "Karla Rodriguez Gracia",          role: "Local Guide",          company: "Customer",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-relaxed-woman-drinks-warm-tea-listens-music-ebook-kitchen_1258-203924.jpg",          videoAriaLabel: "Testimonial by Karla Rodriguez Gracia"},
        {
          id: "t-2",          name: "Catarino Ibarra Almazan",          role: "Local Guide",          company: "Customer",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-wearing-jumpsuit-hat-working-gloves-holding-fresh-tomatoes-his-chest-happy-cheerful-smiling-standing-purple-wall_141793-53506.jpg",          videoAriaLabel: "Testimonial by Catarino Ibarra Almazan"},
        {
          id: "t-3",          name: "Maria Garcia",          role: "Food Enthusiast",          company: "Diner",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-student-translate-foreign-words-write-transcription-into-notepad_273609-18140.jpg",          videoAriaLabel: "Testimonial by Maria Garcia"},
        {
          id: "t-4",          name: "Jose Sanchez",          role: "Regular Patron",          company: "Diner",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-male-with-stylish-haircut-drinks-glass-cappuccino-sitting-cafe-outdoors_613910-17989.jpg",          videoAriaLabel: "Testimonial by Jose Sanchez"},
        {
          id: "t-5",          name: "Brenda Lopez",          role: "Local Business Owner",          company: "Diner",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop-with-blank-smartphone-screen_273609-4689.jpg",          videoAriaLabel: "Testimonial by Brenda Lopez"},
      ]}
      kpiItems={[
        {
          value: "5-Star",          label: "Average Rating"},
        {
          value: "1200+",          label: "Satisfied Guests"},
        {
          value: "Authentic",          label: "Flavor Guarantee"},
      ]}
      title="What Our Guests Say"
      description="Hear from our delighted customers who have experienced the warmth, quality, and flavor of Cafeteria Regio's. Your satisfaction is our greatest reward."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Do you offer vegetarian options?",          content: "Yes, we have a variety of delicious vegetarian dishes and can customize many of our plates to suit your dietary preferences. Please ask your server for details."},
        {
          id: "faq-2",          title: "Can I make a reservation?",          content: "While we operate on a first-come, first-served basis, we can accommodate large groups with advance notice. Please call us directly to discuss your party's needs."},
        {
          id: "faq-3",          title: "Do you offer catering services?",          content: "Absolutely! Cafeteria Regio's provides catering for various events. Contact us to discuss your event size, menu preferences, and receive a custom quote."},
        {
          id: "faq-4",          title: "What are your operating hours?",          content: "We are open Monday to Friday from 7 AM to 3 PM, and Saturday to Sunday from 8 AM to 2 PM. We look forward to serving you!"},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common inquiries about our menu, services, and hours at Cafeteria Regio's."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready to savor the taste? Visit us, call us, or send us a message! We look forward to welcoming you to Cafeteria Regio's."
      buttons={[
        {
          text: "Get Directions",          href: "https://maps.google.com/?q=Cafeteria+Regio's"},
        {
          text: "Call Us",          href: "tel:+1234567890"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Cafeteria Regio's"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Menu",              href: "#menu"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Menu",          items: [
            {
              label: "Breakfast",              href: "#menu"},
            {
              label: "Lunch",              href: "#menu"},
            {
              label: "Specials",              href: "#specials"},
            {
              label: "Drinks",              href: "#menu"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
            {
              label: "Reservations",              href: "#contact"},
          ],
        },
      ]}
      copyrightText="© 2024 Cafeteria Regio's. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
