"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Coffee, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="animatedGrid"
      cardStyle="solid"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Murra"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Our Story", id: "feature" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Murra"
          description="Savor the art of perfectly crafted coffee. Every cup tells a story of passion and precision."
          buttons={[
            { text: "Explore Our Menu", href: "products" },
            { text: "Visit Us Today", href: "contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739745046-2lshyvlt.jpg"
          imageAlt="Premium coffee beans background"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="Brewing excellence since 2015. We believe great coffee starts with passion and attention to detail."
          description="Founded by coffee enthusiasts"
          subdescription="Murra Coffee House"
          icon={Heart}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414398769-qosxsyx5.jpg"
          imageAlt="Murra coffee shop interior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFive
          title="Our Signature Collection"
          description="Each blend crafted to perfection, from our finest espresso to creamy lattes."
          tag="Premium Selection"
          tagIcon={Coffee}
          products={[
            {
              id: "cappuccino",
              button: { text: "Order Now", href: "contact" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg",
              imageAlt: "Cappuccino with latte art",
              isFavorited: false
            },
            {
              id: "americano",
              button: { text: "Order Now", href: "contact" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565656661-lj0131tv.jpg",
              imageAlt: "Americano espresso",
              isFavorited: false
            },
            {
              id: "macchiato",
              button: { text: "Order Now", href: "contact" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766573458620-djq2znw8.jpg",
              imageAlt: "Macchiato with espresso",
              isFavorited: false
            },
            {
              id: "latte",
              button: { text: "Order Now", href: "contact" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766565658398-rzdk67xj.jpg",
              imageAlt: "Latte with decorative art",
              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardThirteen
          title="Our Coffee Process"
          description="We follow a meticulous process to ensure every cup meets our high standards."
          tag="Quality Commitment"
          features={[
            {
              id: "01",
              title: "Select",
              description: "We carefully source the finest beans from sustainable farms around the world."
            },
            {
              id: "02",
              title: "Roast",
              description: "Our expert roasters bring out the unique flavors and aromas of each blend."
            },
            {
              id: "03",
              title: "Brew",
              description: "Precision brewing techniques ensure optimal extraction and taste profile."
            },
            {
              id: "04",
              title: "Serve",
              description: "Fresh, hot, and perfect. Every cup is prepared with care and passion."
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the perfect cup? Visit us or place an order today."
          animationType="entrance-slide"
          buttons={[
            { text: "Get in Touch", href: "#" },
            { text: "View Locations", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Murra"
          columns={[
            {
              title: "Menu",
              items: [
                { label: "Espresso", href: "#" },
                { label: "Cappuccino", href: "#" },
                { label: "Latte", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#feature" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Murra Coffee House. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}