"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Flame, TrendingUp, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="large"
      background="radialGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Big Buffalo"
          button={{
            text: "Reserve a Table",            href: "contact"
          }}
          className="border-b border-foreground/10"
          buttonClassName="text-foreground hover:text-primary-cta transition-colors"
          buttonTextClassName="font-bold text-sm tracking-wide"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Big Buffalo: Where Bold Flavors Meet Great Company"
          description="Premium grilled meats, legendary wings, and craft cocktails in an atmosphere that celebrates good food and unforgettable moments"
          tag="Since 2015"
          imageSrc="https://img.b2bpic.net/free-photo/burgers-grilling-barbecue_23-2151985476.jpg"
          imageAlt="Big Buffalo premium burger on grill"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Reserve Now", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
          titleClassName="text-4xl md:text-5xl font-extrabold tracking-tight"
          descriptionClassName="text-lg text-foreground/90 max-w-xl"
          tagClassName="text-sm font-bold text-primary-cta uppercase tracking-widest"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={Flame}
          title="Big Buffalo isn't just a restaurant. It's a celebration of fire, flavor, and community."
          description="Chef Marcus Williams"
          subdescription="Founder & Executive Chef"
          icon={Flame}
          imageSrc="https://img.b2bpic.net/free-photo/high-angle-burger-meat-grill_23-2148868237.jpg"
          imageAlt="Chef Marcus grilling premium steaks"
          useInvertedBackground="invertDefault"
          tagClassName="text-primary-cta"
          titleClassName="text-3xl md:text-4xl font-extrabold"
          descriptionClassName="text-foreground font-bold text-lg"
          subdescriptionClassName="text-foreground/70 text-sm"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Signature Specialties That Define Big Buffalo"
          description="Each dish is crafted with premium ingredients and grilled to perfection. We obsess over every detail."
          tag="Menu"
          features={[
            {
              id: "buffalo-wings",              title: "Legendary Buffalo Wings",              description: "Hand-tossed in our signature spicy sauce, fried golden and served with cooling blue cheese dip",              tag: "Appetizer",              imageSrc: "https://img.b2bpic.net/free-photo/fire-meat-burger-wooden-hemp_140725-7009.jpg",              imageAlt: "Crispy golden buffalo wings with sauce"
            },
            {
              id: "signature-burger",              title: "Big Buffalo Burger",              description: "Half-pound aged beef patty with caramelized onions, cheddar, bacon, and our secret buffalo aioli",              tag: "Main",              imageSrc: "https://img.b2bpic.net/free-photo/delicious-grilled-cheeseburger-with-bacon_23-2151985471.jpg",              imageAlt: "Premium signature buffalo burger"
            },
            {
              id: "premium-steaks",              title: "Grilled Premium Steaks",              description: "Hand-selected USDA Prime cuts grilled over hardwood. Aged 30 days for maximum tenderness and flavor.",              tag: "Main",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-burger-meat-grill_23-2148868237.jpg",              imageAlt: "Perfectly grilled premium steak"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tagIcon={Flame}
          textBoxTitleClassName="text-3xl md:text-4xl font-extrabold"
          textBoxDescriptionClassName="text-foreground/80 text-lg"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Big Buffalo by the Numbers"
          description="Award-winning quality and customer satisfaction that speaks for itself"
          tag="Impact"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "customers",              value: "50K+",              title: "Happy Customers",              description: "Served annually with 98% satisfaction rate",              imageSrc: "https://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",              imageAlt: "Satisfied restaurant patrons dining"
            },
            {
              id: "awards",              value: "15+",              title: "Industry Awards",              description: "Regional recognition for excellence in dining",              imageSrc: "https://img.b2bpic.net/free-photo/winner-concept-with-all-places-prizes_23-2149059619.jpg",              imageAlt: "Trophy and achievement recognition"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          textBoxTitleClassName="text-3xl md:text-4xl font-extrabold"
          textBoxDescriptionClassName="text-foreground/80 text-lg"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Guests Say"
          description="Real experiences from real customers who love Big Buffalo"
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Best Steakhouse Experience in Town",              quote: "The quality of meat and attention to detail at Big Buffalo is unmatched. Every visit is special. Their grilling technique is masterful.",              name: "David Chen",              role: "Restaurant Critic",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "David Chen"
            },
            {
              id: "2",              title: "Perfect for Celebrations",              quote: "We celebrated our anniversary here and the service was impeccable. The buffalo wings are absolutely addictive, and the steaks are perfectly cooked.",              name: "Sarah Mitchell",              role: "Event Planner",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",              title: "Worth Every Penny",              quote: "Premium ingredients, premium prices, but premium experience throughout. This is fine dining without the pretense. Highly recommend.",              name: "James Rodriguez",              role: "Business Executive",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "4",              title: "A Must-Visit Destination",              quote: "Came here on recommendation and left as a regular. The atmosphere is incredible, the food is outstanding, and the staff truly cares about your experience.",              name: "Michelle Torres",              role: "Travel Blogger",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Michelle Torres"
            },
            {
              id: "5",              title: "Exceptional Quality Every Time",              quote: "I've been coming to Big Buffalo for years. Consistency is their strength. Every visit is as excellent as the last. This is the gold standard.",              name: "Robert Patterson",              role: "Entrepreneur",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Robert Patterson"
            },
            {
              id: "6",              title: "The Flavors Are Unforgettable",              quote: "The buffalo aioli on the burger changed my life. Every menu item shows incredible craftsmanship. This restaurant sets the bar impossibly high.",              name: "Jennifer Lee",              role: "Food Writer",              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Jennifer Lee"
            }
          ]}
          titleClassName="text-3xl md:text-4xl font-extrabold"
          descriptionClassName="text-foreground/80 text-lg"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience Big Buffalo? Reserve your table today and prepare for an unforgettable dining experience."
          animationType="reveal-blur"
          buttons={[
            { text: "Reserve a Table", href: "https://reservations.example.com" },
            { text: "Get Directions", href: "https://maps.google.com" }
          ]}
          useInvertedBackground="invertDefault"
          textClassName="text-3xl md:text-4xl font-extrabold text-foreground"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Big Buffalo"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "#menu" },
                { label: "About Us", href: "#about" },
                { label: "Reservations", href: "#contact" },
                { label: "Hours", href: "#hours" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com/bigbuffalo" },
                { label: "Facebook", href: "https://facebook.com/bigbuffalo" },
                { label: "Contact", href: "mailto:info@bigbuffalo.com" },
                { label: "Careers", href: "#careers" }
              ]
            },
            {
              title: "Location",              items: [
                { label: "123 Grill Street", href: "https://maps.google.com" },
                { label: "(555) 123-4567", href: "tel:5551234567" },
                { label: "Mon-Thu: 5-11pm", href: "#hours" },
                { label: "Fri-Sun: 5pm-midnight", href: "#hours" }
              ]
            }
          ]}
          copyrightText="© 2025 Big Buffalo Restaurant. All rights reserved."
          logoTextClassName="text-2xl md:text-3xl font-extrabold text-primary-cta"
          columnTitleClassName="text-foreground font-bold text-lg mb-4"
          columnItemClassName="text-foreground/70 hover:text-primary-cta transition-colors text-sm"
        />
      </div>
    </ThemeProvider>
  );
}