"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Clock, Flame, Users, ChefHat } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="blurBottom"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Home", id: "home" },
              { name: "About", id: "about" },
              { name: "Menu", id: "menu" },
              { name: "Reviews", id: "reviews" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="Haji's Cafe"
            button={{ text: "Reserve Now", href: "#contact" }}
          />
        </div>

        <div id="home" data-section="home">
          <HeroCentered
            background={{ variant: "radial-gradient" }}
            title="The Taste of Old Bahrain Since 1950"
            description="Authentic Bahraini breakfast and traditions served in the heart of Manama Souq."
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/top-view-breakfast-table-with-mixed-foods_114579-3565.jpg", alt: "traditional Bahraini breakfast" },
              { src: "http://img.b2bpic.net/free-photo/breakfast-with-various-food-black-tea_140725-1714.jpg", alt: "Breakfast with various food and black tea" },
              { src: "http://img.b2bpic.net/free-photo/breakfast-setup-with-egg-sausages-dish-fig-jam-olive-butter-cheese-tea_140725-8259.jpg", alt: "Breakfast setup with egg and sausages dish fig jam olive butter cheese and tea" },
              { src: "http://img.b2bpic.net/free-photo/breakfast-with-kyukyu-butter-with-cheese-sausages_140725-9340.jpg", alt: "Breakfast with kyukyu and butter with cheese and sausages" },
              { src: "http://img.b2bpic.net/free-photo/meat-crepe-with-sour-cream_140725-9571.jpg", alt: "Meat crepe with sour cream" }
            ]}
            buttons={[
              { text: "Explore Menu", href: "#menu" },
              { text: "Visit Us", href: "#contact" }
            ]}
            marqueeItems={[
              { type: "text", text: "Authentic Heritage" },
              { type: "text", text: "Fresh Karak Tea" },
              { type: "text", text: "Manama Traditions" },
              { type: "text", text: "Since 1950" },
              { type: "text", text: "Daily Fresh Bread" }
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <AboutMetric
            useInvertedBackground={false}
            title="A Legacy of Tradition"
            metrics={[
              { icon: Clock, label: "Years Serving", value: "74" },
              { icon: Users, label: "Daily Customers", value: "500+" },
              { icon: Award, label: "Tradition Dishes", value: "30+" }
            ]}
            metricsAnimation="slide-up"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTen
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            title="Authentic Heritage Experience"
            description="Discover the flavours that define Bahraini hospitality."
            features={[
              {
                title: "Fresh Morning Bread",                description: "Hand-baked daily using traditional techniques.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055851.jpg", imageAlt: "Fresh Bread" },
                items: [
                  { icon: ChefHat, text: "Authentic" },
                  { icon: Flame, text: "Fresh" }
                ],
                reverse: false
              }
            ]}
          />
        </div>

        <div id="menu" data-section="menu">
          <ProductCardFour
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            title="Our Signature Menu"
            description="Traditional breakfast and tea rituals."
            products={[
              { id: "1", name: "Karak Tea", price: "0.500 BHD", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/side-view-bun-with-butter-red-fish-plate-with-sauce_141793-4780.jpg" },
              { id: "2", name: "Traditional Bread", price: "0.200 BHD", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-dessert-smoothie-tea-white-round-table_23-2148067133.jpg" },
              { id: "3", name: "Balaleet", price: "1.200 BHD", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruit-salad-with-pineapple-bananas-berries-white-plate_140725-12377.jpg" },
              { id: "4", name: "Eggs & Tomato", price: "1.500 BHD", variant: "Savory", imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-dates-nuts-dry-fruits_114579-2578.jpg" },
              { id: "5", name: "Samosa", price: "0.300 BHD", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-with-wooden-board_23-2148747690.jpg" },
              { id: "6", name: "Luqaimat", price: "1.000 BHD", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-leaf-dolma-delicious-eastern-meat-meal-rolled-inside-green-leaves-with-seasonings-blue-desk-meat-food-dinner-dish-vegetable-health-meal_140725-64862.jpg" }
            ]}
          />
        </div>

        <div id="pricing" data-section="pricing">
          <PricingCardOne
            animationType="depth-3d"
            textboxLayout="default"
            useInvertedBackground={true}
            title="Set Menus & Recommendations"
            description="Curated experiences for your breakfast."
            plans={[
              { id: "breakfast", badge: "Popular", price: "3.500 BHD", subtitle: "Full experience", features: ["Karak", "Bread", "Balaleet"] },
              { id: "tea", badge: "Quick", price: "1.500 BHD", subtitle: "Light snack", features: ["Karak", "Samosa"] },
              { id: "family", badge: "Group", price: "10.000 BHD", subtitle: "For 4 people", features: ["Full Assortment"] }
            ]}
          />
        </div>

        <div id="reviews" data-section="reviews">
          <TestimonialCardFifteen
            useInvertedBackground={false}
            testimonial="The best experience in Bahrain. Felt like going back in time to the soul of Manama."
            rating={5}
            author="Sarah & David"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg", alt: "Sarah" },
              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg", alt: "Customer 1" },
              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg", alt: "Customer 2" },
              { src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Customer 3" },
              { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg", alt: "Customer 4" }
            ]}
            ratingAnimation="blur-reveal"
            avatarsAnimation="blur-reveal"
          />
        </div>

        <div id="blog" data-section="blog">
          <BlogCardTwo
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            title="Stories from the Souq"
            description="Capturing the essence of Bahrain's traditions."
            blogs={[
              { id: "1", category: "History", title: "Serving Tradition since 1950", excerpt: "The story of Haji's cafe.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-traveling-alone-summer_23-2149034864.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/hipster-man-listening-music-with-his-smartphone-street-urban_1150-1476.jpg", date: "2023-10-01" },
              { id: "2", category: "Food", title: "Secret of Karak Tea", excerpt: "How to make the perfect karak.", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-shop-market-marrakech_268835-3954.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-tunnel-leading-beach_181624-19025.jpg", date: "2023-10-05" },
              { id: "3", category: "Culture", title: "Souq Morning Vibes", excerpt: "Walking through old Manama.", imageSrc: "http://img.b2bpic.net/free-photo/corridor-with-different-shops_1122-1398.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/vibrant-night-market-cultural-abundance-motion-generated-by-ai_188544-15232.jpg", date: "2023-10-10" }
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={false}
            background={{ variant: "radial-gradient" }}
            tag="Visit Us"
            title="Book Your Table"
            description="Enjoy traditional hospitality in the heart of Bahrain."
            buttons={[{ text: "Reserve Now", href: "#" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              { title: "Links", items: [{ label: "Home", href: "#home" }, { label: "Menu", href: "#menu" }] },
              { title: "Legal", items: [{ label: "Privacy", href: "#" }] }
            ]}
            bottomLeftText="© 1950 Haji's Cafe"
            bottomRightText="Made with pride in Bahrain."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
