"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ArrowRight, Coffee, Heart, Leaf, Mail, MapPin, Menu, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Brew Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Locations", id: "locations" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Your Daily Coffee Ritual Starts Here"
          description="Discover the perfect brew crafted with passion and premium beans. From bold espresso to smooth lattes, we bring café excellence to your cup."
          tag="Premium Coffee"
          tagIcon={Coffee}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/delicious-cheese-bread-arrangement_23-2149042439.jpg",              imageAlt: "Fresh morning coffee"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/little-beverage-shot-wooden-board_140725-2421.jpg",              imageAlt: "Rich espresso shot"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg",              imageAlt: "Creamy latte"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/view-tool-used-coffee-press_23-2149878122.jpg",              imageAlt: "Artisan cappuccino"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2309.jpg",              imageAlt: "Quality coffee beans"
            }
          ]}
          buttons={[
            { text: "Order Now", href: "#menu" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Our Story"
          tagIcon={Leaf}
          title="Crafting the Perfect Cup Since 2010. We source the finest beans from sustainable farms around the world, roast them with precision, and serve them with passion. Every cup tells a story of quality, integrity, and love for coffee."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Our Beans", href: "#menu" }
          ]}
        />
      </div>

      <div id="featured" data-section="featured">
        <FeatureCardTwentySix
          title="Signature Creations"
          description="Handpicked favorites that define our coffee experience"
          tag="Bestsellers"
          tagIcon={Star}
          features={[
            {
              title: "The Classic Espresso",              description: "Bold, intense, and pure. The foundation of coffee excellence.",              imageSrc: "https://img.b2bpic.net/free-photo/ice-black-coffee-glass-wooden-table_1150-13459.jpg",              imageAlt: "Single espresso shot",              buttonIcon: ArrowRight,
              buttonHref: "#menu"
            },
            {
              title: "Smooth Americano",              description: "Espresso with hot water for a bold yet approachable taste.",              imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",              imageAlt: "Americano coffee",              buttonIcon: ArrowRight,
              buttonHref: "#menu"
            },
            {
              title: "Creamy Macchiato",              description: "Espresso topped with velvety steamed milk foam.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-ice-cappuccino-glass-wooden-plate-with-decorations-black_181624-24413.jpg",              imageAlt: "Macchiato beverage",              buttonIcon: ArrowRight,
              buttonHref: "#menu"
            },
            {
              title: "Perfect Cortado",              description: "Equal parts espresso and steamed milk in perfect balance.",              imageSrc: "https://img.b2bpic.net/free-photo/assortment-with-frappe-dark-background_23-2148436976.jpg",              imageAlt: "Cortado drink",              buttonIcon: ArrowRight,
              buttonHref: "#menu"
            },
            {
              title: "Rich Cappuccino",              description: "The Italian way. Bold espresso with thick, luxurious foam.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-ice-cappuccino-glass-wooden-plate-with-decorations-black_181624-24413.jpg",              imageAlt: "Cappuccino",              buttonIcon: ArrowRight,
              buttonHref: "#menu"
            },
            {
              title: "Silky Latte",              description: "Smooth espresso with steamed milk and a touch of foam.",              imageSrc: "https://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg",              imageAlt: "Latte coffee",              buttonIcon: ArrowRight,
              buttonHref: "#menu"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Our Complete Menu"
          description="Explore our full range of carefully crafted coffee beverages"
          tag="Full Menu"
          tagIcon={Menu}
          products={[
            {
              id: "1",              brand: "Brew Haven",              name: "Single Espresso",              price: "$3.50",              rating: 5,
              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/ice-black-coffee-glass-wooden-table_1150-13459.jpg",              imageAlt: "Single espresso shot"
            },
            {
              id: "2",              brand: "Brew Haven",              name: "Double Espresso",              price: "$4.50",              rating: 5,
              reviewCount: "312",              imageSrc: "https://img.b2bpic.net/free-photo/little-beverage-shot-wooden-board_140725-2421.jpg",              imageAlt: "Double espresso"
            },
            {
              id: "3",              brand: "Brew Haven",              name: "Americano",              price: "$4.00",              rating: 5,
              reviewCount: "425",              imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",              imageAlt: "Americano coffee"
            },
            {
              id: "4",              brand: "Brew Haven",              name: "Cappuccino",              price: "$5.00",              rating: 5,
              reviewCount: "598",              imageSrc: "https://img.b2bpic.net/free-photo/view-tool-used-coffee-press_23-2149878122.jpg",              imageAlt: "Cappuccino"
            },
            {
              id: "5",              brand: "Brew Haven",              name: "Latte",              price: "$5.00",              rating: 5,
              reviewCount: "523",              imageSrc: "https://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg",              imageAlt: "Latte coffee"
            },
            {
              id: "6",              brand: "Brew Haven",              name: "Macchiato",              price: "$4.75",              rating: 5,
              reviewCount: "341",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-ice-cappuccino-glass-wooden-plate-with-decorations-black_181624-24413.jpg",              imageAlt: "Macchiato"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Love"
          description="Real stories from coffee lovers who visit us daily"
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Regular Customer",              company: "Morning Ritual Enthusiast",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              role: "Coffee Connoisseur",              company: "Specialty Coffee Lover",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/hipster-couple-talking-cafe_329181-2075.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Business Owner",              company: "Meeting Spot Expert",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Adams",              role: "Student",              company: "Daily Visitor",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-handsome-man-meeting_329181-1766.jpg",              imageAlt: "Michael Adams"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="locations" data-section="locations">
        <MetricCardEleven
          title="Visit Us"
          description="Multiple locations to serve your coffee needs"
          tag="Locations"
          tagIcon={MapPin}
          metrics={[
            {
              id: "1",              value: "Downtown",              title: "Main Store",              description: "123 Coffee Lane, City Center",              imageSrc: "https://img.b2bpic.net/free-photo/interior-architecture-cafe-design-concept_53876-23391.jpg",              imageAlt: "Downtown storefront"
            },
            {
              id: "2",              value: "Uptown",              title: "Second Location",              description: "456 Bean Street, Uptown Plaza",              imageSrc: "https://img.b2bpic.net/free-psd/coffee-shop-menu-template_23-2148459144.jpg",              imageAlt: "Uptown location"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          title="Ready to Experience Brew Haven?"
          description="Visit us today for freshly brewed coffee or reach out with any questions. We're here to serve you with passion."
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Visit Us", href: "#locations" },
            { text: "Contact Support" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Brew Haven"
          columns={[
            {
              items: [
                { label: "About", href: "about" },
                { label: "Menu", href: "menu" },
                { label: "Locations", href: "locations" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Order Online", href: "menu" },
                { label: "Gift Cards", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sustainability", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}