"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Flame, Utensils, Wine, ChefHat, Award, Star, Zap, UtensilsCrossed, HelpCircle, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send, Hexagon, Sparkles } from 'lucide-react';

export default function PrimeCutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Prime Cut"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "features" },
            { name: "Experience", id: "experience" },
            { name: "Reviews", id: "testimonials" },
            { name: "Reserve", id: "contact" }
          ]}
          bottomLeftText="New York, NY"
          bottomRightText="reservations@primecut.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Prime Cut Steakhouse"
          description="Experience the finest cuts of premium beef in an atmosphere of refined elegance. From our hand-selected prime ribeyes to perfectly aged filet mignons, discover steakhouse excellence."
          tag="Fine Dining Excellence"
          tagIcon={Flame}
          buttons={[
            { text: "Make Reservation", href: "#contact" },
            { text: "View Menu", href: "#features" }
          ]}
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Tonight's Specials",            logoIcon: Utensils,
            imageSrc: "https://img.b2bpic.net/free-photo/front-close-view-meat-grill-fried-tasty-wooden-desk-with-herbs_140725-19925.jpg",            searchPlaceholder: "Search our menu...",            sidebarItems: [
              { icon: Flame, active: true },
              { icon: Wine, active: false },
              { icon: ChefHat, active: false }
            ],
            buttons: [
              { text: "Reserve Now", href: "#contact" },
              { text: "Our Story", href: "#about" }
            ],
            stats: [
              {
                title: "Prime Cuts",                values: [12, 15, 18],
                description: "Premium selections available nightly"
              },
              {
                title: "Wine Selection",                values: [250, 300, 350],
                description: "Curated wine pairings from around the world"
              },
              {
                title: "Years of Excellence",                values: [15, 20, 25],
                description: "Serving the finest steaks in the city"
              }
            ],
            chartTitle: "Guest Satisfaction Ratings",            chartData: [
              { value: 95 },
              { value: 97 },
              { value: 98 },
              { value: 96 },
              { value: 99 }
            ],
            listTitle: "Recent Highlights",            listItems: [
              { icon: Award, title: "Michelin Listed", status: "Recognized" },
              { icon: Star, title: "Best Steakhouse 2024", status: "Award Winner" },
              { icon: Zap, title: "Chef's Special Menu", status: "Now Available" }
            ]
          }}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Where Premium" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/hostess-arranging-chairs-around-table_23-2147830618.jpg", alt: "Steakhouse dining room" },
            { type: "text", content: "Beef Meets Perfection" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore Our Story", href: "about" },
            { text: "Reserve Your Table", href: "contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Our Signature Menu"
          description="Handpicked selections of premium beef, expertly prepared and paired with our finest sides and wines."
          tag="Menu Highlights"
          tagIcon={Utensils}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "1",              title: "Japanese A5 Wagyu",              author: "Executive Chef Selection",              description: "Exquisitely marbled Japanese A5 Wagyu, hand-selected for its extraordinary tenderness and rich umami flavor. Grilled over hardwood and finished with sea salt.",              tags: ["Premium", "Japanese", "Signature"],
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-fried-meat-slice-dark-blue-meat-food-dish-fry-color-animal-rib-dinner-cooking-barbecue_179666-44077.jpg"
            },
            {
              id: "2",              title: "Dry-Aged Prime Ribeye",              author: "House Specialty",              description: "Our flagship 28-day dry-aged Prime Ribeye, featuring exceptional marbling and deep, complex beef flavor. Perfectly seared and served with compound butter.",              tags: ["Dry-Aged", "Prime", "Classic"],
              imageSrc: "https://img.b2bpic.net/free-photo/beef-steak-with-french-fries-red-pepper_1150-18491.jpg"
            },
            {
              id: "3",              title: "Filet Mignon Medallions",              author: "Chef's Favorite",              description: "Tender, buttery filet mignon medallions, the most tender cut available. Expertly prepared and paired with our signature béarnaise sauce for an unforgettable experience.",              tags: ["Tender", "Elegant", "Refined"],
              imageSrc: "https://img.b2bpic.net/free-photo/grilled-beef-steak_93675-128217.jpg"
            }
          ]}
        />
      </div>

      <div id="experience" data-section="experience">
        <ProductCardTwo
          title="The Complete Experience"
          description="Discover what makes our steakhouse the ultimate destination for fine dining and memorable celebrations."
          tag="Dining"
          tagIcon={UtensilsCrossed}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="scale-rotate"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "wine",              brand: "Sommelier Selection",              name: "Wine Cellar Experience",              price: "Starting $150/bottle",              rating: 5,
              reviewCount: "2.3k",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-elegant-wine-sommelier-is-ready-try-new-red-wine-artisan-wine-boutique_613910-3106.jpg"
            },
            {
              id: "kitchen",              brand: "Behind the Scenes",              name: "Chef's Kitchen Tour",              price: "Private Experiences",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "https://img.b2bpic.net/free-photo/young-waitress-setting-table_23-2147830607.jpg"
            },
            {
              id: "ambiance",              brand: "Elegant Setting",              name: "Private Dining Rooms",              price: "Available Year-Round",              rating: 5,
              reviewCount: "3.1k",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Guests Say"
          description="Hear from those who have experienced Prime Cut Steakhouse and discovered their new favorite dining destination."
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "James Harrison, Restaurant Critic",              date: "Date: 15 January 2025",              title: "An Absolute Masterpiece of Steakhouse Dining",              quote: "From the moment we stepped through the doors, we knew we were in for something special. The Prime Ribeye was perfection—perfectly aged, expertly prepared, and simply unforgettable. This is what steakhouse excellence looks like.",              tag: "Fine Dining Guide",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",              name: "Sarah Chen, Food Blogger",              date: "Date: 8 December 2024",              title: "The Best Steaks in the City, Hands Down",              quote: "I've dined at numerous steakhouses across the country, and Prime Cut stands in a class of its own. The attention to detail, quality of ingredients, and impeccable service make every visit special. Highly recommended.",              tag: "Culinary Excellence",              avatarSrc: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg"
            },
            {
              id: "3",              name: "Michael Rodriguez, CEO",              date: "Date: 20 November 2024",              title: "Perfect for Corporate Celebrations",              quote: "We celebrated our company milestone here and it was absolutely perfect. The private dining room is elegant, the steaks are world-class, and the service is impeccable. Our entire team is still talking about the experience.",              tag: "Corporate Events",              avatarSrc: "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"
            },
            {
              id: "4",              name: "Victoria Winters, Travel Journalist",              date: "Date: 5 November 2024",              title: "A Destination Worth Traveling For",              quote: "Prime Cut Steakhouse isn't just a restaurant—it's a destination. The Wagyu was buttery perfection, the wine selection is outstanding, and the ambiance is simply enchanting. This is where memories are made.",              tag: "Travel & Dining",              avatarSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our restaurant, reservations, and dining experience."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/top-close-view-fried-meat-slice-with-lemon-slices-dark-surface_179666-44343.jpg"
          imageAlt="Steakhouse knowledge and expertise"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is your reservation policy?",              content: "We accept reservations up to 90 days in advance through our website or by calling us directly. We recommend reserving in advance, especially for weekends and special occasions. Walk-ins are welcome subject to availability."
            },
            {
              id: "2",              title: "What are your hours of operation?",              content: "We are open Tuesday through Sunday, 5:00 PM to 11:00 PM. We are closed on Mondays for team development and preparation. Private events can be arranged on request."
            },
            {
              id: "3",              title: "Do you offer vegetarian or vegan options?",              content: "Absolutely! While we specialize in premium beef, our chefs are happy to create exceptional vegetarian and vegan dishes upon request. Please mention dietary preferences when making your reservation."
            },
            {
              id: "4",              title: "What is your dress code?",              content: "Business casual attire is recommended. We ask that guests refrain from athletic wear and maintain the elegant atmosphere of our dining room. Jackets are appreciated but not required."
            },
            {
              id: "5",              title: "Do you have a wine list?",              content: "Yes, our wine cellar features over 300 selections from around the world, carefully curated to pair with our menu. Our sommelier is available to provide recommendations tailored to your preferences."
            },
            {
              id: "6",              title: "Can you accommodate large parties or private events?",              content: "We have several private dining rooms available for groups of 8 to 80 guests. Custom menus and event planning services are available. Please contact us directly to discuss your event details."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Table"
          description="Secure your reservation at Prime Cut Steakhouse. Our team will confirm your booking and ensure you have an unforgettable dining experience."
          useInvertedBackground="invertDefault"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/top-view-fish-meal-inside-white-plate-along-with-red-wine-table-food-meal-restaurant_140725-28131.jpg"
          imageAlt="Fine dining table setting"
          buttonText="Reserve Now"
          inputs={[
            { name: "name", type: "text", placeholder: "Your 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 },
            { name: "time", type: "time", placeholder: "Preferred Time", required: true },
            { name: "guests", type: "number", placeholder: "Number of Guests", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Special requests or dietary restrictions...",            rows: 4,
            required: false
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Prime Cut"
          copyrightText="© 2025 Prime Cut Steakhouse. All rights reserved."
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "#about" },
                { label: "Menu", href: "#features" },
                { label: "Experiences", href: "#experience" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Dining",              items: [
                { label: "Make Reservation", href: "#contact" },
                { label: "Private Events", href: "#contact" },
                { label: "Gift Cards", href: "#" },
                { label: "Wine Cellar", href: "#experience" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Contact", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}