"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Alden Cafe"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Entertainment", id: "entertainment" },
            { name: "Visit Us", id: "visit" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Maple Shade's Favorite Local Hangout"
          description="Great food, cold drinks, live music, and good times. Where locals gather for unforgettable moments."
          background={{ variant: "plain" }}
          tag="⭐ 4.4 Rating - Loved by Locals"
          tagAnimation="slide-up"
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Order Online", href: "#" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/close-up-happy-men-with-beer-mugs_23-2148872455.jpg"
          imageAlt="Alden Cafe - Local bar atmosphere with people enjoying drinks"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "A Hidden Gem Where Everyone Feels Like a Regular" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Get Directions", href: "#visit" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Menu Highlights"
          description="Fan-favorite dishes loved by our community. From crispy appetizers to hearty sandwiches and classic bar bites."
          tag="🍽️ Local Favorites"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="slide-up"
          products={[
            {
              id: "mozz-sticks",              brand: "Appetizer",              name: "Mozzarella Sticks",              price: "Golden & Crispy",              rating: 5,
              reviewCount: "A crowd favorite",              imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sticks-cutting-desk_140725-6271.jpg",              imageAlt: "Crispy mozzarella sticks with marinara sauce"
            },
            {
              id: "buffalo-wings",              brand: "Bar Favorite",              name: "Buffalo Wings",              price: "Hot & Spicy",              rating: 5,
              reviewCount: "Game day special",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-chips-with-sauses-bowls-brown-wooden_176474-1214.jpg",              imageAlt: "Crispy buffalo wings with sauce"
            },
            {
              id: "cheesesteak",              brand: "Sandwich",              name: "Classic Cheesesteak",              price: "Hearty & Filling",              rating: 5,
              reviewCount: "Customer favorite",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-steak-steak-with-fried-potato-sauce-spices-red-plate_176474-2516.jpg",              imageAlt: "Delicious cheesesteak sandwich"
            },
            {
              id: "italian-chicken",              brand: "Sandwich",              name: "Italian Chicken Sandwich",              price: "Crispy & Juicy",              rating: 5,
              reviewCount: "Highly requested",              imageSrc: "http://img.b2bpic.net/free-photo/set-sandwich-french-fries-fast-food-white-textured-background-side-view_176474-3836.jpg",              imageAlt: "Italian style chicken sandwich"
            }
          ]}
        />
      </div>

      <div id="entertainment" data-section="entertainment">
        <FeatureCardSix
          title="Entertainment & Atmosphere"
          description="More than just food and drinks. Alden Cafe is where the community comes together for unforgettable experiences."
          tag="🎵 Live Entertainment"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Live Music Nights",              description: "Join us for live entertainment, especially on Wednesdays. Feel the energy of local talent and enjoy great music with your friends.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-people-playing-with-sparklers-rooftop-group-young-beautiful-friends_146671-14644.jpg",              imageAlt: "Live band performing at Alden Cafe"
            },
            {
              id: 2,
              title: "Sports Bar Vibes",              description: "Multiple screens, great commentary, and an enthusiastic crowd. Perfect for catching the big game with your favorite people.",              imageSrc: "http://img.b2bpic.net/free-photo/group-men-drinking-beer-watching-soccer-tv_329181-8991.jpg",              imageAlt: "Sports bar with multiple TV screens"
            },
            {
              id: 3,
              title: "Games & Recreation",              description: "Challenge friends at our pool table and enjoy classic bar games in a relaxed, welcoming setting.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-chalk_23-2148299235.jpg",              imageAlt: "Pool table for recreation and fun"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg",              imageAlt: "Sarah Johnson - Alden Cafe customer"
            },
            {
              id: "2",              name: "Mike Chen",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-jacket-posing_171337-19811.jpg",              imageAlt: "Mike Chen - Alden Cafe customer"
            },
            {
              id: "3",              name: "Jessica Lee",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-caucasian-woman-office-looking-camera_23-2148187145.jpg",              imageAlt: "Jessica Lee - Alden Cafe customer"
            },
            {
              id: "4",              name: "David Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",              imageAlt: "David Martinez - Alden Cafe customer"
            }
          ]}
          cardTitle="Best hidden gem in Maple Shade"
          cardTag="⭐ Loved by Locals"
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="visit" data-section="visit">
        <ContactText
          text="📍 302 W Main St, Maple Shade, NJ\n📞 (856) 779-7986\n🕐 Open until 2 AM\n\nReady to experience the best local spot? Stop by tonight and discover why Maple Shade loves Alden Cafe."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          animationType="entrance-slide"
          buttons={[
            { text: "Get Directions", href: "#" },
            { text: "Call Now", href: "tel:(856)779-7986" }
          ]}
        />
      </div>

      <div id="cta" data-section="cta">
        <HeroBillboardScroll
          title="Come for the Food. Stay for the Atmosphere."
          description="Join our community of locals who've made Alden Cafe their second home. Great food, great drinks, great people."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Order Online", href: "#" },
            { text: "Stop By Tonight", href: "#visit" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"
          imageAlt="Alden Cafe call to action background"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Alden Cafe"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Contact Us", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}