"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Star, Award, ThumbsUp, Leaf } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="ORA"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Gallery", id: "gallery" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Table", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="ORA"
          description="Where Taste Speaks for Itself – A Fine Dining Experience in Podujevë."
          buttons={[
            { text: "Reserve a Table", href: "contact" },
            { text: "View Menu", href: "menu" }
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-caviar-shrimps_140725-6375.jpg",              imageAlt: "Fine dining gourmet presentation"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=1",              imageAlt: "Luxury restaurant interior ambiance"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg?_wi=1",              imageAlt: "Premium fine dining experience"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="About Restaurant ORA"
          description="Experience culinary excellence with Restaurant ORA – Podujevë's premier fine dining destination. With a stellar 4.7-star rating across 365+ reviews, we pride ourselves on sourcing the freshest, highest-quality ingredients and delivering them with impeccable service in an elegant atmosphere that inspires memorable moments."
          tag="Excellence"
          imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=2"
          imageAlt="Restaurant ORA elegant dining environment"
          buttons={[{ text: "Learn More", href: "#" }]}
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardFour
          title="Our Menu"
          description="Discover our carefully curated selection of fine dining dishes, each crafted with premium ingredients and presented with artistic precision."
          tag="Culinary Excellence"
          products={[
            {
              id: "starters-1",              name: "Pan-Seared Scallops",              price: "€18.50",              variant: "With seasonal vegetables",              imageSrc: "http://img.b2bpic.net/free-photo/salmon-sandwiches-with-cream-cheese-microgreen-wooden-table-canape-with-salmon_2829-11187.jpg",              imageAlt: "Pan-seared scallops with vegetables"
            },
            {
              id: "pasta-1",              name: "Seafood Risotto",              price: "€24.00",              variant: "Premium saffron infusion",              imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-grated-cheese-greens-cherry-tomato-top_140725-7995.jpg",              imageAlt: "Luxury seafood risotto"
            },
            {
              id: "steak-1",              name: "Prime Biftek",              price: "€48.00",              variant: "Aged 45 days, truffle butter",              imageSrc: "http://img.b2bpic.net/free-photo/tuna-salad-with-vegetables-plate_140725-5555.jpg",              imageAlt: "Premium aged biftek steak"
            },
            {
              id: "platters-1",              name: "Mixed Meat Platters",              price: "€56.00",              variant: "For 2-3 guests, selection varies",              imageSrc: "http://img.b2bpic.net/free-photo/antipasto-catering-platter-with-bacon-jerky-sausage-blue-cheese-grapes-wooden-table-top-view_2829-5496.jpg",              imageAlt: "Gourmet mixed meat platters"
            },
            {
              id: "drinks-1",              name: "Wine Selection",              price: "€12-95",              variant: "Curated international collection",              imageSrc: "http://img.b2bpic.net/free-photo/rose-cocktail-table_140725-1416.jpg",              imageAlt: "Fine dining wine selection"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardEight
          title="Gallery"
          description="Immerse yourself in the visual story of Restaurant ORA through our curated collection of food, interior design, and dining atmosphere photography."
          tag="Visual Journey"
          features={[
            {
              id: 1,
              title: "Culinary Artistry",              description: "Exquisitely plated dishes showcasing our chefs' dedication to gastronomic excellence and visual presentation.",              imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg"
            },
            {
              id: 2,
              title: "Sophisticated Interiors",              description: "Elegant dining spaces designed to complement your fine dining experience with luxury and comfort.",              imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg"
            },
            {
              id: 3,
              title: "Refined Ambiance",              description: "Carefully crafted atmosphere with ambient lighting and premium table settings for unforgettable moments.",              imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018852.jpg"
            },
            {
              id: 4,
              title: "Premium Experience",              description: "Every detail curated to deliver an exceptional fine dining journey from arrival to departure.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg?_wi=2"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardSixteen
          title="What Our Guests Say"
          description="Discover why Restaurant ORA has earned its exceptional 4.7-star rating with 365+ authentic guest reviews celebrating our cuisine, service, and atmosphere."
          tag="Guest Reviews"
          testimonials={[
            {
              id: "1",              name: "Elena Dimitrova",              role: "Food Critic",              company: "Balkans Culinary Magazine",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
            },
            {
              id: "2",              name: "Stefan Nikolić",              role: "Business Executive",              company: "Premium Events Group",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
            },
            {
              id: "3",              name: "Maja Petrović",              role: "Wedding Planner",              company: "Luxe Celebrations",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"
            },
            {
              id: "4",              name: "Aleksandar Krasniqi",              role: "Hospitality Director",              company: "European Hotels Consortium",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4"
            },
            {
              id: "5",              name: "Olivera Stanković",              role: "Travel Journalist",              company: "Balkans Travel Weekly",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5"
            },
            {
              id: "6",              name: "David Koliqi",              role: "Sommelier",              company: "Wine Experts International",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6"
            }
          ]}
          kpiItems={[
            { value: "4.7★", label: "Average Rating" },
            { value: "365+", label: "Guest Reviews" },
            { value: "98%", label: "Satisfaction Rate" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Restaurant ORA By The Numbers"
          description="Our commitment to excellence is reflected in these key achievements that define our fine dining legacy."
          tag="Our Achievements"
          metrics={[
            {
              id: "1",              value: "4.7",              title: "Star Rating",              description: "Consistent excellence across 365+ verified reviews",              icon: Star
            },
            {
              id: "2",              value: "15",              title: "Years",              description: "Of fine dining expertise and culinary innovation",              icon: Award
            },
            {
              id: "3",              value: "365",              title: "Reviews",              description: "Verified guest testimonials celebrating our service",              icon: ThumbsUp
            },
            {
              id: "4",              value: "100%",              title: "Premium",              description: "Fresh, locally-sourced, and ethically-sourced ingredients",              icon: Leaf
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience fine dining at its finest? Reserve your table at Restaurant ORA today and discover culinary excellence in Podujevë."
          animationType="entrance-slide"
          buttons={[
            { text: "Make a Reservation", href: "#" },
            { text: "Contact Us", href: "#" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="ORA"
          copyrightText="© 2025 Restaurant ORA Podujevë | Culinary Excellence"
          columns={[
            {
              title: "Restaurant",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Menu", href: "#menu" },
                { label: "Gallery", href: "#gallery" },
                { label: "Reservations", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: +383 38 123 456", href: "#" },
                { label: "Email: info@restaurantora.com", href: "#" },
                { label: "4th km, Highway Podujevë-Merdare", href: "#" },
                { label: "Hours: 12pm - 11pm Daily", href: "#" }
              ]
            },
            {
              title: "Follow",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "TripAdvisor", href: "https://tripadvisor.com" },
                { label: "Google Reviews", href: "https://google.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
