"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Coffee, BookOpen, Heart, Star, Home, Settings, ShoppingCart, Zap, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="large"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="BrewCraft"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Order Now", id: "https://www.example.com/order" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Craft Your Perfect Coffee Experience"
          description="Discover premium, ethically-sourced coffee handcrafted to perfection. From morning espresso to afternoon pour-over, we brew excellence in every cup."
          tag="Premium Coffee Shop"
          tagIcon={Coffee}
          buttons={[
            { text: "Order Now", href: "https://www.example.com/order" },
            { text: "Learn More", href: "about" }
          ]}
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Today's Specials",            logoIcon: Coffee,
            imageSrc: "https://img.b2bpic.net/free-photo/man-apron-preparing-coffee-machine_23-2148366708.jpg",            searchPlaceholder: "Find your favorite brew...",            buttons: [
              { text: "Menu", href: "https://www.example.com/menu" },
              { text: "Book Table", href: "https://www.example.com/book" }
            ],
            sidebarItems: [
              { icon: Home },
              { icon: Heart },
              { icon: Settings }
            ],
            stats: [
              {
                title: "Happy Customers",                values: [5420, 6890, 8750],
                description: "Served daily"
              },
              {
                title: "Coffee Roasts",                values: [12, 15, 18],
                description: "Artisan varieties"
              },
              {
                title: "Years of Excellence",                values: [5, 6, 7],
                description: "Brewing tradition"
              }
            ],
            chartTitle: "Daily Sales",            chartData: [
              { value: 65 },
              { value: 45 },
              { value: 80 },
              { value: 50 },
              { value: 90 }
            ],
            listTitle: "Recent Orders",            listItems: [
              { icon: ShoppingCart, title: "Double Espresso", status: "Ready" },
              { icon: Coffee, title: "Oat Milk Latte", status: "Brewing" },
              { icon: Zap, title: "Cold Brew", status: "Ready" }
            ]
          }}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={BookOpen}
          title="Where Passion Meets Every Pour"
          description="Founded by coffee enthusiasts"
          subdescription="BrewCraft Coffee Roastery"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/bar-concept_23-2147798043.jpg"
          imageAlt="BrewCraft Coffee Shop Interior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Coffee Selection"
          description="Explore our handpicked collection of premium coffee blends and single-origin roasts"
          tag="Best Sellers"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Classic Latte",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/apple-pie-cappuccino-wooden-table_501050-915.jpg",              imageAlt: "Classic Latte with smooth microfoam"
            },
            {
              id: "2",              name: "Cappuccino Artisan",              price: "$6.00",              imageSrc: "https://img.b2bpic.net/free-photo/cup-creamy-cappuccino_140725-6009.jpg",              imageAlt: "Cappuccino with latte art"
            },
            {
              id: "3",              name: "Bold Americano",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-glass-cappuccino_140725-13865.jpg",              imageAlt: "Strong and bold Americano"
            }
          ]}
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Why Coffee Lovers Choose BrewCraft"
          description="Experience the difference quality and passion make in every cup"
          tag="Our Commitment"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",              title: "Ethically Sourced",              description: "We partner directly with farmers to ensure fair trade and sustainable practices",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-beans-glass-jar-black-background-closeup-selective-focus-vertical-frame-roasting-preparing-coffee-vertical-frame_166373-2289.jpg",              imageAlt: "Ethically sourced coffee beans"
            },
            {
              id: "02",              title: "Expert Roasting",              description: "Our master roasters bring out unique flavor profiles in every batch",              imageSrc: "https://img.b2bpic.net/free-photo/bar-concept_23-2147798043.jpg",              imageAlt: "Expert roasting process"
            },
            {
              id: "03",              title: "Premium Quality",              description: "Carefully selected beans roasted fresh daily for maximum flavor and aroma",              imageSrc: "https://img.b2bpic.net/free-photo/man-apron-preparing-coffee-machine_23-2148366708.jpg",              imageAlt: "Premium coffee quality"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Join thousands of coffee lovers who start their day at BrewCraft"
          tag="Customer Love"
          textboxLayout="default"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahloves_coffee",              testimonial: "The best coffee I've had in years! Every visit is consistent, and the atmosphere is so welcoming. BrewCraft has become my daily ritual.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              handle: "@jchen_mornings",              testimonial: "As a coffee enthusiast, I appreciate the care put into each cup. The roasting quality is exceptional, and the staff really knows their craft.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emma_coffee_blog",              testimonial: "I've featured BrewCraft on my coffee blog multiple times. They're doing something special here—genuine passion for quality and sustainability.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Marcus Williams",              handle: "@marcus_espresso",              testimonial: "Perfect pour-over technique, incredible flavor complexity, and the team's knowledge is impressive. This is my go-to spot every morning.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Marcus Williams"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Impact in Numbers"
          description="The BrewCraft story told through metrics that matter"
          tag="By the Numbers"
          textboxLayout="default"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "25K+",              title: "Cups Served",              description: "Annually crafted with care",              imageSrc: "https://img.b2bpic.net/free-photo/apple-pie-cappuccino-wooden-table_501050-915.jpg",              imageAlt: "Cups of coffee served"
            },
            {
              id: "2",              value: "98%",              title: "Customer Satisfaction",              description: "Happiness in every sip",              imageSrc: "https://img.b2bpic.net/free-photo/bar-concept_23-2147798043.jpg",              imageAlt: "Happy customers in café"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Caffeinated with Our Latest News"
          description="Subscribe to our newsletter for exclusive brewing tips, new roast announcements, and special member-only offers delivered to your inbox."
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-smiling-waitress-using-coffee-machine_107420-12297.jpg"
          imageAlt="Coffee morning newsletter signup"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. No spam, just great coffee content."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Shop",              items: [
                { label: "Menu", href: "https://www.example.com/menu" },
                { label: "Order Online", href: "https://www.example.com/order" },
                { label: "Gift Cards", href: "https://www.example.com/gifts" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "https://www.example.com/careers" },
                { label: "Blog", href: "https://www.example.com/blog" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "contact" },
                { label: "Instagram", href: "https://instagram.com/brewcraft" },
                { label: "Facebook", href: "https://facebook.com/brewcraft" }
              ]
            }
          ]}
          copyrightText="© 2025 BrewCraft Coffee. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}