"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Happy Hour",          id: "#happy-hour"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Events FAQ",          id: "#events"},
        {
          name: "Private Events",          id: "#private-events"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="La Cañita Bayside"
      button={{
        text: "Reserve Your Table",        href: "https://www.opentable.com/la-canita-bayside"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="La Cañita Bayside"
      description="Experience authentic Cuban cuisine, handcrafted mojitos, and live music in the heart of Bayside Marketplace. Discover why thousands of guests return for the food, stay for the hospitality, and remember the unforgettable waterfront views."
      buttons={[
        {
          text: "Reserve Your Table",          href: "https://www.opentable.com/la-canita-bayside"},
        {
          text: "Explore Menu",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/elegant-wedding-reception-room-with-sea-view-through-windows_637285-8612.jpg"
      imageAlt="La Cañita Bayside Restaurant Exterior at Sunset"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Authenticity & Elegance on the Waterfront"
      description="La Cañita Bayside embodies the vibrant spirit of Cuba, bringing unparalleled authentic flavors to Miami's Bayside Marketplace. Our commitment to traditional recipes, exceptional service, and a lively atmosphere creates an unforgettable dining experience for every guest."
      metrics={[
        {
          value: "1000+",          title: "Happy Guests Weekly"},
        {
          value: "5-Star",          title: "Rated Experience"},
        {
          value: "Signature",          title: "Mojito Cocktails"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728012.jpg"
      imageAlt="Cuban chef meticulously preparing a gourmet dish"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "feature-cuisine",          title: "Authentic Cuban Cuisine",          description: "Savor traditional Cuban dishes reimagined with a gourmet touch, crafted from the freshest ingredients and time-honored recipes.",          tag: "Culinary Excellence",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-eating-lamb-doner-slices-served-with-salad-flatbread_140725-5005.jpg",          imageAlt: "Gourmet Cuban dish on an elegant plate"},
        {
          id: "feature-cocktails",          title: "Handcrafted Cocktails",          description: "Our expert mixologists craft iconic mojitos and innovative cocktails, perfect for complementing your meal or enjoying at our vibrant bar.",          tag: "Artisan Drinks",          imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-with-ice-cubes-black-straw-pipe_140725-6904.jpg",          imageAlt: "Handcrafted mojito with fresh mint and lime"},
        {
          id: "feature-music",          title: "Live Latin Music",          description: "Immerse yourself in the rhythm of Cuba with nightly live Latin music, setting a vibrant backdrop for an electrifying dining experience.",          tag: "Vibrant Atmosphere",          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215857.jpg",          imageAlt: "Live Cuban band playing music"},
        {
          id: "feature-waterfront",          title: "Waterfront Dining Views",          description: "Dine with breathtaking panoramic views of Bayside Marketplace and the Miami skyline, creating a truly unforgettable ambiance.",          tag: "Scenic Beauty",          imageSrc: "http://img.b2bpic.net/free-photo/cozy-corner-seashore-perfect-relaxing-middle-day_181624-8985.jpg",          imageAlt: "Waterfront dining view at sunset"},
      ]}
      title="Signature Experiences"
      description="Beyond exquisite dishes, La Cañita Bayside offers a complete sensory journey. Indulge in our unique features designed for unforgettable moments."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "p1",          brand: "Main Course",          name: "Ropa Vieja",          price: "$28",          rating: 5,
          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-person-portrait_23-2149058205.jpg",          imageAlt: "Gourmet Ropa Vieja"},
        {
          id: "p2",          brand: "Main Course",          name: "Lechón Asado",          price: "$32",          rating: 5,
          reviewCount: "185",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-mushroom-sauce-with-herbs_141793-4076.jpg",          imageAlt: "Crispy Lechón Asado"},
        {
          id: "p3",          brand: "Main Course",          name: "Arroz con Pollo",          price: "$25",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/rice-plate_23-2147680621.jpg",          imageAlt: "Saffron rice with chicken"},
        {
          id: "p4",          brand: "Appetizer",          name: "Frita Cubana",          price: "$18",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-hamburger-fries_23-2148575445.jpg",          imageAlt: "Cuban burger with shoestring fries"},
        {
          id: "p5",          brand: "Appetizer",          name: "Croquetas",          price: "$12",          rating: 5,
          reviewCount: "240",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-roulette-with-mushrooms-inside_140725-3994.jpg",          imageAlt: "Crispy Cuban croquettes"},
        {
          id: "p6",          brand: "Side Dish",          name: "Tostones",          price: "$9",          rating: 5,
          reviewCount: "190",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-with-greens-dark-surface-potato-dinner-meal-dish-cips-cooking_140725-102176.jpg",          imageAlt: "Golden fried plantains"},
      ]}
      title="Our Culinary Highlights"
      description="Discover a selection of our most beloved dishes, each a masterpiece of Cuban flavor, expertly prepared and beautifully presented."
    />
  </div>

  <div id="gallery" data-section="gallery">
    <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      carouselMode="buttons"
      title="Our Gallery: Moments Captured"
      description="A visual journey through La Cañita Bayside's vibrant ambiance, exquisite dishes, and memorable events. Follow us on Instagram for daily inspirations!"
      products={[
        {
          id: "gal1",          brand: "Ambiance",          name: "Waterfront Sunset",          price: "",          rating: 0,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-healthy-salad-cafe-with-her-friend_23-2148705021.jpg",          imageAlt: "Waterfront sunset dining view"
        },
        {
          id: "gal2",          brand: "Cuisine",          name: "Chef's Special",          price: "",          rating: 0,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/food-table-with-delicious-dishes_23-2148782065.jpg",          imageAlt: "Chef's special dish"
        },
        {
          id: "gal3",          brand: "Events",          name: "Live Music Night",          price: "",          rating: 0,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/view-stage-ready-musical-performance_23-2149591410.jpg",          imageAlt: "Live music performance"
        },
        {
          id: "gal4",          brand: "Cocktails",          name: "Mojito Refresh",          price: "",          rating: 0,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktail-on-wooden-background_140725-83241.jpg",          imageAlt: "Refreshing mojito cocktail"
        },
        {
          id: "gal5",          brand: "Interior",          name: "Elegant Decor",          price: "",          rating: 0,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-restaurant_23-2150598357.jpg",          imageAlt: "Restaurant interior decor"
        },
        {
          id: "gal6",          brand: "Team",          name: "Friendly Service",          price: "",          rating: 0,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-client-table_23-2149363065.jpg",          imageAlt: "Friendly server attending to guest"
        }
      ]}
      buttons={[
        {
          text: "View on Instagram",          href: "https://www.instagram.com/lacanitabayside"},
      ]}
    />
  </div>

  <div id="happy-hour" data-section="happy-hour">
    <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Cheers to Happy Hour!"
      description="Unwind with our irresistible Happy Hour specials, featuring discounted cocktails, select wines, and delectable appetizers. Join us daily for the perfect afternoon escape."
      features={[
        {
          id: "hh1",          title: "Signature Mojitos",          description: "Enjoy 50% off all our handcrafted mojitos, made with fresh mint, lime, and premium rum. Perfect for starting your evening.",          tag: "Drinks",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-mojito_23-2148184519.jpg",          imageAlt: "Happy Hour Mojito"
        },
        {
          id: "hh2",          title: "Cuban Tapas Selection",          description: "Half-price on a rotating selection of our most popular Cuban tapas, including Croquetas, Empanadas, and Tostones.",          tag: "Food",          imageSrc: "http://img.b2bpic.net/free-photo/fried-plantains-with-cilantro-sauce_23-2147814407.jpg",          imageAlt: "Happy Hour Cuban Tapas"
        },
        {
          id: "hh3",          title: "Wine & Beer Specials",          description: "Discover special pricing on a curated selection of house wines by the glass and local craft beers. Ideal for casual catch-ups.",          tag: "Drinks",          imageSrc: "http://img.b2bpic.net/free-photo/view-pint-beer-with-foam_23-2148679075.jpg",          imageAlt: "Happy Hour Wine & Beer"
        }
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah Johnson",          role: "Affluent Miami Diner",          company: "Miami Luxury Estates",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-feeding-his-bride-with-croissant-cafe_176420-2272.jpg",          imageAlt: "Smiling Sarah Johnson"},
        {
          id: "t2",          name: "Michael Chen",          role: "Young Professional",          company: "Tech Innovations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-luxury-restaurant_23-2150598353.jpg",          imageAlt: "Happy Michael Chen"},
        {
          id: "t3",          name: "Emily Rodriguez",          role: "Event Planner",          company: "Celebration Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg",          imageAlt: "Pleased Emily Rodriguez"},
        {
          id: "t4",          name: "David Kim",          role: "Local Food Critic",          company: "Miami Eats Magazine",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-escalator-talking-mobile-phone_107420-63601.jpg",          imageAlt: "Content David Kim"},
        {
          id: "t5",          name: "Jessica Lee",          role: "Tourist & Blogger",          company: "Wanderlust Diaries",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-hot-dogs-nature_23-2147814286.jpg",          imageAlt: "Smiling Jessica Lee"},
      ]}
      kpiItems={[
        {
          value: "5-Star",          label: "Average Rating"},
        {
          value: "1000+",          label: "Weekly Diners"},
        {
          value: "Premier",          label: "Dining Destination"},
      ]}
      title="Our Guests Say It Best"
      description="Hear from diners who have experienced the unique charm and culinary excellence of La Cañita Bayside. Their stories are our greatest reward."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Miami Herald",        "OpenTable Diners' Choice",        "TripAdvisor Travelers' Award",        "Florida Restaurant & Lodging Association",        "Zagat Rated",        "Eater Miami",        "Forbes Travel Guide"]}
      title="Recognized Excellence"
      description="Proudly acclaimed by leading critics and trusted by Miami's finest event planners, our commitment to exceptional hospitality shines brightly."
      speed={40}
    />
  </div>

  <div id="events" data-section="events">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "What types of events can be hosted?",          content: "We host a wide range of events including corporate dinners, birthday parties, anniversaries, wedding receptions, and social gatherings. Our flexible spaces can accommodate intimate groups or larger celebrations."},
        {
          id: "f2",          title: "Do you offer custom menus for events?",          content: "Absolutely! Our culinary team can work with you to create a bespoke menu tailored to your event's theme, dietary preferences, and budget, ensuring a unique dining experience for your guests."},
        {
          id: "f3",          title: "What is the capacity for private events?",          content: "Our private dining areas can comfortably seat groups ranging from 10 to 100 guests, with standing reception options for up to 150. We also offer full restaurant buy-out options for larger functions."},
        {
          id: "f4",          title: "How do I inquire about booking an event?",          content: "Please fill out the event inquiry form on our contact page, or call our events coordinator directly at 305-392-0811. We look forward to discussing your vision!"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg"
      imageAlt="Elegant private dining room at La Cañita Bayside"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Plan Your Perfect Event"
      description="La Cañita Bayside offers stunning private dining spaces and customizable menus for corporate events, family celebrations, and romantic gatherings. Let us help you create an unforgettable occasion."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="private-events" data-section="private-events">
    <ContactCenter
      tag="Exclusive Gatherings"
      title="Host Your Unforgettable Private Event"
      description="From intimate celebrations to grand corporate affairs, La Cañita Bayside offers bespoke event planning, exquisite catering, and a dedicated team to bring your vision to life. Fill out the form below to inquire about dates, capacity, and custom packages. Join our waitlist for priority booking during peak seasons."
      background={{
        variant: "plain"}}
      useInvertedBackground={true}
      inputPlaceholder="Your Email Address"
      buttonText="Submit Inquiry & Join Waitlist"
      onSubmit={(email) => console.log(`Private event inquiry from: ${email}`)}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Connect With Us"
      title="Plan Your Unforgettable Experience"
      description="Whether a romantic dinner, a vibrant celebration, or an exclusive private event, our team is ready to make your visit extraordinary. Contact us to reserve your table or discuss your event needs."
      buttons={[
        {
          text: "Make a Reservation",          href: "https://www.opentable.com/la-canita-bayside"},
        {
          text: "Book a Private Event",          href: "mailto:events@lacanitabayside.com"},
      ]}
    />
  </div>

  <div id="final-cta" data-section="final-cta">
    <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Don't Miss Out"
      title="Secure Your Table at La Cañita Bayside"
      description="Ready to experience the magic? Make your reservation now and join us for an unforgettable culinary journey by the bay."
      buttons={[
        {
          text: "Reserve Your Table Now",          href: "https://www.opentable.com/la-canita-bayside"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/blurred-city-lights_23-2148139051.jpg"
      imageAlt="Miami Bayside waterfront at night with restaurant lights"
      logoText="La Cañita Bayside"
      columns={[
        {
          title: "Dining",          items: [
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Reservations",              href: "https://www.opentable.com/la-canita-bayside"},
            {
              label: "Gift Cards",              href: "#"},
          ],
        },
        {
          title: "Events",          items: [
            {
              label: "Private Events",              href: "#private-events"},
            {
              label: "Event Inquiry",              href: "mailto:events@lacanitabayside.com"},
            {
              label: "Weddings",              href: "#"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Team",              href: "#"},
            {
              label: "Press",              href: "#social-proof"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Location",              href: "https://maps.app.goo.gl/example-bayside-marketplace"},
            {
              label: "Careers",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 La Cañita Bayside. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
