"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Flame, Crown, Star, Instagram, Facebook, Twitter } from "lucide-react";

export default function SteakhousePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Steak House"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reservations", id: "contact" },
            { name: "Contact", id: "footer" }
          ]}
          button={{
            text: "Reserve Table",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Steak House"
          description="Experience the finest prime cuts and timeless elegance in fine dining"
          buttons={[
            {
              text: "Reserve Your Table",              href: "contact"
            },
            {
              text: "View Menu",              href: "menu"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/well-fried-piece-steak-tomatoes-wooden-board_140725-7480.jpg?id=7536216"
          imageAlt="Premium steakhouse dining interior"
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Crafted for connoisseurs. Elevated by tradition. Defined by excellence."
          buttons={[
            {
              text: "Explore Our Story",              href: "#features"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Authentic Steakhouse Heritage"
          description="Discover what sets our steakhouse apart from ordinary dining establishments. Premium sourcing, expert preparation, and uncompromising quality standards."
          tag="Our Difference"
          tagIcon={Sparkles}
          negativeCard={{
            items: [
              "Mass-produced beef",              "Inconsistent preparation",              "Limited sourcing expertise",              "Generic dining experience"
            ]
          }}
          positiveCard={{
            items: [
              "Prime-grade, hand-selected cuts",              "Expert dry-aging process",              "Direct farm partnerships",              "Bespoke culinary experience"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Signature Steaks"
          description="Hand-selected prime cuts, expertly aged and perfectly prepared"
          tag="Premium Selection"
          tagIcon={Flame}
          products={[
            {
              id: "ribeye",              name: "Prime Ribeye",              price: "$65",              variant: "16oz • Prime Grade",              imageSrc: "https://img.b2bpic.net/free-photo/beef-steak-served-with-yellow-mashed-puree-vegetables_140725-1492.jpg",              imageAlt: "Prime ribeye steak"
            },
            {
              id: "filet",              name: "Filet Mignon",              price: "$72",              variant: "8oz • Prime Grade",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-26146.jpg",              imageAlt: "Filet mignon steak"
            },
            {
              id: "wagyu",              name: "Japanese Wagyu",              price: "$95",              variant: "6oz • A5 Grade",              imageSrc: "https://img.b2bpic.net/free-photo/fried-meat-with-smashed-potato_140725-9685.jpg",              imageAlt: "Japanese wagyu steak"
            },
            {
              id: "tomahawk",              name: "Tomahawk Ribeye",              price: "$85",              variant: "32oz • Prime Grade",              imageSrc: "https://img.b2bpic.net/free-photo/beef-steak-served-with-yellow-mashed-puree-vegetables_140725-1492.jpg",              imageAlt: "Tomahawk ribeye steak"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Dining Experiences"
          description="Choose the perfect steakhouse experience for your occasion"
          tag="Premium Tiers"
          tagIcon={Crown}
          plans={[
            {
              id: "classic",              title: "Classic Steakhouse",              price: "$85",              period: "per person",              imageSrc: "https://img.b2bpic.net/free-photo/beef-steak-served-with-yellow-mashed-puree-vegetables_140725-1492.jpg",              imageAlt: "Classic steakhouse experience",              button: {
                text: "Reserve Now",                href: "contact"
              },
              features: [
                "Prime steak selection",                "House wine pairing",                "Side dishes included",                "Complimentary bread service"
              ]
            },
            {
              id: "premium",              title: "Premium Selection",              price: "$125",              period: "per person",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-26146.jpg",              imageAlt: "Premium dining experience",              button: {
                text: "Reserve Now",                href: "contact"
              },
              features: [
                "Wagyu and specialty cuts",                "Premium wine selection",                "Gourmet sides",                "Dessert included",                "Sommelier consultation"
              ]
            },
            {
              id: "elite",              title: "Elite Experience",              price: "$185",              period: "per person",              imageSrc: "https://img.b2bpic.net/free-photo/fried-meat-with-smashed-potato_140725-9685.jpg",              imageAlt: "Elite fine dining experience",              button: {
                text: "Reserve Now",                href: "contact"
              },
              features: [
                "Chef's exclusive cuts",                "Curated wine pairings",                "Multi-course experience",                "Private dining option",                "Personal sommelier service",                "Complimentary chef's special"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Experience the feedback from our most discerning diners"
          tag="Guest Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Michael Chen",              role: "Executive",              company: "Dining Enthusiast",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "2",              name: "Sarah Richardson",              role: "Chef",              company: "Culinary Director",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Sarah Richardson"
            },
            {
              id: "3",              name: "James Wilson",              role: "Sommelier",              company: "Wine Expert",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "4",              name: "Emma Thompson",              role: "Restaurant Critic",              company: "Culinary Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "5",              name: "David Martinez",              role: "CEO",              company: "Corporate Events",              rating: 5,
              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: "David Martinez"
            },
            {
              id: "6",              name: "Patricia Anderson",              role: "Food Blogger",              company: "Fine Dining Author",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "Patricia Anderson"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Table"
          description="Experience exceptional cuisine and impeccable service. Book your reservation with us today."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
            },
            {
              name: "date",              type: "date",              placeholder: "Preferred Date",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Special requests or dietary preferences",            rows: 4,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg"
          imageAlt="Elegant steakhouse dining room"
          mediaPosition="right"
          buttonText="Reserve Now"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Steak House"
          copyrightText="© 2025 Steak House. All rights reserved. | Fine Dining Excellence"
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Follow us on Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",              ariaLabel: "Follow us on Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}