"use client"

import { Award, ChefHat, Flame } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Golden Flame"
          navItems={[
            { name: "Menu", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Order Online", id: "https://www.ubereats.com" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Golden Flame"
          description="Authentic Balkan cuisine grilled to perfection. Experience traditional flavors, premium quality, and warm hospitality in every bite."
          buttons={[
            { text: "View Menu", href: "#products" },
            { text: "Order Now", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/saj-made-from-vegetables-meat-charcoal_140725-3569.jpg"
          imageAlt="Golden Flame Balkan Restaurant"
          mediaAnimation="blur-reveal"
          frameStyle="card"
          ariaLabel="Golden Flame Restaurant Hero"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          tag="Our Story"
          title="Golden Flame - Traditional Balkan Excellence"
          description="Since opening our doors, Golden Flame has been dedicated to bringing authentic Balkan cuisine to your table. We source the finest ingredients and use traditional grilling methods to create dishes that celebrate the rich culinary heritage of the Balkans. Every meal is prepared with passion and served with warmth."
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Authentic Recipes",              description: "Prepared using traditional Balkan cooking methods passed down through generations.",              icon: Flame
            },
            {
              title: "Premium Quality",              description: "We select only the finest meats and fresh ingredients for every dish we create.",              icon: Award
            },
            {
              title: "Expert Grilling",              description: "Our skilled chefs master the art of grilling, creating perfectly cooked dishes every time.",              icon: ChefHat
            },
            {
              title: "Warm Hospitality",              description: "We treat every guest like family, ensuring an unforgettable dining experience."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/group-diverse-friends-are-having-dinner-together_53876-40927.jpg"
          imageAlt="Golden Flame Restaurant Interior"
          mediaAnimation="slide-up"
          imagePosition="right"
          buttons={[
            { text: "Make a Reservation", href: "#contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Signature Grilling Techniques"
          description="Discover how we bring out the best flavors in every dish"
          tag="Our Methods"
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Perfect Char & Tenderness",              description: "Our grilled steaks and chops are cooked to perfection with a beautiful char on the outside and succulent tenderness inside. Each cut is carefully seasoned and grilled over hot flames for optimal flavor.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/top-view-lamb-ribs-kebab-served-with-fresh-vegetables-wooden-cutting-board_140725-12397.jpg?_wi=1",                imageAlt: "Grilled Meat Preparation"
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/top-view-lamb-ribs-kebab-served-with-fresh-vegetables-wooden-cutting-board_140725-12397.jpg?_wi=2",                imageAlt: "Grilled Meat Preparation"
              }
            },
            {
              id: 2,
              title: "Traditional Balkan Flavors",              description: "Chevapi and sausages are made using authentic recipes with the perfect blend of spices. They're grilled fresh to order, ensuring maximum flavor and satisfaction with every bite.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/sliced-fried-sausages-stick_140725-6459.jpg?_wi=1",                imageAlt: "Chevapi Skewers"
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/sliced-fried-sausages-stick_140725-6459.jpg?_wi=2",                imageAlt: "Chevapi Skewers"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          buttons={[
            { text: "See Full Menu", href: "#products" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Dishes"
          description="Explore our most popular Balkan specialties"
          tag="Menu Highlights"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "1",              name: "Gypsy Burger",              price: "$16.99",              imageSrc: "http://img.b2bpic.net/free-photo/hamburger-burger-with-beef-tomato-pickled-cucumber-fried-bacon_2829-11184.jpg",              imageAlt: "Gypsy Burger"
            },
            {
              id: "2",              name: "Chevapi (Small)",              price: "$12.99",              imageSrc: "http://img.b2bpic.net/free-photo/sliced-fried-sausages-stick_140725-6459.jpg?_wi=3",              imageAlt: "Chevapi Skewers"
            },
            {
              id: "3",              name: "Golden Flame Schnitzel",              price: "$18.99",              imageSrc: "http://img.b2bpic.net/free-photo/woman-squeezing-lemon-crispy-fries-fish_141793-1838.jpg?_wi=1",              imageAlt: "Golden Flame Schnitzel"
            },
            {
              id: "4",              name: "Mixed Platter for 2",              price: "$59.99",              imageSrc: "http://img.b2bpic.net/free-photo/waiter-with-big-plate-chicken-kebab-his-hand_114579-2226.jpg",              imageAlt: "Mixed Platter for 2"
            },
            {
              id: "5",              name: "Salmon",              price: "$29.99",              imageSrc: "http://img.b2bpic.net/free-photo/raw-salmon-fillets-pepper-kiwi-pineapples-rosemary-onto-plate-black-cement-floor_1150-23154.jpg",              imageAlt: "Grilled Salmon"
            },
            {
              id: "6",              name: "Karadjordjeva",              price: "$21.99",              imageSrc: "http://img.b2bpic.net/free-photo/woman-squeezing-lemon-crispy-fries-fish_141793-1838.jpg?_wi=2",              imageAlt: "Karadjordjeva"
            }
          ]}
          buttons={[
            { text: "View Full Menu", href: "#contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Real experiences from our satisfied customers"
          tag="Reviews"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Maria Kovacs",              handle: "@maria_dines",              testimonial: "The best Balkan food I've had in years! Golden Flame's steaks are absolutely incredible - perfectly grilled with amazing flavor. The staff is so friendly too!",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",              imageAlt: "Maria Kovacs"
            },
            {
              id: "2",              name: "Dimitri Aleksov",              handle: "@dimitri_foodlover",              testimonial: "Authentic, delicious, and worth every penny. The chevapi here remind me of home. Golden Flame brings true Balkan hospitality to the table.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",              imageAlt: "Dimitri Aleksov"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@elena_eats",              testimonial: "Took my family here and everyone loved their meals. From the gypsy burger to the seafood, everything was fresh and perfectly prepared. Highly recommend!",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "Stefan Milojevic",              handle: "@stefan_local",              testimonial: "Finally found a place that serves real Balkan cuisine! The mixed platter for 2 is perfect for sharing. Best dining experience in town, hands down.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=3",              imageAlt: "Stefan Milojevic"
            },
            {
              id: "5",              name: "Anna Svetkovic",              handle: "@anna_flavors",              testimonial: "The salmon was perfectly cooked and the schnitzel was incredibly tender. Every dish shows the care and expertise of the chef. Golden Flame is a gem!",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=4",              imageAlt: "Anna Svetkovic"
            },
            {
              id: "6",              name: "Nikola Petrovic",              handle: "@nikola_grill",              testimonial: "As someone who grew up eating Balkan food, I can say Golden Flame nails it. The grilling technique, the flavors, the portions - everything is perfect!",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=5",              imageAlt: "Nikola Petrovic"
            }
          ]}
          buttons={[
            { text: "Make a Reservation", href: "#contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Ready to experience authentic Balkan cuisine? Contact us to make a reservation, place an order, or just say hello. We'd love to hear from you!"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your reservation or inquiry...",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/friends-sitting-cafe-using-mobile-phones_171337-19757.jpg"
          imageAlt="Golden Flame Contact"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
          ariaLabel="Contact Golden Flame Restaurant"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Golden Flame"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
          ariaLabel="Golden Flame Restaurant Footer"
        />
      </div>
    </ThemeProvider>
  );
}
