"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Events",
          id: "#blog",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="JP Kellys"
      button={{
        text: "Reserve a Table",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Welcome Home"
      description="Great food, strong drinks, friendly faces. For generations, JP Kellys has been the neighborhood gathering place for burgers, cheesesteaks, cold beer, and good company."
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
        {
          text: "Reserve a Table",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-laughing-restaurant_23-2149316808.jpg",
          imageAlt: "Cozy tavern interior with warm lighting and laughing friends",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-guarana-drink-outdoors_23-2150765675.jpg",
          imageAlt: "Hearty cheesesteak and cold craft beers",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-full-shot_23-2149930133.jpg",
          imageAlt: "Happy couple enjoying dinner at JP Kellys",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/informal-chatting-with-friends-weekly-meeting-local-cafeteria-hot-summer-day_8353-10264.jpg",
          imageAlt: "Generous plate of chicken wings and diverse group of friends",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sweet-potato-fries-with-copy-space_23-2148678820.jpg",
          imageAlt: "Close-up of golden crispy fries and a friendly waitress",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/ordering-food_1098-16122.jpg",
          imageAlt: "Dessert chocolate cake and lively pub atmosphere",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="More Than Just a Pub: Your Neighborhood Gathering Place"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Generic Ambiance",
          "Small Portions",
          "Limited Drink Selection",
          "Unfriendly Staff",
          "No Gameday Vibe",
        ],
      }}
      positiveCard={{
        items: [
          "Warm & Welcoming",
          "Generous Portions",
          "Craft Beers & Cocktails",
          "Staff Who Remember You",
          "Best Gameday Spot",
        ],
      }}
      title="Why Locals Love JP Kellys"
      description="Discover what makes us the preferred spot for good times and great company, where every visit feels like coming home."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "burger-classic",
          name: "The JP Burger",
          price: "$14.99",
          imageSrc: "http://img.b2bpic.net/free-photo/classic-meat-burger-with-french-fries-pickles_140725-9488.jpg",
          imageAlt: "Classic cheeseburger with fries",
        },
        {
          id: "cheesesteak-philly",
          name: "Philly Cheesesteak",
          price: "$16.50",
          imageSrc: "http://img.b2bpic.net/free-photo/philly-cheesesteak-sandwich_123827-22045.jpg",
          imageAlt: "Authentic Philly cheesesteak",
        },
        {
          id: "wings-buffalo",
          name: "Buffalo Wings (12)",
          price: "$13.00",
          imageSrc: "http://img.b2bpic.net/free-photo/four-boxes-nuggets-with-chicken-prawn-cheese-fish-with-four-sauce_141793-2305.jpg",
          imageAlt: "Plate of spicy buffalo wings",
        },
        {
          id: "salad-chicken",
          name: "Grilled Chicken Salad",
          price: "$13.75",
          imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegetable-salad-with-herbs_140725-1275.jpg",
          imageAlt: "Fresh grilled chicken salad",
        },
        {
          id: "local-pie",
          name: "Shepherd's Pie",
          price: "$15.50",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509050.jpg",
          imageAlt: "Hearty shepherd's pie",
        },
        {
          id: "dessert-cake",
          name: "Warm Apple Crumble",
          price: "$7.99",
          imageSrc: "http://img.b2bpic.net/free-photo/pieces-cakey-brownie_181624-58713.jpg",
          imageAlt: "Warm apple crumble with ice cream",
        },
      ]}
      title="Our Signature Fare"
      description="From classic burgers to our famous cheesesteaks, every dish at JP Kellys is prepared with fresh ingredients, a whole lot of flavor, and a generous spirit."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          handle: "@NeighborhoodRegular",
          testimonial: "JP Kellys truly feels like home. The staff remembers my order, the portions are generous, and the atmosphere is always welcoming. It’s our family’s favorite place!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-gesturing-while-drinking-alcohol-bar_23-2147861929.jpg",
          imageAlt: "Smiling woman, Sarah J.",
        },
        {
          id: "2",
          name: "Mike R.",
          handle: "@GamedayGuru",
          testimonial: "Best spot for gameday! Great beer selection, fantastic burgers, and the energy is unbeatable. It’s authentic, not like those corporate places.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg",
          imageAlt: "Man enjoying a drink",
        },
        {
          id: "3",
          name: "Emily C.",
          handle: "@LocalFoodie",
          testimonial: "Came for the cheesesteak, stayed for the incredible hospitality. JP Kellys nails that perfect balance of quality food and a genuinely friendly vibe. A true local gem!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-clinking-their-beer-glasses-while-enjoying-meal-together-restaurant-friends-concept_58466-16031.jpg",
          imageAlt: "Young woman smiling",
        },
        {
          id: "4",
          name: "David L.",
          handle: "@FamilyGatherer",
          testimonial: "We love bringing our kids here. It's a comfortable spot where everyone feels at ease. The food is consistently good, and the service is always top-notch.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-looking-friendly-showing-number-two_1194-400142.jpg",
          imageAlt: "Older man smiling",
        },
        {
          id: "5",
          name: "Jessica M.",
          handle: "@NewToTown",
          testimonial: "Just moved to the neighborhood and JP Kellys was my first stop. Immediately felt welcomed. The cocktails are strong and the community feel is real.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-coworkers-celebrating_23-2149295517.jpg",
          imageAlt: "Group of happy people",
        },
      ]}
      showRating={true}
      title="What Our Community Says"
      description="Hear from our regulars, new friends, and families who make JP Kellys their trusted, go-to spot for great food and good company."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Local Community Center",
        "Youth Sports League",
        "Annual Charity Drive",
        "Neighborhood Business Association",
        "Local Food Critics' Choice",
        "Town Summer Festival",
        "Craft Beer Alliance",
      ]}
      title="Proudly Part of the Neighborhood"
      description="We're honored to be a local favorite and a cherished gathering place for many community groups and partners."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Do you take reservations?",
          content: "Yes, we highly recommend making a reservation, especially for dinner on weekends or during special events. You can reserve a table through our website or by calling us directly.",
        },
        {
          id: "faq-2",
          title: "What are your most popular dishes?",
          content: "Our Philly Cheesesteak and JP Burger are legendary! The Buffalo Wings are also a huge hit, perfect for gameday or sharing with friends.",
        },
        {
          id: "faq-3",
          title: "Do you have options for dietary restrictions?",
          content: "We offer a variety of options, including vegetarian and gluten-friendly dishes. Please inform your server about any allergies or dietary needs, and we'll do our best to accommodate you.",
        },
        {
          id: "faq-4",
          title: "Are you family-friendly?",
          content: "Absolutely! JP Kellys is a welcoming environment for all ages. We have high chairs available and a menu that appeals to both kids and adults.",
        },
        {
          id: "faq-5",
          title: "Do you host private events or parties?",
          content: "Yes, we do! Our tavern has a cozy private area perfect for celebrations, meetings, or any special gathering. Please contact us for more information on availability and catering options.",
        },
        {
          id: "faq-6",
          title: "What kind of drinks do you offer?",
          content: "We pride ourselves on a wide selection of craft beers, classic cocktails, and a curated wine list. Our bartenders are always ready to mix your favorite drink or recommend something new.",
        },
      ]}
      title="Your Questions, Answered"
      description="Find quick answers to common inquiries about our menu, reservations, events, and what makes JP Kellys your go-to spot."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="Latest News & Events"
      description="Stay up-to-date with our seasonal specials, upcoming events, and stories from the heart of JP Kellys."
      blogs={[
        {
          id: "blog-1",
          category: "Specials",
          title: "Introducing Our New Fall Menu Favorites!",
          excerpt: "Warm up with our delicious new dishes, featuring hearty stews, seasonal vegetables, and comforting desserts. Available starting October 1st!",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-arrangement-with-copy-space_23-2148233904.jpg",
          imageAlt: "Seasonal fall menu dish",
        },
        {
          id: "blog-2",
          category: "Events",
          title: "Gameday Sundays: The Ultimate Fan Experience",
          excerpt: "Join us every Sunday for all the live sports action! Enjoy our gameday specials, big screens, and an unbeatable atmosphere.",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-oktoberfest-poster-template_23-2148258184.jpg",
          imageAlt: "Gameday crowd cheering at JP Kellys",
        },
        {
          id: "blog-3",
          category: "Community",
          title: "Celebrating 30 Years: A Look Back at JP Kellys' Legacy",
          excerpt: "From our humble beginnings to becoming the beloved neighborhood hub, read about our journey and the community that made it all possible.",
          imageSrc: "http://img.b2bpic.net/free-photo/football-fans-celebrating-win-their-team-tailgate-party_53876-132401.jpg",
          imageAlt: "Community gathering at JP Kellys",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Join Us at JP Kellys"
      description="Ready for a great meal, a cold drink, or just good company? Find us or make a reservation to experience the best of neighborhood hospitality."
      buttons={[
        {
          text: "Call Us",
          href: "tel:+11234567890",
        },
        {
          text: "Make a Reservation",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="JP Kellys"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
