"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { CheckCircle, ChefHat, Heart, Sparkles, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Hero", id: "hero-section" },
            { name: "About", id: "about-section" },
            { name: "Feature", id: "features-section" },
            { name: "Product", id: "product-section" },
            { name: "Testimonial", id: "testimonial-section" },
            { name: "Contact", id: "contact-section" }
          ]}
          button={{
            text: "Reserve Your Table",            href: "#contact-section"
          }}
          brandName="Fogo de Chão"
        />
      </div>

      <div id="hero-section" data-section="hero-section">
        <HeroBillboard
          title="Experience the Heart of Brazil"
          description="Indulge in the finest cuts of perfectly grilled meat, served tableside by our passionate churrascaria team. A timeless tradition of flavor and hospitality awaits you."
          background={{ variant: "radial-gradient" }}
          tag="Premium Brazilian Steakhouse"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Reserve Your Table", href: "#contact-section" },
            { text: "View Menu", href: "#product-section" }
          ]}
          buttonAnimation="slide-up"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/young-smiling-lovers-looking-each-other-have-romantic-dinner-with-wine-food_171337-676.jpg", alt: "Happy diners enjoying a meal" },
            { src: "https://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187240.jpg", alt: "Chef preparing traditional dishes" }
          ]}
          avatarText="Trusted by over 10,000 guests"
          imageSrc="https://img.b2bpic.net/free-photo/restaurant-interior_1127-3394.jpg"
          imageAlt="Elegant dining room with warm lighting and premium cuts of meat"
          mediaAnimation="slide-up"
          marqueeItems={[
            { type: "text", text: "Authentic Flame-Grilled Tradition" },
            { type: "text", text: "Tableside Service Excellence" },
            { type: "text", text: "Premium Quality Meats" }
          ]}
          marqueeSpeed={30}
          showMarqueeCard={true}
          ariaLabel="Hero section featuring premium Brazilian steakhouse experience"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <SplitAbout
          title="The Art of Authentic Brazilian Steakhouse Dining"
          description="At Fogo de Chão, we bring the vibrant spirit of Brazil to your table with our signature churrasco experience. Our master chefs prepare premium cuts of beef, pork, and poultry over open flames, creating unforgettable flavors that celebrate the rich culinary traditions of Brazil."
          tag="Premium Experience"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Menu", href: "#product-section" },
            { text: "Reserve a Table", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {
              title: "Authentic Flavors",              description: "Traditional Brazilian recipes passed down through generations, seasoned with aromatic herbs and spices.",              icon: ChefHat
            },
            {
              title: "Expertly Crafted",              description: "Our skilled artisans prepare each cut with precision, ensuring perfect doneness every time.",              icon: ChefHat
            },
            {
              title: "Cozy Atmosphere",              description: "Warm, inviting ambiance designed for memorable dining experiences with family and friends.",              icon: Heart
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/professional-chef-cooking-onion-vegetables-meat-grill-with-fire-smoke-beautiful-man-concentrated-preparation-food-background-modern-restaurant-kitchen_651396-3910.jpg"
          imageAlt="Chefs preparing traditional Brazilian meats over an open flame"
          mediaAnimation="slide-up"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={true}
          className="py-16 md:py-24"
          textBoxClassName="max-w-2xl"
          mediaWrapperClassName="rounded-xl overflow-hidden shadow-lg"
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardSix
          title="Authentic Brazilian Flavor, Elevated"
          description="Experience the rich traditions of Brazil with our signature cuts, fresh ingredients, and time-honored cooking techniques that define the Fogo de Chão dining experience."
          tag="Premium Steakhouse"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="split-description"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Prime Cuts & Fresh Ingredients",              description: "Our expertly selected meats are seasoned with traditional Brazilian spices and grilled to perfection over open flames.",              imageSrc: "https://img.b2bpic.net/free-photo/appetizing-grilled-fresh-steak-medium-roasted-white-plate-surrounded-by-green-grass_132075-13627.jpg",              imageAlt: "Prime beef cuts being grilled at Fogo de Chão"
            },
            {
              id: 2,
              title: "Traditional Side Dishes",              description: "Enjoy an array of authentic Brazilian sides including feijoada, rice pilaf, and fresh salads crafted with local produce.",              imageSrc: "https://img.b2bpic.net/free-photo/tasty-mojito-coctail_8353-1218.jpg",              imageAlt: "Traditional Brazilian side dishes served at the table"
            },
            {
              id: 3,
              title: "Warm & Inviting Atmosphere",              description: "Dine in our elegant yet cozy environment designed to make every guest feel like family.",              imageSrc: "https://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg",              imageAlt: "Cozy dining room atmosphere at Fogo de Chão"
            }
          ]}
          buttons={[
            { text: "View Menu", href: "#product-section" },
            { text: "Book a Table", href: "#contact-section" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="product-section" data-section="product-section">
        <ProductCardThree
          title="Authentic Brazilian Cuts"
          description="Experience the finest cuts of beef, pork, and chicken, grilled to perfection over our traditional fire pit. Each dish is crafted with passion and served with our signature side dishes."
          tag="Premium Selection"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Full Menu", href: "#features-section" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "picanha",              name: "Picanha",              price: "$28.99",              imageSrc: "https://img.b2bpic.net/free-photo/cutting-cooked-steak-food-photography-recipe-ide_53876-144780.jpg",              imageAlt: "Delicious Picanha steak",              initialQuantity: 1
            },
            {
              id: "frango",              name: "Frango Grelhado",              price: "$19.99",              imageSrc: "https://img.b2bpic.net/free-photo/grilled-meat-with-rosemary-lemon-picnic_23-2148167596.jpg",              imageAlt: "Grilled Chicken",              initialQuantity: 1
            },
            {
              id: "alcatra",              name: "Alcatra",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-beef-steak-with-peppercorn-sauce-wooden-board_140725-11849.jpg",              imageAlt: "Tender Alcatra steak",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="testimonial-section" data-section="testimonial-section">
        <TestimonialCardOne
          testimonials={[
            {
              id: "testimonial-1",              name: "Maria Silva",              role: "Food Critic",              company: "Gastronomy Weekly",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",              imageAlt: "Maria Silva, Food Critic at Gastronomy Weekly"
            },
            {
              id: "testimonial-2",              name: "Carlos Mendes",              role: "Event Planner",              company: "Elegant Occasions",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-smiling-lovers-looking-each-other-have-romantic-dinner-with-wine-food_171337-676.jpg",              imageAlt: "Carlos Mendes, Event Planner at Elegant Occasions"
            },
            {
              id: "testimonial-3",              name: "Ana Paula Rocha",              role: "Regular Diner",              company: "Local Food Blog",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/lovely-family-enjoying-new-year-party_23-2149173249.jpg",              imageAlt: "Ana Paula Rocha, Regular Diner and Local Food Blogger"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="What Our Guests Say"
          description="Discover why Fogo de Chão continues to be the premier destination for authentic Brazilian cuisine and unforgettable dining experiences."
          tag="Guest Experiences"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "View All Reviews", href: "#reviews" }
          ]}
          buttonAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Customer testimonials and reviews section"
          gridClassName="gap-6 md:gap-8"
          ratingClassName="flex items-center space-x-1 text-amber-500 mb-2"
          nameClassName="font-semibold text-gray-800"
          roleClassName="text-sm text-gray-500"
          companyClassName="text-xs text-gray-400 italic"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm
          title="Reserve Your Table at Fogo de Chão"
          description="We'd love to hear from you! Whether you're planning a special occasion or just craving the finest Brazilian steakhouse experience, our team is ready to assist you."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Your Phone Number"
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your special occasion or dining preferences...",            rows: 4
          }}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/young-female-barista-standing-inside-coffee-counter_93675-135319.jpg"
          imageAlt="Elegant dining room at Fogo de Chão with warm lighting and premium cuts of meat"
          mediaAnimation="slide-up"
          mediaPosition="left"
          buttonText="Send Reservation Request"
          ariaLabel="Contact section for making reservations at Fogo de Chão"
          className="py-16"
          containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
          contentClassName="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
          formCardClassName="bg-white rounded-xl shadow-lg p-8"
          titleClassName="text-3xl md:text-4xl font-bold text-gray-900 mb-4"
          descriptionClassName="text-lg text-gray-600 mb-6"
          buttonClassName="bg-pink-600 hover:bg-pink-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-300 ease-in-out transform hover:scale-105"
          buttonTextClassName="text-base"
          mediaWrapperClassName="relative overflow-hidden rounded-xl shadow-lg"
          mediaClassName="w-full h-full object-cover"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterBase
          columns={[
            {
              title: "Explore",              items: [
                { label: "Our Story", href: "#about-section" },
                { label: "Menu", href: "#product-section" },
                { label: "Special Events", href: "#features-section" },
                { label: "Reservations", href: "#contact-section" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact-section" },
                { label: "FAQs", href: "#testimonial-section" },
                { label: "Careers", href: "#about-section" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          logoText="Fogo de Chão"
          copyrightText="© 2025 Fogo de Chão. All rights reserved."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}