"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Coffee, Leaf, Star, Mail, Phone, MapPin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="smallSizeLargeTitles"
      background="noise"
      cardStyle="glass-outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "contact"
          }}
          brandName="CoffeeBlend"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146064529-il0c9waa.jpg"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          tag="Premium Coffee"
          tagIcon={Coffee}
          title="Craft Your Perfect Cup Every Morning"
          description="Discover freshly roasted, ethically sourced coffee blends designed to elevate your daily ritual. From bold espresso to smooth cold brew, we have the perfect roast for every palate."
          buttons={[
            {
              text: "Shop Collection",
              href: "products"
            },
            {
              text: "Learn Our Story",
              href: "about"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146066040-2r8kg9lr.jpg"
          imageAlt="Premium coffee in elegant cup"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          variant="card"
          title="Our Coffee Journey"
          description="We believe every cup tells a story. Since 2015, CoffeeBlend has been sourcing the finest beans from sustainable farms around the world."
          tag="Our Mission"
          textboxLayout="default"
          contentTag="CRAFTED WITH CARE"
          contentTagIcon={Leaf}
          contentTitle="Roasted to Perfection"
          contentDescription="Each batch is carefully roasted by our master roasters to bring out the unique character and flavor profile of every origin. We control every step from bean to cup, ensuring exceptional quality with every brew."
          contentButtons={[
            {
              text: "Explore Our Process",
              href: "products"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146067641-zn7khe3e.jpg"
          imageAlt="Premium roasted coffee beans"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFive
          title="Signature Collections"
          description="Hand-selected roasts crafted for different moments, moods, and tastes. Find your favorite today."
          tag="Best Sellers"
          tagIcon={Star}
          textboxLayout="default"
          products={[
            {
              id: "espresso-blend",
              button: {
                text: "Add to Cart",
                href: "contact"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146068893-uhkg6skf.jpg",
              imageAlt: "Dark roast espresso blend"
            },
            {
              id: "smooth-latte",
              button: {
                text: "Add to Cart",
                href: "contact"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146070151-b4qfg4ax.jpg",
              imageAlt: "Creamy latte roast blend"
            },
            {
              id: "bold-americano",
              button: {
                text: "Add to Cart",
                href: "contact"
              },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146072358-ygrabtom.jpg",
              imageAlt: "Bold americano roast blend"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          containerStyle="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="CoffeeBlend has completely transformed my morning routine. The quality is unmatched, and every cup tastes like it was made just for me. I can't imagine starting my day any other way."
          rating={5}
          author="Sarah Mitchell, Coffee Enthusiast"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146074825-w2o47rzf.jpg",
              alt: "Sarah Mitchell"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146075940-orm5kjp9.jpg",
              alt: "John Davis"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146077304-mehv1c5l.jpg",
              alt: "Emma Rodriguez"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146078263-djm37xl1.jpg",
              alt: "Michael Chen"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated on New Blends"
          description="Subscribe to our newsletter and get exclusive access to limited edition roasts, brewing tips, and special offers delivered straight to your inbox."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766146073481-2ys40run.jpg"
          imageAlt="Warm coffee cup in hands"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="CoffeeBlend"
          columns={[
            {
              title: "Shop",
              items: [
                { label: "All Products", href: "products" },
                { label: "Best Sellers", href: "products" },
                { label: "New Arrivals", href: "products" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Process", href: "about" },
                { label: "Sustainability", href: "about" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "contact" },
                { label: "Shipping Info", href: "contact" }
              ]
            }
          ]}
          title="Your daily ritual, perfected"
          contactItems={[
            {
              icon: Phone,
              text: "(555) 123-4567"
            },
            {
              icon: Mail,
              text: "hello@coffeeblend.com"
            },
            {
              icon: MapPin,
              text: "123 Coffee Street, Brew City, BC 12345"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}