"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, ChefHat, Crown, Flame, MapPin, Mail, Phone, Sparkles, Wine } from "lucide-react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSplit from '@/components/sections/footer/FooterSplit';

export default function SteakhousePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="outline-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Steak To Happy"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Experience", id: "experience" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience Prime Perfection"
          description="Savor the finest cuts of beef, expertly grilled to your preference, in an atmosphere of timeless elegance."
          tag="Premium Steakhouse"
          tagIcon={Flame}
          buttons={[
            {
              text: "Reserve Your Table",              href: "contact"
            },
            {
              text: "View Menu",              href: "menu"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780817109-an1fpejm.jpg",              imageAlt: "Premium grilled steak with garnish"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780818745-chfmjsoy.jpg",              imageAlt: "Perfectly cooked ribeye steak"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780820400-m26nvjck.jpg",              imageAlt: "Gourmet filet mignon plating"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780821747-qu98h7rz.jpg",              imageAlt: "Premium wagyu steak presentation"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780823454-dompuace.jpg",              imageAlt: "Classic porterhouse steak"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="A Legacy of Excellence"
          description="Since opening our doors, Steak To Happy has been dedicated to delivering exceptional steakhouse experiences. We source only the finest premium beef, dry-aged for perfect tenderness, and prepare each cut with meticulous attention to detail."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          bulletPoints={[
            {
              title: "Premium Sourcing",              description: "Hand-selected prime and wagyu beef, aged 28-45 days for optimal flavor and texture",              icon: Award
            },
            {
              title: "Expert Preparation",              description: "Our certified grill masters use traditional techniques and modern precision to perfect every steak",              icon: ChefHat
            },
            {
              title: "Curated Wines",              description: "Extensive wine collection featuring bold reds that complement our signature cuts",              icon: Wine
            },
            {
              title: "Timeless Ambiance",              description: "Classic steakhouse elegance with warm lighting, leather seating, and refined hospitality"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780827923-j7ohjz41.jpg"
          imageAlt="Elegant steakhouse interior with intimate dining"
          imagePosition="right"
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardFourteen
          title="Signature Menu Highlights"
          description="Discover our most celebrated dishes, crafted with premium ingredients and culinary expertise"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Featured"
          features={[
            {
              id: "1",              title: "The Steakhouse Experience",              description: "Our flagship ambiance featuring intimate lighting and sophisticated seating arrangements",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780828937-l4gtwmhh.jpg",              imageAlt: "Fine dining steakhouse ambiance"
            },
            {
              id: "2",              title: "Wine Pairings & Selection",              description: "Expert sommelier recommendations to complement your prime cuts",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780825391-sjwd9z2t.jpg",              imageAlt: "Premium wine collection for steakhouse dining"
            },
            {
              id: "3",              title: "Premium Side Dishes",              description: "Artisanal sides including truffle mac & cheese, twice-baked potatoes, and seasonal vegetables",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780826464-kv1okkxy.jpg",              imageAlt: "Gourmet side dish selections"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Dining Experiences"
          description="Choose from our curated tasting menus and à la carte options"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          animationType="slide-up"
          plans={[
            {
              id: "classic",              tag: "The Classic Cut",              tagIcon: Flame,
              price: "$65",              period: "per person",              description: "Premium steak, choice of sides, and house wine selection",              button: {
                text: "Book Now",                href: "contact"
              },
              featuresTitle: "Included:",              features: [
                "Choice of prime cuts",                "Two premium sides",                "House wine pairing",                "Dessert selection",                "Coffee or tea"
              ]
            },
            {
              id: "premium",              tag: "The Premium Experience",              tagIcon: Sparkles,
              price: "$95",              period: "per person",              description: "Wagyu selection, sommelier wine pairing, and multi-course tasting",              button: {
                text: "Reserve Now",                href: "contact"
              },
              featuresTitle: "Included:",              features: [
                "Premium wagyu cuts",                "Three artisanal sides",                "Sommelier wine pairing",                "Multi-course experience",                "Chef's special dessert",                "Complimentary digestif"
              ]
            },
            {
              id: "vip",              tag: "The Ultimate Celebration",              tagIcon: Crown,
              price: "$145",              period: "per person",              description: "Exclusive cuts, private wine experience, and personalized service",              button: {
                text: "Schedule Tasting",                href: "contact"
              },
              featuresTitle: "Included:",              features: [
                "Exclusive cuts & special aged beef",                "Four premium sides",                "Private wine tasting selection",                "Seven-course tasting menu",                "Chef's table available",                "Personalized sommelier service",                "Premium cigar selection"
              ]
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Culinary Team"
          description="Master craftspeople dedicated to elevating your steakhouse experience"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          team={[
            {
              id: "1",              name: "Chef Marcus Sterling",              role: "Executive Chef & Founder",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780831680-ewfp4m5u.jpg"
            },
            {
              id: "2",              name: "James Mitchell",              role: "Sous Chef, Grill Master",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780833165-1h323ppv.jpg"
            },
            {
              id: "3",              name: "Robert Collins",              role: "Head Sommelier",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780834452-sk1euqdl.jpg"
            },
            {
              id: "4",              name: "Elena Rodriguez",              role: "Pastry Chef",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780835380-wsas7ofx.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="Steak To Happy delivered an unforgettable dining experience. The perfectly grilled steak, impeccable service, and extensive wine selection made our anniversary dinner truly special. We've already booked our next reservation!"
          rating={5}
          author="Victoria & Michael Thompson"
          useInvertedBackground="invertDefault"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780837983-x8aiz065.jpg",              alt: "Victoria Thompson"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780839141-0sv57l3v.jpg",              alt: "Michael Thompson"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780840406-jwgmqqs8.jpg",              alt: "Customer testimonial"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780841610-0coy1g4x.jpg",              alt: "Customer testimonial"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780843201-3961su3t.jpg",              alt: "Customer testimonial"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780844660-i4a0prte.jpg",              alt: "Customer testimonial"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to indulge in the perfect steak?"
          description="Reserve your table now and experience the finest steakhouse dining. Our team looks forward to welcoming you."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your dining preferences",            rows: 5,
            required: true
          }}
          buttonText="Reserve Your Table"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780827923-j7ohjz41.jpg"
          imageAlt="Elegant steakhouse interior"
          mediaPosition="right"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Steak To Happy"
          title="Experience Premium Steakhouse Excellence"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "Menu", href: "#menu" },
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#team" },
                { label: "Private Events", href: "contact" }
              ]
            },
            {
              title: "Dining",              items: [
                { label: "Reservations", href: "#contact" },
                { label: "Wine List", href: "#experience" },
                { label: "Dress Code", href: "#" },
                { label: "Gift Cards", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          contactItems={[
            {
              icon: MapPin,
              text: "123 Fine Dining Street, Culinary District, NY 10001"
            },
            {
              icon: Phone,
              text: "(555) 723-8456"
            },
            {
              icon: Mail,
              text: "reservations@steaktohappy.com"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}