"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 FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Coffee, Fish, Flame, Heart, Leaf, Lightbulb, Music, Smile, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="medium"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Book a Table",
        href: "#contact",
      }}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lvlawi"
      logoAlt="MAD Brothers Restaurant Logo"
      brandName="MAD Brothers Restaurant"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Experience Culinary Delights at MAD Brothers Restaurant"
      description="Nestled in the heart of Kaunas Old Town, MAD Brothers offers an unforgettable dining experience. Enjoy our exquisite dishes crafted with passion, served in a warm and inviting atmosphere. Your perfect meal awaits!"
      buttons={[
        {
          text: "View Our Menu",
          href: "#menu",
        },
        {
          text: "Make a Reservation",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg?_wi=1"
      imageAlt="Elegant restaurant dining scene with food on table"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-657.jpg",
          alt: "Smiling restaurant guest",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cute-tanned-brunette-woman-stylish-red-dress-beret-sunglasses-sits-cafe_197531-24181.jpg",
          alt: "Happy diner portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5046.jpg",
          alt: "Woman enjoying meal",
        },
        {
          src: "http://img.b2bpic.net/free-photo/valentines-day-concept-romantic-guy-showing-finger-heart-looking-left-smiling-happy-standing_1258-163953.jpg",
          alt: "Man looking pleased",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271990.jpg",
          alt: "Customer profile picture",
        },
      ]}
      avatarText="Join our 10,000+ happy diners!"
      marqueeItems={[
        {
          type: "text",
          text: "Fresh, Local Ingredients",
        },
        {
          type: "text-icon",
          text: "Exceptional Service",
          icon: Smile,
        },
        {
          type: "text",
          text: "Award-Winning Chefs",
        },
        {
          type: "text-icon",
          text: "Cozy Ambiance",
          icon: Coffee,
        },
        {
          type: "text",
          text: "Daily Gourmet Specials",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Our Story: Passion for Flavor"
      metrics={[
        {
          icon: Star,
          label: "Years Serving",
          value: "15+",
        },
        {
          icon: Users,
          label: "Happy Customers",
          value: "10K+",
        },
        {
          icon: Flame,
          label: "Daily Specials",
          value: "5+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Truffle Pasta",
          price: "€18.50",
          imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-cheese-topped-with-basil_140725-3803.jpg",
          imageAlt: "Gourmet truffle pasta",
        },
        {
          id: "p2",
          name: "Grilled Ribeye Steak",
          price: "€28.00",
          imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-with-fried-potatoes-mayonnaise-mustard-ketchup_140725-1494.jpg",
          imageAlt: "Grilled ribeye steak with vegetables",
        },
        {
          id: "p3",
          name: "Seafood Platter",
          price: "€35.00",
          imageSrc: "http://img.b2bpic.net/free-photo/view-dish-made-oyster-delicacies_23-2150320439.jpg",
          imageAlt: "Fresh seafood platter",
        },
        {
          id: "p4",
          name: "Seasonal Garden Salad",
          price: "€12.00",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-salad-with-tweezers_181624-9062.jpg",
          imageAlt: "Fresh seasonal garden salad",
        },
        {
          id: "p5",
          name: "Molten Chocolate Lava Cake",
          price: "€9.00",
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-lava-cake-white-plate_1150-6317.jpg",
          imageAlt: "Chocolate lava cake",
        },
        {
          id: "p6",
          name: "Signature Crafted Cocktail",
          price: "€10.50",
          imageSrc: "http://img.b2bpic.net/free-photo/moody-fruit-still-life_23-2148139598.jpg",
          imageAlt: "Signature crafted cocktail",
        },
      ]}
      title="Our Delicious Menu"
      description="Explore a curated selection of gourmet dishes, from classic favorites to innovative creations, all prepared with the freshest ingredients."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Inviting Ambiance",
          description: "Our restaurant is designed to offer a cozy and sophisticated atmosphere, perfect for any occasion.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-decor-restaurant-celebrations_8353-9106.jpg",
            imageAlt: "Cozy restaurant interior",
          },
          items: [
            {
              icon: Lightbulb,
              text: "Warm Lighting",
            },
            {
              icon: Coffee,
              text: "Comfortable Seating",
            },
            {
              icon: Music,
              text: "Subtle Background Music",
            },
          ],
          reverse: false,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lvlawi",
          imageAlt: "warm cozy restaurant interior ambiance",
        },
        {
          title: "Fresh, Local Ingredients",
          description: "We source the finest local and seasonal ingredients to ensure every dish is bursting with flavor and quality.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/border-from-autumn-symbols_23-2147867474.jpg",
            imageAlt: "Fresh ingredients on a chopping board",
          },
          items: [
            {
              icon: Leaf,
              text: "Seasonal Produce",
            },
            {
              icon: Fish,
              text: "Sustainable Sourcing",
            },
            {
              icon: Award,
              text: "Premium Quality",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg?_wi=2",
          imageAlt: "warm cozy restaurant interior ambiance",
        },
        {
          title: "Passionate Culinary Team",
          description: "Our talented chefs are dedicated to creating memorable dishes, blending traditional techniques with modern culinary art.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16148.jpg",
            imageAlt: "Chef preparing a dish in the kitchen",
          },
          items: [
            {
              icon: Sparkles,
              text: "Creative Dishes",
            },
            {
              icon: UtensilsCrossed,
              text: "Expert Preparation",
            },
            {
              icon: Heart,
              text: "Service with a Smile",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-smelling-dish-after-cooking_329181-16138.jpg",
          imageAlt: "warm cozy restaurant interior ambiance",
        },
      ]}
      title="Why Dine with MAD Brothers?"
      description="We are committed to providing an exceptional experience, from our welcoming ambiance to the quality of our ingredients and our passionate team."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="“MAD Brothers is a true gem in Kaunas Old Town! The food is consistently delicious, and the staff are incredibly friendly. Despite sometimes longer waits during peak hours, the quality and atmosphere always make it worth it. Highly recommend their truffle pasta!”"
      rating={5}
      author="Sarah J."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/annoyed-young-caucasian-man-pulling-collar-his-turtleneck-sweater-looking-camera-with-one-eye-closed-isolated-orange-background-with-copy-space_141793-78073.jpg",
          alt: "Sarah J.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
          alt: "Michael C.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-using-smartphone-cafe_613910-11650.jpg",
          alt: "Emily R.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-shirt-clothes-fashion-stylish-man-posing_158538-5311.jpg",
          alt: "David K.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
          alt: "Olivia M.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
          alt: "Mark T.",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "Do I need a reservation?",
          content: "Reservations are highly recommended, especially on weekends and for dinner service, to ensure you get a table.",
        },
        {
          id: "faq2",
          title: "Do you offer vegetarian or vegan options?",
          content: "Yes, our menu includes a variety of vegetarian and vegan dishes. Please inform your server about any dietary restrictions.",
        },
        {
          id: "faq3",
          title: "What are your opening hours?",
          content: "We are open Monday to Friday from 12:00 PM to 10:00 PM, and Saturday to Sunday from 11:00 AM to 11:00 PM.",
        },
        {
          id: "faq4",
          title: "Can I host a private event at MAD Brothers?",
          content: "Absolutely! We offer private event spaces and custom catering menus. Please contact us directly for more details and availability.",
        },
      ]}
      sideTitle="Questions About Your Visit?"
      sideDescription="Find answers to our most common questions regarding reservations, menu options, and special requests."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Reservations"
      title="Book Your Table Now"
      description="Plan your next culinary journey with us. Fill out the form below or call us directly to secure your spot."
      inputPlaceholder="Enter your email for updates"
      buttonText="Send Inquiry"
      termsText="By sending an inquiry, you agree to our Terms and Conditions and Privacy Policy."
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="MAD Brothers Restaurant"
      columns={[
        {
          title: "Discover",
          items: [
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Full Menu",
              href: "#menu",
            },
            {
              label: "Chef's Specials",
              href: "#menu",
            },
          ],
        },
        {
          title: "Visit",
          items: [
            {
              label: "Location",
              href: "#contact",
            },
            {
              label: "Hours",
              href: "#faq",
            },
            {
              label: "Reservations",
              href: "#contact",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Feedback",
              href: "#contact",
            },
            {
              label: "Private Events",
              href: "#contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 MAD Brothers Restaurant. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
