"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Twisted Sister"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "food-drinks" },
            { name: "Visit", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="The Twisted Sister Saloon"
          description="Where small-town charm meets wild nights. An authentic Texas escape, dedicated to good company, great spirits, and unforgettable stories."
          background={{ variant: "sparkles-gradient" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/portrait-adorable-blue-eyed-female-model-with-hair-knot-wears-overalls-enjoys-drinking-fruit-smoothie-looks-happily-somewhere-while-sits-cozy-restaurant-beautiful-teenage-girl-coffee-shop_273609-3038.jpg", alt: "Local regular" },
            { src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", alt: "Local regular" },
            { src: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg", alt: "Local regular" },
            { src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-beer_23-2147680740.jpg", alt: "Local regular" }
          ]}
          avatarText="Join our growing local family"
          buttons={[{ text: "Discover Our Roots", href: "#about" }, { text: "Find Our Location", href: "#contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Feels Like Home"
          description="At The Twisted Sister Saloon, we believe every stranger is just a regular we haven't met yet. With a warm, welcoming staff and an atmosphere that invites you to stay a little longer, it's the perfect spot to kick back, relax, and make memories that stick."
          metrics={[{ value: "15+", title: "Signature Shots" }, { value: "24/7", title: "Good Vibes" }, { value: "100%", title: "Locally Loved" }]}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg"
          imageAlt="Our welcoming saloon bar interior"
          mediaAnimation="blur-reveal"
          metricsAnimation="blur-reveal"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="The Saloon Experience"
          description="From high-energy nights to relaxed afternoons, we bring the best of Childress under one roof."
          animationType="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
          features={[
            { id: "f1", title: "Games & Fun", description: "Challenge your crew to a game of pool or cornhole in our dedicated play area.", tag: "Play", imageSrc: "http://img.b2bpic.net/free-photo/wooden-library-campus-with-huge-database-collection-study-books_482257-127027.jpg" },
            { id: "f2", title: "Live Energy", description: "Experience the pulse of the local scene with high energy, live music, and friendly crowds.", tag: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/meeting-with-group-friends-pub_329181-18334.jpg" },
            { id: "f3", title: "Small-Town Hospitality", description: "We treat every guest like family. Come for the atmosphere, stay for the genuine connections.", tag: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/summer-composition-with-slate-flip-flops_23-2147628329.jpg" }
          ]}
        />
      </div>

      <div id="food-drinks" data-section="food-drinks">
        <ProductCardFour
          title="Flavor That Bites Back"
          description="From messy, delicious comfort food to our signature, playful shots, every bite is a reason to celebrate our local flavors."
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          textboxLayout="split-description"
          useInvertedBackground={true}
          products={[
            { id: "p1", name: "Twisted Burger", price: "$12", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-beer-near-chicken-salad_23-2147765372.jpg" },
            { id: "p2", name: "Firecracker Pizza", price: "$16", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/hot-spring-rolls-served-with-sweet-chili-sauce_140725-5843.jpg" },
            { id: "p3", name: "Loaded Wings", price: "$14", variant: "Savory", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-wings-plate-with-sesame-seeds_23-2148679078.jpg" },
            { id: "p4", name: "Border Nachos", price: "$10", variant: "Shareable", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-mexican-food-with-nachos_23-2148614388.jpg" },
            { id: "p5", name: "Sister Signature Shot", price: "$6", variant: "Playful", imageSrc: "http://img.b2bpic.net/free-photo/three-shot-glasses-with-colored-cocktail-copy-space_23-2148454358.jpg" },
            { id: "p6", name: "Cold Draft Beer", price: "$5", variant: "Refresh", imageSrc: "http://img.b2bpic.net/free-photo/beer-oktoberfest-celebration-still-life_23-2151639970.jpg" }
          ]}
        />
      </div>

      <div id="atmosphere" data-section="atmosphere">
        <MetricCardFourteen
          title="Always A Good Time"
          tag="Saloon Vibes"
          metrics={[
            { id: "m1", value: "Friendly", description: "Atmosphere for the locals" },
            { id: "m2", value: "Industrial", description: "Country saloon aesthetic" },
            { id: "m3", value: "Clean", description: "Fun, managed environment" }
          ]}
          useInvertedBackground={false}
          metricsAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Voices of the Saloon"
          description="Don't just take our word for it—hear what the locals and travelers have to say about the Twisted Sister experience."
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          textboxLayout="split-description"
          useInvertedBackground={true}
          testimonials={[
            { id: "t1", name: "Mark S.", role: "Regular", company: "Childress Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-surface_140725-154474.jpg" },
            { id: "t2", name: "Jenna B.", role: "Traveler", company: "Roadtrip Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/leisure-time-with-friends-pub_329181-18324.jpg" },
            { id: "t3", name: "Dave L.", role: "Regular", company: "Local Patron", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-sitting-with-cup-coffee-outdoor-cafe-smiling-looking-happy-lo_1258-127564.jpg" },
            { id: "t4", name: "Sarah P.", role: "Visitor", company: "Happy Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-mustache-beard-stands-bar-drinks-alcohol-from-glass_1157-43510.jpg" },
            { id: "t5", name: "Mike R.", role: "Regular", company: "Nightlife Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-colorful-matisse-pattern-design_23-2151122178.jpg" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Visit Us"
          title="Come say hello"
          description="Grab your crew, enjoy a cold drink, and experience the warmth of our local saloon. We are open and ready to welcome you."
          buttonText="Get Directions"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg"
          imageAlt="The Twisted Sister Saloon Exterior"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="The Twisted Sister Saloon"
          columns={[
            { items: [{ label: "Childress, Texas" }, { label: "Family-Friendly until 9PM" }, { label: "21+ After 9PM" }] },
            { items: [{ label: "Facebook", href: "https://facebook.com" }, { label: "Instagram", href: "https://instagram.com" }, { label: "TikTok", href: "https://tiktok.com" }] }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
