"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Heart, MapPin, Sparkles, Star, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmall"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Bunkies Donut"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Location", id: "location" },
            { name: "Reviews", id: "reviews" }
          ]}
          button={{
            text: "Order Ahead",            href: "#order"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Richardson's Favorite Donuts & Kolaches"
          description="Fresh donuts, legendary sausage rolls, and breakfast sandwiches that locals swear by. Made daily with love in our cozy neighborhood bakery."
          background={{ variant: "plain" }}
          tag="Local Bakery"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Order Ahead", href: "#order" },
            { text: "See Menu", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/tasty-donuts-with-chocolate-syrup-grated-coconut-baking-tray_23-2148123859.jpg"
          imageAlt="Golden maple glazed donut with fresh glaze dripping"
          ariaLabel="Hero section featuring Bunkies Donut signature maple glazed donuts"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Google Reviews",            "Yelp Featured",            "Local Love",            "Word of Mouth",            "Neighborhood Pick",            "Community Favorite",            "Dallas Best"
          ]}
          title="Loved by Richardson"
          description="Join hundreds of locals who've made Bunkies their morning ritual. We're a neighborhood treasure worth finding."
          tag="Community Trusted"
          tagIcon={Heart}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          ariaLabel="Social proof section showcasing customer love and community recognition"
        />
      </div>

      <div id="signature-favorites" data-section="signature-favorites">
        <ProductCardThree
          products={[
            {
              id: "maple-glazed",              name: "Maple Glazed",              price: "$3.50",              imageSrc: "http://img.b2bpic.net/free-photo/tasty-donuts-with-chocolate-syrup-grated-coconut-baking-tray_23-2148123859.jpg",              imageAlt: "Signature maple glazed donut with golden glaze",              initialQuantity: 1
            },
            {
              id: "sausage-roll",              name: "Sausage Roll",              price: "$4.25",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-along-with-sweet-yummy-bangles-berries-grey-desk-sweet-pastry-sugar-cake_140725-32491.jpg",              imageAlt: "Golden flaky sausage roll kolache",              initialQuantity: 1
            },
            {
              id: "breakfast-sandwich",              name: "Breakfast Sandwich",              price: "$6.95",              imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-tomato-cucumber-cheese-sausage-greens-cutting-board-wooden-grey-table-side-view_176474-8307.jpg",              imageAlt: "Gourmet breakfast sandwich with fresh ingredients",              initialQuantity: 1
            },
            {
              id: "variety-box",              name: "Donut Variety Box",              price: "$18.00",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-biscuit-rolls-with-cup-tea-pink-background_140725-76419.jpg",              imageAlt: "Assorted fresh donuts variety box",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Our Signature Favorites"
          description="Each item handcrafted daily. Fresh ingredients, traditional techniques, neighborhood love."
          tag="Locally Made"
          tagIcon={Award}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Signature products section featuring Bunkies Donut specialties"
        />
      </div>

      <div id="hidden-gem-story" data-section="hidden-gem-story">
        <AboutMetric
          title="A Hidden Gem Worth Finding"
          metrics={[
            {
              icon: Zap,
              label: "Fresh Daily",              value: "6 AM"
            },
            {
              icon: Heart,
              label: "Made with Love",              value: "Every Batch"
            },
            {
              icon: MapPin,
              label: "Neighborhood Home",              value: "Richardson, TX"
            },
            {
              icon: Users,
              label: "Local Community",              value: "Growing Daily"
            }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About section highlighting Bunkies Donut values and uniqueness"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah M.",              role: "Regular Customer",              testimonial: "I've tried donuts everywhere, but Bunkies' maple glazed is on another level. Fresh, never greasy, and that glaze? Pure heaven. This is my morning ritual.",              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg",              imageAlt: "Happy customer enjoying a Bunkies donut",              icon: Star
            },
            {
              id: "testimonial-2",              name: "James T.",              role: "Coffee Shop Regular",              testimonial: "Finally found an authentic bakery that doesn't cut corners. The sausage rolls remind me of what real pastries should taste like. Worth the hidden location.",              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg",              imageAlt: "Satisfied customer with pastry",              icon: Star
            },
            {
              id: "testimonial-3",              name: "Monica L.",              role: "New to Richardson",              testimonial: "Local friends wouldn't stop raving about this place. Showed up before work, and instantly understood the hype. Best breakfast sandwich in the neighborhood.",              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg",              imageAlt: "Customer enjoying breakfast at Bunkies",              icon: Star
            },
            {
              id: "testimonial-4",              name: "David H.",              role: "Breakfast Enthusiast",              testimonial: "The authenticity here is refreshing. No corporate vibe, just real food made by people who genuinely care. I bring everyone I know to Bunkies.",              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg",              imageAlt: "Enthusiastic customer portrait",              icon: Star
            },
            {
              id: "testimonial-5",              name: "Lisa K.",              role: "Community Member",              testimonial: "Bunkies isn't just a bakery—it's part of the neighborhood's heartbeat. The owners remember regulars, care about quality, and it shows in every bite.",              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg",              imageAlt: "Regular customer smiling",              icon: Star
            },
            {
              id: "testimonial-6",              name: "Robert G.",              role: "Visitor",              testimonial: "Stumbled upon this place by accident and it's now my favorite discovery of the year. If you live in Richardson and haven't been, you're missing out.",              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg",              imageAlt: "Happy visitor at Bunkies",              icon: Star
            }
          ]}
          animationType="blur-reveal"
          title="What Our Neighborhood Loves"
          description="Real reviews from real customers who've discovered why Bunkies is worth finding every single morning."
          tag="Customer Love"
          tagIcon={Heart}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          metrics={[
            {
              id: "metric-1",              value: "15+",              title: "Years of Craft",              description: "Perfecting our recipes and techniques with passion and consistency."
            },
            {
              id: "metric-2",              value: "1000+",              title: "Daily Customers",              description: "Growing community of locals who've made Bunkies their morning destination."
            },
            {
              id: "metric-3",              value: "100%",              title: "Fresh Made",              description: "Every donut, roll, and sandwich handcrafted fresh daily. No shortcuts."
            }
          ]}
          animationType="scale-rotate"
          title="By The Numbers"
          description="The authentic impact of neighborhood love, quality craftsmanship, and word-of-mouth discovery."
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Metrics section showing Bunkies Donut achievements"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get In Touch"
          tagIcon={MapPin}
          tagAnimation="opacity"
          title="Visit Our Neighborhood Gem"
          description="Open daily from 6 AM until we sell out. Come discover why locals can't get enough of Bunkies."
          buttons={[
            { text: "Get Directions", href: "https://maps.google.com/?q=Bunkies+Donut+Richardson+TX" },
            { text: "Call Us", href: "tel:+1234567890" },
            { text: "Order Online", href: "#order" }
          ]}
          buttonAnimation="opacity"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Contact and location section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/group-friends-with-wine-glasses-staircase_23-2147828189.jpg"
          imageAlt="Richardson neighborhood storefront morning light"
          columns={[
            {
              title: "Bunkies",              items: [
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#menu" },
                { label: "Reviews", href: "#reviews" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Google Reviews", href: "https://google.com/maps" }
              ]
            },
            {
              title: "Location",              items: [
                { label: "Get Directions", href: "https://maps.google.com" },
                { label: "Hours", href: "#hours" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          logoText="Bunkies Donut"
          copyrightText="© 2024 Bunkies Donut. A Richardson neighborhood treasure."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}