"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="blurBottom"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <main>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[{name:"Order",id:"order"},{name:"Menu",id:"menu"},{name:"About",id:"about"},{name:"Flavors",id:"flavors"},{name:"Reviews",id:"reviews"},{name:"Contact",id:"contact"}]}
            brandName="bb.q chicken"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroLogoBillboard
            logoText="bb.q chicken"
            description="Hand-brushed sauces. Double-fried crisp. Delivered hot, fast, and flavor-packed — every time. From our signature Honey Garlic Wings to our fiery Gangnam Spice, bb.q chicken brings Korea’s most iconic fried chicken experience straight to Columbus. Whether you’re dining in, grabbing takeout, or ordering delivery — expect premium crisp, bold flavor, and next-level freshness."
            buttons={[{text:"Order Now",href:"#order"},{text:"View Menu",href:"#flavors"}]}
            imageSrc="https://img.b2bpic.net/free-photo/chicken-fried-spicy-sauce-korean-style_1150-42875.jpg?_wi=1"
            imageAlt="Crispy, saucy Korean fried chicken with bold flavors."
            mediaAnimation="blur-reveal"
            frameStyle="card"
            ariaLabel="Hero section with bb.q chicken logo and delicious fried chicken."
            descriptionClassName="text-lg md:text-xl"
            buttonClassName="px-6 py-3 text-lg"
            logoClassName="text-6xl md:text-8xl lg:text-9xl font-extrabold"
            background={{ variant: 'plain' }}
          />
        </div>

        <div id="about" data-section="about">
          <MediaSplitTabsAbout
            title="Korean Fried Chicken — Perfected"
            tabs={[{id:"craft",label:"A Craft",description:"At bb.q chicken, fried chicken isn’t fast food — it’s a craft. Our chicken is double-fried for an ultra-light, ultra-crispy texture that stays crunchy even after it’s sauced."},{id:"flavors",label:"Bold Flavors",description:"Every batch is hand-coated in our signature Korean flavors, balancing sweet, spicy, savory, and umami in every bite. With dozens of sauce combinations and premium sides, we’ve become a go-to Columbus destination."},{id:"freshness",label:"Fresh & Hot",description:"Fresh. Hot. Crispy. Always. For dine-in nights, campus cravings, and late-night delivery, expect premium crisp, bold flavor, and next-level freshness."}]}
            imageSrc="https://img.b2bpic.net/free-photo/fried-crispy-fish-with-narsharab-sauce_140725-4669.jpg?_wi=1"
            imageAlt="Chef hand-brushing sauce on crispy fried chicken."
            mediaAnimation="slide-up"
            imagePosition="right"
            useInvertedBackground={false}
            ariaLabel="About bb.q chicken section."
            titleClassName="text-4xl lg:text-5xl font-semibold"
            descriptionClassName="text-lg md:text-xl"
            tabClassName="px-4 py-2 text-md font-medium"
            activeTabClassName="text-primary-cta"
            tabIndicatorClassName="bg-primary-cta"
          />
        </div>

        <div id="flavors" data-section="flavors">
          <FeatureCardThree
            title="Choose Your Flavor Obsession"
            description="Fan-favorite sauces inspired by real reviews"
            features={[{id:"01",title:"Honey Garlic",description:"Sweet, glossy, and dangerously addictive. A perfect balance of rich garlic and golden honey.",imageSrc:"https://img.b2bpic.net/free-photo/high-angle-delicious-chicken-dish_23-2148771293.jpg?_wi=1",imageAlt:"Honey garlic fried chicken wings."},{id:"02",title:"Soy Garlic",description:"Classic Korean comfort — savory, aromatic, and crispy perfection.",imageSrc:"https://img.b2bpic.net/free-photo/high-angle-fried-chicken-legs-with-sauce_23-2148646631.jpg",imageAlt:"Soy garlic fried chicken."},{id:"03",title:"Gangnam Spicy",description:"Sweet heat that builds with every bite. A Columbus fan favorite.",imageSrc:"https://img.b2bpic.net/free-photo/chicken-fried-spicy-sauce-korean-style_1150-42880.jpg?_wi=1",imageAlt:"Gangnam spicy fried chicken."},{id:"04",title:"Secret Sauce",description:"Our signature blend — sweet, tangy, and unforgettable.",imageSrc:"https://img.b2bpic.net/free-photo/fried-crispy-fish-with-narsharab-sauce_140725-4669.jpg?_wi=2",imageAlt:"Fried chicken with bb.q chicken's secret sauce."},{id:"05",title:"Hot Spicy",description:"For serious heat lovers. Crispy outside, fiery inside.",imageSrc:"https://img.b2bpic.net/free-photo/grilled-chicken-wings-with-ketchup-dark-background_84443-72406.jpg",imageAlt:"Extremely hot and spicy fried chicken."},{id:"06",title:"Spicy Galbi",description:"Smoky, bold, and uniquely Korean BBQ inspired.",imageSrc:"https://img.b2bpic.net/free-photo/chicken-fried-spicy-sauce-korean-style_1150-42880.jpg?_wi=2",imageAlt:"Spicy galbi flavored fried chicken."}]}
            textboxLayout="default"
            animationType="slide-up"
            useInvertedBackground={false}
            gridVariant="three-columns-all-equal-width"
            buttons={[{text:"Explore Full Menu →",href:"#menu"}]}
            ariaLabel="Signature flavors section."
            textBoxTitleClassName="text-4xl lg:text-5xl font-semibold"
            textBoxDescriptionClassName="text-lg md:text-xl"
            cardTitleClassName="text-2xl font-semibold"
            cardDescriptionClassName="text-md"
          />
        </div>

        <div id="product-quality" data-section="product-quality">
          <MetricCardTwo
            title="Why Our Chicken Hits Different"
            description="Customers rave about our crisp texture, balanced spice levels, and juicy boneless cuts that never feel over-coated or over-sauced."
            metrics={[{id:"1",value:"Double-fried",description:"for extra crispiness"},{id:"2",value:"Never soggy",description:"always crunchy"},{id:"3",value:"Hand-brushed",description:"sauces, never mass tossed"},{id:"4",value:"Juicy inside",description:"crispy outside"},{id:"5",value:"Made fresh",description:"for every order"}]}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            ariaLabel="Food quality and selling points."
            textBoxTitleClassName="text-4xl lg:text-5xl font-semibold"
            textBoxDescriptionClassName="text-lg md:text-xl"
            valueClassName="text-3xl lg:text-4xl font-bold"
            metricDescriptionClassName="text-md"
          />
        </div>

        <div id="delivery" data-section="delivery">
          <MediaSplitTabsAbout
            title="Hot. Fresh. At Your Door — Fast."
            description="First time ordering? Expect it to become a habit. Our delivery experience is built for speed without sacrificing freshness. Orders often arrive in 30–45 minutes — hot, crispy, and ready to devour."
            tabs={[{id:"fast",label:"Fast Delivery",description:"Our delivery experience is built for speed without sacrificing freshness. Orders often arrive in 30–45 minutes."},{id:"fresh",label:"Food Arrives Fresh",description:"Your food arrives fresh & hot, perfect for game nights & late cravings."}]}
            imageSrc="https://img.b2bpic.net/free-photo/food-delivery-boy-delivering-food-scooter_1303-27695.jpg"
            imageAlt="Delivery driver handing over a food order."
            mediaAnimation="slide-up"
            imagePosition="left"
            useInvertedBackground={false}
            ariaLabel="Delivery and speed information section."
            titleClassName="text-4xl lg:text-5xl font-semibold"
            descriptionClassName="text-lg md:text-xl"
            tabClassName="px-4 py-2 text-md font-medium"
            activeTabClassName="text-primary-cta"
            tabIndicatorClassName="bg-primary-cta"
          />
        </div>

        <div id="dine-in" data-section="dine-in">
          <MediaSplitTabsAbout
            title="Dine-In, Level Up"
            description="Located near the OSU campus, bb.q chicken offers a spacious dine-in atmosphere perfect for groups, casual nights, or flavor-packed date nights. Whether you’re meeting friends or refueling after class — we’ve got your table ready."
            tabs={[{id:"seating",label:"Comfortable Seating",description:"Enjoy our spacious and comfortable seating, ideal for groups or a casual meal."},{id:"staff",label:"Friendly Staff",description:"Experience our friendly and hospitable staff, dedicated to making your visit enjoyable."},{id:"beverages",label:"Alcoholic Beverages",description:"Alcoholic beverages are available to complement your meal."},{id:"parking",label:"Convenient Parking",description:"A convenient parking garage is located nearby for easy access."}]}
            imageSrc="https://img.b2bpic.net/free-photo/baked-lamb-ribs-with-potatoes_140725-8966.jpg"
            imageAlt="Modern and inviting restaurant interior of bb.q chicken."
            mediaAnimation="slide-up"
            imagePosition="right"
            useInvertedBackground={false}
            ariaLabel="Dine-in experience section."
            titleClassName="text-4xl lg:text-5xl font-semibold"
            descriptionClassName="text-lg md:text-xl"
            tabClassName="px-4 py-2 text-md font-medium"
            activeTabClassName="text-primary-cta"
            tabIndicatorClassName="bg-primary-cta"
          />
        </div>

        <div id="sides" data-section="sides">
          <ProductCardFour
            title="Don’t Skip The Sides"
            description="Fan mentions pulled from reviews, perfect with sauce dips."
            products={[{id:"1",name:"Sweet Potato Fries",price:"$5.99",variant:"Sweet, crispy perfection.",imageSrc:"https://img.b2bpic.net/free-psd/pile-delicious-sweet-potato-fries_84443-73068.jpg",imageAlt:"Sweet potato fries."},{id:"2",name:"Onion Rings",price:"$6.49",variant:"Crowd favorite crunch.",imageSrc:"https://img.b2bpic.net/free-photo/fried-onion-rings-table_140725-6647.jpg",imageAlt:"Crispy onion rings."},{id:"3",name:"Dumplings",price:"$7.99",variant:"Classic add-on.",imageSrc:"https://img.b2bpic.net/free-photo/side-view-traditional-asian-dumplings-with-meat-vegetables-served-with-soy-sauce-plate-rustic_141793-11564.jpg",imageAlt:"Korean fried dumplings."},{id:"4",name:"Fries",price:"$4.99",variant:"Perfect with sauce dips.",imageSrc:"https://img.b2bpic.net/free-photo/front-view-french-fries-tasty-along-with-ketchup-mayyonaise-green-desk_140725-11616.jpg",imageAlt:"Golden french fries."}]}
            textboxLayout="default"
            gridVariant="four-items-2x2-equal-grid"
            animationType="slide-up"
            useInvertedBackground={false}
            buttons={[{text:"Add Sides To Your Order →",href:"#order"}]}
            ariaLabel="Sides and extras section."
            textBoxTitleClassName="text-4xl lg:text-5xl font-semibold"
            textBoxDescriptionClassName="text-lg md:text-xl"
            cardNameClassName="text-xl font-semibold"
            cardPriceClassName="text-lg font-medium"
            cardVariantClassName="text-md"
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardFive
            title="Columbus Can’t Get Enough"
            description="See what our customers are saying about their new favorite chicken spot."
            testimonials={[{id:"1",name:"Sarah Johnson",date:"Date: 28 October 2024",title:"Delivered in 30–45 minutes — fresh and hot. Already can’t wait to order again.",quote:"Delivered in 30–45 minutes — fresh and hot. Already can’t wait to order again.",tag:"★★★★★",avatarSrc:"https://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg",imageSrc:"https://img.b2bpic.net/free-photo/chicken-fried-spicy-sauce-korean-style_1150-42875.jpg?_wi=2",imageAlt:"Customer enjoying bb.q chicken"},{id:"2",name:"Michael Chen",date:"Date: 29 October 2024",title:"So many flavor options. Crispy, great value, amazing service.",quote:"So many flavor options. Crispy, great value, amazing service.",tag:"★★★★★",avatarSrc:"https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",imageSrc:"https://img.b2bpic.net/free-photo/high-angle-delicious-chicken-dish_23-2148771293.jpg?_wi=2",imageAlt:"Crispy fried chicken with various sauces"},{id:"3",name:"Emily Rodriguez",date:"Date: 30 October 2024",title:"Better than similar spots around Columbus. Boneless chicken was juicy and perfectly crispy.",quote:"Better than similar spots around Columbus. Boneless chicken was juicy and perfectly crispy.",tag:"★★★★★",avatarSrc:"https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",imageSrc:"https://img.b2bpic.net/free-photo/fried-crispy-fish-with-narsharab-sauce_140725-4669.jpg?_wi=3",imageAlt:"Close up of juicy fried chicken"},{id:"4",name:"David Kim",date:"Date: 31 October 2024",title:"Gangnam spicy is the perfect sweet-heat balance. Crispiness is next level.",quote:"Gangnam spicy is the perfect sweet-heat balance. Crispiness is next level.",tag:"★★★★★",avatarSrc:"https://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg",imageSrc:"https://img.b2bpic.net/free-photo/chicken-fried-spicy-sauce-korean-style_1150-42880.jpg?_wi=3",imageAlt:"Gangnam spicy fried chicken being served"}]}
            textboxLayout="default"
            useInvertedBackground={false}
            ariaLabel="Customer testimonials section."
            textBoxTitleClassName="text-4xl lg:text-5xl font-semibold"
            cardTitleClassName="text-4xl line-clamp-3"
            cardQuoteClassName="text-lg line-clamp-10"
            cardTagClassName="text-lg font-bold"
          />
        </div>

        <div id="cta-final" data-section="cta-final">
          <ContactCenter
            tag="Your New Favorite Chicken Spot"
            title="Starts Here"
            description="Crispy. Juicy. Flavor-packed. Delivered fast or served fresh in-house. Once you try bb.q chicken, ordinary fried chicken just won’t hit the same."
            inputPlaceholder="Leave your email for exclusive deals!"
            buttonText="Order Now"
            termsText="By ordering you agree to our terms & conditions."
            useInvertedBackground={false}
            ariaLabel="Final call to action section for ordering."
            tagClassName="text-xl font-bold"
            titleClassName="text-6xl md:text-7xl font-extrabold"
            descriptionClassName="text-lg md:text-xl max-w-2xl"
            buttonClassName="px-8 py-4 text-xl font-bold"
            background={{ variant: 'plain' }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="bb.q chicken"
            columns={[{title:"Restaurant",items:[{label:"Hours",href:"#"},{label:"Contact",href:"#contact"},{label:"Location",href:"#dine-in"},{label:"Online Ordering",href:"#order"}]},{title:"Follow Us",items:[{label:"Instagram",href:"#"},{label:"Facebook",href:"#"},{label:"TikTok",href:"#"}]}]}
            copyrightText="© 2024 bb.q chicken — Columbus. All rights reserved."
            ariaLabel="Site footer with navigation and social links."
          />
        </div>
      </main>
    </ThemeProvider>
  );
}
