"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Coffee, Zap, Sparkles, Users, Globe, Award, CheckCircle, Mail, MapPin, Phone, Clock } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Abu Saleh"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Why Us", id: "metrics" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "#menu" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Abu Saleh Coffee"
          description="Awake. Anytime. Experience premium specialty coffee 24/7. Crafted with passion, served with excellence in the heart of Amman, Jordan."
          background={{ variant: "glowing-orb" }}
          buttons={[
            { text: "Explore Menu", href: "#menu" },
            { text: "Visit Us", href: "#contact" }
          ]}
          layoutOrder="default"
          videoSrc="https://videos.pexels.com/video-files/3373729/3373729-sd_640_360_25fps.mp4"
          videoAriaLabel="Coffee pouring into cup"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="opacity"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Abu Saleh"
          tagIcon={Sparkles}
          title="Premium Coffee, Always Available"
          description="4.3★ Rating | 24/7 Service"
          subdescription="Serving Amman's coffee lovers with the finest specialty brews, exceptional service, and a luxurious atmosphere around the clock."
          icon={Coffee}
          imageSrc="https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=800&q=80"
          imageAlt="Premium coffee beans and equipment"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Our Menu Selection"
          description="Handcrafted beverages made with precision and passion"
          tag="Specialty Beverages"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "8 JD",              imageSrc: "https://images.unsplash.com/photo-1514432324607-2e467f4af445?w=400&q=80",              imageAlt: "Rich espresso shot"
            },
            {
              id: "2",              name: "Iced Cold Brew",              price: "7 JD",              imageSrc: "https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=400&q=80",              imageAlt: "Refreshing cold brew"
            },
            {
              id: "3",              name: "Cardamom Latte",              price: "9 JD",              imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=400&q=80",              imageAlt: "Creamy cardamom latte"
            },
            {
              id: "4",              name: "Caramel Macchiato",              price: "8.5 JD",              imageSrc: "https://images.unsplash.com/photo-1578314675288-ffb47cafbf65?w=400&q=80",              imageAlt: "Smooth caramel macchiato"
            },
            {
              id: "5",              name: "Chocolate Mousse Dessert",              price: "6 JD",              imageSrc: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=400&q=80",              imageAlt: "Rich chocolate mousse"
            },
            {
              id: "6",              name: "Fresh Croissant",              price: "5 JD",              imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561404?w=400&q=80",              imageAlt: "Buttery croissant"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Why Choose Abu Saleh"
          description="Experience excellence in every visit"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "24/7",              title: "Always Open",              description: "Serve you anytime, day or night",              icon: Clock
            },
            {
              id: "2",              value: "Affordable",              title: "Premium Quality",              description: "Luxury coffee at fair prices",              icon: Coffee
            },
            {
              id: "3",              value: "Expert",              title: "Skilled Baristas",              description: "Master craftspeople",              icon: Award
            },
            {
              id: "4",              value: "100%",              title: "Satisfaction",              description: "Customer love guaranteed",              icon: CheckCircle
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Coffee Lovers Say"
          description="Join hundreds of satisfied customers who visit us daily"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "Best Coffee in Amman",              quote: "Abu Saleh serves the finest coffee I've ever tasted. The 24/7 availability is perfect for my late nights. Absolutely worth every visit!",              name: "Fatima Al-Rashid",              role: "Coffee Enthusiast",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop",              imageAlt: "Fatima Al-Rashid"
            },
            {
              id: "2",              title: "Perfect Midnight Coffee Run",              quote: "The 24/7 service is a game-changer. I can get my favorite espresso at 2 AM. The quality never compromises, even at odd hours!",              name: "Mohammed Hassan",              role: "Regular Customer",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&_wi=1",              imageAlt: "Mohammed Hassan"
            },
            {
              id: "3",              title: "Exceptional Value",              quote: "For the quality of coffee and ambiance, the prices are incredibly fair. Abu Saleh offers luxury experience at reasonable rates.",              name: "Layla Mansour",              role: "Business Owner",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=200&fit=crop",              imageAlt: "Layla Mansour"
            },
            {
              id: "4",              title: "Baristas Really Know Their Craft",              quote: "The team at Abu Saleh are true coffee artisans. Every drink is prepared with precision and passion. I'm a regular for a reason!",              name: "Amir Khalil",              role: "Coffee Connoisseur",              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop&_wi=1",              imageAlt: "Amir Khalil"
            },
            {
              id: "5",              title: "My New Favorite Place",              quote: "Finally found a café that combines premium quality, amazing ambiance, and genuine hospitality. Abu Saleh is now my go-to spot!",              name: "Sara Ibrahim",              role: "Daily Visitor",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&_wi=2",              imageAlt: "Sara Ibrahim"
            },
            {
              id: "6",              title: "Always Consistent",              quote: "Whether I visit at 9 AM or 9 PM, the quality and service are always outstanding. Abu Saleh sets the standard for coffee excellence.",              name: "Zain Al-Saeed",              role: "Coffee Lover",              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop&_wi=2",              imageAlt: "Zain Al-Saeed"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Mail}
          title="Visit Abu Saleh Coffee Today"
          description="Discover our premium coffee experience in the heart of Amman. We're open 24/7 to serve you."
          background={{ variant: "radial-gradient" }}
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="Stay updated with exclusive offers and new blends."
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Abu Saleh Coffee"
          columns={[
            {
              items: [
                { label: "Home", href: "#hero" },
                { label: "Menu", href: "#menu" },
                { label: "About Us", href: "#about" }
              ]
            },
            {
              items: [
                { label: "📍 Amman, Jordan", href: "#" },
                { label: "☎️ +962 6 123 4567", href: "#" },
                { label: "⏰ Open 24/7", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
