"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Coffee, Sparkles, Users, Globe, Award, Leaf } from "lucide-react";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="BrewMoment"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          
            { name: "Blog", id: "/blog" },
]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Craft Your Perfect Cup"
          description="Experience the finest specialty coffee made with passion, precision, and the highest quality beans from around the world."
          tag="Premium Coffee"
          tagIcon={Coffee}
          background={{ variant: "plain" }}
          buttons={[
            { text: "Browse Menu", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Freshly pulled espresso shot"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "3",              imageSrc: "https://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: "Refreshing cold brew coffee"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",              imageAlt: "Coffee shop ambiance"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Premium espresso blend"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",              imageAlt: "Artisanal coffee creation"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Premium Selection"
          description="Handcrafted beverages made with meticulous attention to detail and the finest ingredients available."
          tag="Best Sellers"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$4.50",              imageSrc: "https://img.b2bpic.net/free-photo/leftover-coffee-black-cup-window-sill_23-2147898257.jpg",              imageAlt: "Single Origin Espresso"
            },
            {
              id: "2",              name: "Signature Cappuccino",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg",              imageAlt: "Signature Cappuccino"
            },
            {
              id: "3",              name: "Iced Cold Brew",              price: "$4.75",              imageSrc: "https://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: "Iced Cold Brew"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Coffee Story"
          description="Discover the passion and craftsmanship behind every cup."
          tabs={[
            {
              id: "sourcing",              label: "Ethical Sourcing",              description: "We partner directly with sustainable coffee farms around the globe, ensuring fair wages and environmentally responsible practices. Every bean tells a story of dedication and quality."
            },
            {
              id: "roasting",              label: "Expert Roasting",              description: "Our in-house roastery uses traditional methods combined with precision technology to bring out the unique flavor profiles of each origin, creating the perfect roast every single time."
            },
            {
              id: "community",              label: "Community Focus",              description: "More than just coffee, we're building a community. Our space is designed for connection, collaboration, and celebrating the simple joy of a perfectly crafted beverage."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Our cozy coffee shop interior with welcoming atmosphere"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="BrewMoment has completely transformed my morning routine. The quality of the coffee is unmatched, and the atmosphere makes me want to stay all day. Highly recommended!"
          rating={5}
          author="Sarah Mitchell, Coffee Enthusiast"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg",              alt: "Customer testimonial"
            },
            {
              src: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",              alt: "Customer testimonial"
            },
            {
              src: "https://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",              alt: "Customer testimonial"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact"
          description="Join thousands of coffee lovers who have discovered their perfect brew."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "5K+",              title: "Happy Customers",              description: "Daily coffee enthusiasts enjoying our blends",              icon: Users
            },
            {
              id: "2",              value: "15",              title: "Origins",              description: "Premium coffee sources from around the world",              icon: Globe
            },
            {
              id: "3",              value: "8",              title: "Years",              description: "Of dedicated coffee craftsmanship",              icon: Award
            },
            {
              id: "4",              value: "100%",              title: "Sustainable",              description: "Ethically sourced and environmentally conscious",              icon: Leaf
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about our coffee or want to place a special order? We'd love to hear from you. Reach out anytime and we'll respond within 24 hours."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your coffee preferences or questions...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/different-office-stationery-arranged-white-table-co-working-office_285396-1793.jpg"
          imageAlt="Coffee shop setup and brewing equipment"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="BrewMoment"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "Products", href: "products" },
                { label: "About Us", href: "about" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            },
            {
              items: [
                { label: "Follow Us", href: "#" },
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}