"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Flame, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Dining", id: "metrics" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Prime Cut Steakhouse"
          bottomLeftText="Fine Dining Since 1995"
          bottomRightText="reservations@primecut.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit 
          title="Experience Premium Steakhouse Dining"
          description="Indulge in our carefully selected cuts of prime beef, prepared with mastery by our award-winning chefs. An unforgettable culinary journey awaits."
          background={{ variant: "glowing-orb" }}
          tag="Established 1995"
          tagIcon={Flame}
          imageSrc="https://img.b2bpic.net/free-photo/fried-steak-table_140725-44194.jpg"
          imageAlt="Prime Cut Steakhouse fine dining atmosphere"
          imagePosition="right"
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "View Menu", href: "features" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout 
          title="Culinary Excellence & Craftsmanship"
          description={[
            "For nearly three decades, Prime Cut Steakhouse has been the destination for discerning diners seeking the finest steakhouse experience. Our commitment to quality begins with sourcing only the most premium cuts from trusted suppliers.",            "Our award-winning chefs combine traditional techniques with contemporary flair, ensuring every dish is a masterpiece. From the moment you enter our doors, you'll experience hospitality that extends beyond expectations.",            "Every detail matters—from our carefully curated wine selection to our intimate dining spaces designed for unforgettable moments."
          ]}
          useInvertedBackground="invertDefault"
          showBorder={true}
          buttons={[
            { text: "Our Story", href: "#about" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven 
          title="Signature Cuts"
          description="Each cut is hand-selected and aged to perfection, delivering incomparable flavor and tenderness."
          tag="Premium Selection"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Wagyu Ribeye",              description: "Japanese A5 grade Wagyu, marbled to perfection. Buttery, melt-in-your-mouth richness that defines luxury beef.",              imageSrc: "https://img.b2bpic.net/free-photo/fried-meat-with-vegetables-red-wine_140725-4689.jpg",              imageAlt: "Premium Wagyu Ribeye steak"
            },
            {
              id: 2,
              title: "Filet Mignon",              description: "The most tender cut available. Subtle flavor, elegant presentation, and exceptional texture for the refined palate.",              imageSrc: "https://img.b2bpic.net/free-photo/view-delicious-steak-dish_23-2150777653.jpg",              imageAlt: "Perfectly cooked Filet Mignon"
            },
            {
              id: 3,
              title: "Tomahawk Steak",              description: "Impressive 24oz bone-in ribeye. A showstopper for special occasions, featuring the coveted bone-in presentation.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg",              imageAlt: "Magnificent Tomahawk Steak presentation"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven 
          title="The Dining Experience"
          description="Discover why discerning guests return to Prime Cut Steakhouse year after year."
          tag="Excellence"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "28 Years",              title: "Culinary Heritage",              description: "Decades of perfecting the steakhouse experience",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg",              imageAlt: "Expert chef preparing premium steak"
            },
            {
              id: "2",              value: "300+",              title: "Wine Collection",              description: "Curated selection pairing perfectly with our menu",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598332.jpg",              imageAlt: "Extensive wine cellar collection"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen 
          title="What Our Guests Say"
          description="Experience testimonials from our most distinguished diners who've made Prime Cut their preferred steakhouse destination."
          tag="Guest Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "An Extraordinary Dining Experience",              quote: "The quality of the meat is unparalleled. Every aspect of our evening was meticulously orchestrated, from the wine pairing to the impeccable service. This is steakhouse dining at its finest.",              name: "James Richardson",              role: "Executive Chef",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Richardson"
            },
            {
              id: "2",              title: "A Celebration Worth Repeating",              quote: "We've celebrated every milestone here for the past five years. The consistency in quality, the attention to detail, and the warmth of the team make it our home away from home.",              name: "Margaret Chen",              role: "Corporate Executive",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Margaret Chen"
            },
            {
              id: "3",              title: "Simply the Best Steak in the City",              quote: "I've dined at acclaimed steakhouses worldwide, and Prime Cut stands among the very best. The dry-aged beef is exceptional, and the sommelier's recommendations were spot-on.",              name: "David Martinez",              role: "Food Critic",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "David Martinez"
            },
            {
              id: "4",              title: "Unforgettable Evening",              quote: "Every element converged perfectly—the ambiance, the service, the food. Our proposal was perfectly captured in this beautiful setting. We'll never forget this night.",              name: "Sarah Thompson",              role: "Wedding Planner",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Sarah Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Reserve Your Table"
          description="Book an unforgettable evening at Prime Cut Steakhouse. Our team will ensure every detail is perfect for your special occasion."
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "date", type: "date", placeholder: "Preferred Date", required: true },
            { name: "guests", type: "number", placeholder: "Number of Guests", required: true }
          ]}
          textarea={{
            name: "preferences",            placeholder: "Special requests or dietary preferences...",            rows: 4,
            required: false
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg"
          imageAlt="Elegant steakhouse dining room"
          mediaPosition="right"
          buttonText="Request Reservation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis 
          logoText="Prime Cut"
          columns={[
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Menu", href: "features" },
                { label: "Wine Selection", href: "metrics" }
              ]
            },
            {
              items: [
                { label: "Reservations", href: "contact" },
                { label: "Private Events", href: "contact" },
                { label: "Catering", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Hours", href: "#" },
                { label: "Location", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}