"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Flame, Instagram, Facebook } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="large"
      sizing="largeSizeExtraLargeSpacing"
      background="dotGrid"
      cardStyle="shadow-colored"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Steak & Fire"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reserve", id: "contact" },
            { name: "Contact", id: "https://example.com/contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplitImage
          logoText="STEAK & FIRE"
          description="Premium grilled perfection in every bite. From handpicked cuts to expert preparation, we craft the finest steakhouse experience. Reserve your table for an unforgettable evening."
          buttons={[
            { text: "Reserve Now", href: "#contact" },
            { text: "View Menu", href: "#menu" }
          ]}
          layoutOrder="default"
          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg"
          splitImageAlt="Premium grilled steak"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402895294-kbbq7otk.jpg"
          imageAlt="Fine dining steakhouse atmosphere"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafted Excellence" },
            { type: "text", content: "meets timeless tradition at Steak & Fire. We believe in sourcing the finest beef, aging it to perfection, and grilling it with passion. Our heritage spans over two decades of dedicated service to food enthusiasts and connoisseurs alike. Each steak is a masterpiece, prepared with meticulous attention to detail and an unwavering commitment to excellence. We partner exclusively with premier ranches known for their sustainable practices and superior cattle breeding, ensuring every cut meets our exacting standards. Our chefs, trained in both classical French technique and modern culinary innovation, bring decades of combined expertise to each plate. Beyond the meat, our sommelier-curated wine collection features over 500 selections from the world's finest vineyards, perfectly matched to complement your dining experience. We invite you to join us for more than just a meal—join us for a celebration of culinary craftsmanship and the art of fine dining." }
          ]}
          buttons={[
            { text: "Our Story", href: "#", props: { bgClassName: "bg-blue-600 hover:bg-blue-700" } }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="menu" data-section="menu">
        <FeatureCardTwenty
          images={[
            { id: 1, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402516921-vpmy34lv.jpg", imageAlt: "Signature premium steak" },
            { id: 2, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg", imageAlt: "Grilled ribs" },
            { id: 3, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402518744-cskcaoc8.jpg", imageAlt: "Gourmet side dishes" },
            { id: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403043544-zy98pt2q.jpg", imageAlt: "Wine pairings" }
          ]}
          title="Signature Selections"
          description="Experience our carefully curated menu featuring prime cuts aged to perfection, complemented by house specialties and an exceptional wine collection."
          tag="Premium Offerings"
          tagIcon={Flame}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          testimonials={[
            {
              id: "1",
              name: "Michael Chen, Chef & Food Critic",
              date: "Date: 15 December 2024",
              title: "The finest steakhouse in the city",
              quote: "Steak & Fire delivers an exceptional dining experience. The quality of their beef is outstanding, and the grilling technique is masterful. Every bite reflects their commitment to excellence.",
              tag: "Five Stars",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              avatarAlt: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402514973-ca2unbho.jpg",
              imageAlt: "Perfectly grilled steak"
            },
            {
              id: "2",
              name: "Sarah Williams, Restaurant Owner",
              date: "Date: 22 December 2024",
              title: "Authentic steakhouse perfection",
              quote: "I've dined at steakhouses around the world, and Steak & Fire ranks among the very best. The attention to detail in every aspect is remarkable.",
              tag: "Highly Recommended",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140151637-4n68pd8r.jpg",
              avatarAlt: "Sarah Williams",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402517785-zwa4dhhq.jpg",
              imageAlt: "Grilled ribs"
            },
            {
              id: "3",
              name: "David Martinez, Corporate Executive",
              date: "Date: 28 December 2024",
              title: "Perfect for business dinners",
              quote: "The ambiance, service, and food at Steak & Fire create an ideal setting for important business meetings. Our clients were thoroughly impressed.",
              tag: "Business Dining",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              avatarAlt: "David Martinez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402519971-7oehke6v.jpg",
              imageAlt: "Upscale dining atmosphere"
            },
            {
              id: "4",
              name: "Jessica Thompson, Event Planner",
              date: "Date: 10 January 2025",
              title: "Exceptional private dining",
              quote: "We hosted our company anniversary at Steak & Fire. The private dining room, impeccable service, and outstanding cuisine made it an unforgettable night.",
              tag: "Event Hosting",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
              avatarAlt: "Jessica Thompson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402516921-vpmy34lv.jpg",
              imageAlt: "Signature plated dish"
            },
            {
              id: "5",
              name: "Robert Jackson, Sommelier",
              date: "Date: 18 January 2025",
              title: "Wine selection is superb",
              quote: "The wine collection at Steak & Fire is expertly curated. Perfect pairings for every cut, and the staff's knowledge is impressive.",
              tag: "Wine Pairing",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399071735-aq7lptqc.jpg",
              avatarAlt: "Robert Jackson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766403043842-08p3g3gu.jpg",
              imageAlt: "Wine glass"
            },
            {
              id: "6",
              name: "Elena Rodriguez, Frequent Diner",
              date: "Date: 25 January 2025",
              title: "My favorite steakhouse",
              quote: "I've been coming to Steak & Fire for special occasions, and they never disappoint. Consistency, quality, and genuine hospitality keep me coming back.",
              tag: "Loyal Customer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
              avatarAlt: "Elena Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402515950-mo2skfyc.jpg",
              imageAlt: "Grilled meat selection"
            }
          ]}
          title="What Our Guests Say"
          description="Discover why Steak & Fire is the premier destination for discerning diners and special occasions."
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the finest steakhouse dining? Reserve your table today and join us for an unforgettable evening of premium cuts and exceptional service."
          animationType="entrance-slide"
          buttons={[
            { text: "Reserve Table", href: "#" },
            { text: "Call Us", href: "tel:+1234567890" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Steak & Fire"
          columns={[
            {
              title: "Hours",
              items: [
                { label: "Monday - Thursday: 5PM - 11PM", href: "#" },
                { label: "Friday - Saturday: 5PM - 12AM", href: "#" },
                { label: "Sunday: 5PM - 10PM", href: "#" }
              ]
            },
            {
              title: "Location",
              items: [
                { label: "123 Prime Street", href: "#" },
                { label: "Downtown District", href: "#" },
                { label: "(555) 123-4567", href: "tel:+15551234567" }
              ]
            },
            {
              title: "Dining",
              items: [
                { label: "Reservations", href: "#" },
                { label: "Private Events", href: "#" },
                { label: "Gift Cards", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
          ]}
          copyrightText="© Steak & Fire Restaurant, 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}