"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="fluid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/barbecue-grill_24908-55703.jpg"
      logoAlt="Big Fellas Grill logo"
      brandName="Big Fellas Grill"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboard
      background={{
        variant: "plain"}}
      title="Big Fellas Grill"
      description="Experience the best of hearty American grilling. From perfectly seared steaks to smoky BBQ ribs, every dish is crafted for exceptional flavor and satisfaction. Join us for a memorable dining experience."
      buttons={[
        {
          text: "View Our Menu",          href: "#menu"},
        {
          text: "Make a Reservation",          href: "#contact"},
      ]}
      imageSrc="https://images.unsplash.com/photo-1579737151049-5567b4c4f039?auto=format&fit=crop&q=80&w=1920&h=1080&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
      imageAlt="Delicious grilled steak on a platter"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "https://images.unsplash.com/photo-1560250097-0b732298679f?auto=format&fit=crop&q=80&w=100&h=100",          alt: "Smiling customer"},
        {
          src: "https://images.unsplash.com/photo-1514933651103-005eec06c4ee?auto=format&fit=crop&q=80&w=100&h=100",          alt: "Happy woman dining"},
        {
          src: "https://images.unsplash.com/photo-1507003211169-e695c6bdd279?auto=format&fit=crop&q=80&w=100&h=100",          alt: "Satisfied man"},
        {
          src: "https://images.unsplash.com/photo-1517248135467-4c7edab717fa?auto=format&fit=crop&q=80&w=100&h=100",          alt: "Couple enjoying dinner"},
        {
          src: "https://images.unsplash.com/photo-1577219491135-f62e4253d2c6?auto=format&fit=crop&q=80&w=100&h=100",          alt: "Confident chef"},
      ]}
      avatarText="Join 1000+ happy diners!"
      marqueeItems={[
        {
          type: "text",          text: "Prime Steaks"},
        {
          type: "text",          text: "Smoky Ribs"},
        {
          type: "text",          text: "Gourmet Burgers"},
        {
          type: "text",          text: "Fresh Salads"},
        {
          type: "text",          text: "Craft Beers"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Our Story & Passion for Grilling"
      description="At Big Fellas Grill, we believe in the timeless art of grilling. Our journey began with a simple passion: to serve robust, flavorful dishes made with the finest ingredients. Every cut of meat is hand-selected and prepared with expertise, ensuring a dining experience that's both comforting and extraordinary."
      metrics={[
        {
          value: "20+",          title: "Years Grilling"},
        {
          value: "100%",          title: "Satisfaction"},
        {
          value: "Top",          title: "Quality Ingredients"},
      ]}
      imageSrc="https://images.unsplash.com/photo-1517676643794-cf564f7b2c01?auto=format&fit=crop&q=80&w=800&h=600&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
      imageAlt="Chef grilling meat on a hot grill"
      mediaAnimation="slide-up"
      metricsAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      features={[
        {
          title: "Smoky BBQ Ribs",          description: "Slow-smoked to perfection, falling off the bone, and smothered in our homemade tangy BBQ sauce.",          imageSrc: "https://images.unsplash.com/photo-1587584107127-d0d5b4d7c71e?auto=format&fit=crop&q=80&w=600&h=400",          imageAlt: "Plate of smoky BBQ ribs"},
        {
          title: "The Big Fella Burger",          description: "A juicy, handcrafted patty topped with melted cheese, crispy bacon, and our special Big Fellas sauce.",          imageSrc: "https://images.unsplash.com/photo-1571091718767-18b5b1457add?auto=format&fit=crop&q=80&w=600&h=400",          imageAlt: "Gourmet burger with cheese and bacon"},
        {
          title: "Perfectly Seared Steak",          description: "Premium cuts, seasoned and grilled to your exact preference, delivering a tender and unforgettable bite.",          imageSrc: "https://images.unsplash.com/photo-1627393208761-0f7300c3b069?auto=format&fit=crop&q=80&w=600&h=400",          imageAlt: "Perfectly seared steak with herbs"},
      ]}
      title="Our Signature Creations"
      description="Discover the dishes that make Big Fellas Grill a local favorite. Each item is a testament to our dedication to flavor and culinary excellence."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "steak",          brand: "Big Fellas Cuts",          name: "Signature Ribeye Steak",          price: "$32.99",          rating: 5,
          reviewCount: "250+",          imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?auto=format&fit=crop&q=80&w=400&h=400",          imageAlt: "Signature Ribeye Steak"},
        {
          id: "burger",          brand: "The Classic",          name: "The Big Fella Burger",          price: "$16.99",          rating: 4.8,
          reviewCount: "300+",          imageSrc: "https://images.unsplash.com/photo-1586190848861-99aa4a171e90?auto=format&fit=crop&q=80&w=400&h=400",          imageAlt: "The Big Fella Burger"},
        {
          id: "ribs",          brand: "BBQ Masterpiece",          name: "Smoky BBQ Ribs",          price: "$28.99",          rating: 4.9,
          reviewCount: "280+",          imageSrc: "https://images.unsplash.com/photo-1512403164175-9c5936319842?auto=format&fit=crop&q=80&w=400&h=400",          imageAlt: "Smoky BBQ Ribs"},
        {
          id: "chicken",          brand: "Grilled Delights",          name: "Herb Grilled Chicken",          price: "$19.99",          rating: 4.7,
          reviewCount: "150+",          imageSrc: "https://images.unsplash.com/photo-1529193790518-8f85f8184d03?auto=format&fit=crop&q=80&w=400&h=400",          imageAlt: "Herb Grilled Chicken"},
        {
          id: "fish",          brand: "Ocean Catch",          name: "Seared Salmon Fillet",          price: "$24.99",          rating: 4.6,
          reviewCount: "120+",          imageSrc: "https://images.unsplash.com/photo-1626804561021-d02462e7874b?auto=format&fit=crop&q=80&w=400&h=400",          imageAlt: "Seared Salmon Fillet"},
        {
          id: "salad",          brand: "Fresh Greens",          name: "Big Fellas Garden Salad",          price: "$12.99",          rating: 4.5,
          reviewCount: "100+",          imageSrc: "https://images.unsplash.com/photo-1540189549336-e69e735e2978?auto=format&fit=crop&q=80&w=400&h=400",          imageAlt: "Big Fellas Garden Salad"},
      ]}
      title="Explore Our Full Menu"
      description="From prime steaks to hearty burgers and fresh salads, our menu offers something delicious for everyone."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      uniformGridCustomHeightClasses="min-h-none"
      animationType="slide-up"
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Local Foodie",          testimonial: "The ribeye was cooked to perfection, incredibly tender and juicy. Big Fellas Grill never disappoints! A must-visit for any steak lover.",          imageSrc: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=100&h=100",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Mark D.",          role: "Regular Patron",          testimonial: "Their Big Fella Burger is legendary! Hands down the best burger in town. The atmosphere is great too.",          imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&q=80&w=100&h=100",          imageAlt: "Mark D."},
        {
          id: "3",          name: "Emily R.",          role: "Family Diner",          testimonial: "We brought the whole family, and everyone found something they loved. The BBQ ribs were a huge hit with the kids!",          imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&q=80&w=100&h=100",          imageAlt: "Emily R."},
        {
          id: "4",          name: "David L.",          role: "Business Traveler",          testimonial: "Excellent service and a fantastic meal. The grilled chicken was surprisingly flavorful and cooked just right. Highly recommend!",          imageSrc: "https://images.unsplash.com/photo-1507003211169-e695c6bdd279?auto=format&fit=crop&q=80&w=100&h=100",          imageAlt: "David L."},
        {
          id: "5",          name: "Jessica M.",          role: "Casual Diner",          testimonial: "Came here for a quick dinner and was thoroughly impressed. The salmon was fresh and perfectly seared. Will definitely be back!",          imageSrc: "https://images.unsplash.com/photo-1546961342-ea588bc05012?auto=format&fit=crop&q=80&w=100&h=100",          imageAlt: "Jessica M."},
      ]}
      title="What Our Guests Say"
      description="Don't just take our word for it – hear from our happy customers who love the Big Fellas Grill experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Do you offer vegetarian options?",          content: "Yes, we have a variety of vegetarian-friendly dishes, including our Big Fellas Garden Salad and a delicious grilled vegetable platter. Please ask your server for today's specials."},
        {
          id: "faq-2",          title: "Can I make a reservation online?",          content: "Absolutely! You can easily make a reservation through our website's contact form, or by calling us directly during business hours. We recommend booking in advance for weekend evenings."},
        {
          id: "faq-3",          title: "Do you cater for events?",          content: "Big Fellas Grill offers catering services for various events, from corporate gatherings to private parties. Our team can help you customize a menu to suit your needs. Please contact us for more details."},
        {
          id: "faq-4",          title: "What are your opening hours?",          content: "We are open Tuesday to Sunday from 11:30 AM to 10:00 PM. We are closed on Mondays. Happy hour specials run daily from 4:00 PM to 6:00 PM."},
      ]}
      imageSrc="https://images.unsplash.com/photo-1517248135467-4c7edab717fa?auto=format&fit=crop&q=80&w=800&h=600&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
      imageAlt="Cozy restaurant interior"
      mediaAnimation="opacity"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Have questions about our menu, reservations, or anything else? Find quick answers here."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Contact & Reservations"
      description="Ready to savor the flavor? Reach out to us for reservations, catering inquiries, or any questions you may have. We look forward to hearing from you!"
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message or Reservation Details",        rows: 4,
      }}
      imageSrc="https://images.unsplash.com/photo-1555567228-580a656461a3?auto=format&fit=crop&q=80&w=800&h=600&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
      imageAlt="Restaurant exterior at night"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://images.unsplash.com/photo-1559929846-9917534c004c?auto=format&fit=crop&q=80&w=1920&h=1080"
      imageAlt="Abstract restaurant ambiance background"
      logoSrc="http://img.b2bpic.net/free-vector/barbecue-grill_24908-55703.jpg"
      logoAlt="Big Fellas Grill logo"
      logoText="Big Fellas Grill"
      columns={[
        {
          title: "Explore",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Menu",              href: "#menu"},
            {
              label: "Testimonials",              href: "#testimonials"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Reservations",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Big Fellas Grill. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}