"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Coffee, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="large"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Ranok"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Community", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Ranok Coffee"
          description="Discover the finest specialty coffee in a warm, welcoming atmosphere. Every cup tells a story of craft and passion."
          background={{ variant: "sparkles-gradient" }}
          tag="Artisanal Coffee"
          tagIcon={Coffee}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg", imageAlt: "Premium espresso shot" },
            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg", imageAlt: "Latte art cappuccino" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-espresso-coffee-takeaway-paper-cup-stone-table-cafe-monotone-background-with-copy-space-coffee-break_166373-3732.jpg", imageAlt: "Roasted coffee beans" },
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-espresso-served-cup-with-coffee_24972-2324.jpg", imageAlt: "Creamy cappuccino" },
            { imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-square-plates-with-black-cup-dark-blue-background_179666-19299.jpg", imageAlt: "Cozy coffee shop interior" },
            { imageSrc: "http://img.b2bpic.net/free-photo/mug-drink-near-cheese-table_23-2148037608.jpg", imageAlt: "Warm coffee moment" }
          ]}
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Ranok"
          description="Crafted with passion, served with care"
          tabs={[
            {
              id: "quality",              label: "Quality First",              description: "We source the finest specialty coffee beans from ethical suppliers around the world. Each bean is carefully selected and roasted to perfection in our facility to bring you exceptional flavor in every cup."
            },
            {
              id: "community",              label: "Community Hub",              description: "Ranok is more than a coffee shop—it's a gathering place. We host local artists, support community events, and create spaces where connections happen naturally over great coffee."
            },
            {
              id: "expertise",              label: "Expert Baristas",              description: "Our skilled baristas are passionate about their craft. Trained in latte art, espresso techniques, and flavor profiles, they transform high-quality beans into extraordinary beverages."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-glass-counter-caf-shop_23-2147892915.jpg"
          imageAlt="Ranok coffee shop interior with barista"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Specialty Drinks"
          description="Hand-crafted beverages made with premium coffee and finest ingredients"
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$4.50",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-milk-coffee-with-wooden-background_23-2148251668.jpg",              imageAlt: "Rich single origin espresso"
            },
            {
              id: "2",              name: "Silky Cappuccino",              price: "$5.50",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-black-cup-plate-dark-surface-sugar-ceremony-glass-breakfast-cake-dessert-color-sweets_179666-24443.jpg",              imageAlt: "Perfect cappuccino with latte art"
            },
            {
              id: "3",              name: "Creamy Latte",              price: "$5.00",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-hot-coffee_658428-103.jpg",              imageAlt: "Smooth creamy latte"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Numbers that reflect our dedication to excellence"
          metrics={[
            {
              id: "1",              value: "8K+",              title: "Happy Customers Served",              items: ["Daily visitors from locals and travelers", "Growing community of coffee enthusiasts"]
            },
            {
              id: "2",              value: "25+",              title: "Specialty Drinks Available",              items: ["Seasonal limited editions", "Unique flavor combinations"]
            },
            {
              id: "3",              value: "5",              title: "Years of Excellence",              items: ["Trusted local establishment", "Award-winning barista team"]
            },
            {
              id: "4",              value: "100%",              title: "Ethical Sourcing",              items: ["Fair-trade certified beans", "Sustainable practices"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Community Says"
          description="Real stories from people who love Ranok"
          testimonials={[
            {
              id: "1",              title: "Best Coffee in the City",              quote: "I've tried countless coffee shops, and Ranok stands out. The quality is unmatched, and the atmosphere makes every visit special. It's become my daily ritual.",              name: "Sarah Mitchell",              role: "Regular Customer",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "A True Community Space",              quote: "More than just great coffee—it's the welcoming vibe and the caring staff that keep me coming back. Ranok feels like home.",              name: "James Chen",              role: "Coffee Enthusiast",              imageSrc: "http://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              title: "Perfect for Work & Connection",              quote: "I work from Ranok several times a week. The free wifi, comfortable seating, and friendly baristas create the ideal environment for productivity and connection.",              name: "Emma Rodriguez",              role: "Remote Professional",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              title: "Exceptional Quality & Care",              quote: "From the moment I step in, I feel valued. The baristas remember my order, and they genuinely care about creating the perfect drink for me every single time.",              name: "Marcus Thompson",              role: "Coffee Connoisseur",              imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Marcus Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Visit?"
          ctaDescription="Stop by Ranok for your next coffee experience. We're here to serve you with our finest brews and warmest welcome."
          ctaIcon={MapPin}
          ctaButton={{ text: "Get Directions", href: "https://maps.google.com" }}
          faqs={[
            {
              id: "1",              title: "What are your opening hours?",              content: "We're open Monday to Friday, 6:00 AM - 8:00 PM, and Saturday to Sunday, 7:00 AM - 9:00 PM. Visit us whenever you need your coffee fix!"
            },
            {
              id: "2",              title: "Do you offer WiFi?",              content: "Yes! Free high-speed WiFi is available to all our guests. Perfect for remote work, studying, or staying connected while enjoying your coffee."
            },
            {
              id: "3",              title: "Can I order online for pickup?",              content: "We're currently serving orders at our counter. For special bulk orders or catering inquiries, please call us directly to discuss your needs."
            },
            {
              id: "4",              title: "Are there vegan options?",              content: "Absolutely! We offer plant-based milk alternatives including oat, almond, soy, and coconut milk for all our coffee drinks at no extra charge."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Ranok",              items: [
                { label: "About Us", href: "about" },
                { label: "Menu", href: "products" },
                { label: "Community", href: "testimonials" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "Directions", href: "https://maps.google.com" },
                { label: "Hours", href: "contact" },
                { label: "Book Event", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Ranok Coffee. Crafted with passion, served with care."
        />
      </div>
    </ThemeProvider>
  );
}