"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Diada"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="DIADA"
          description="Specialty coffee roastery. Crafted with passion, served with care."
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg"
          imageAlt="Espresso coffee in a cup"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="About Diada"
          description="Diada is more than just a coffeeshop—it's a sanctuary for coffee enthusiasts and a gathering place for our community. We source the finest single-origin beans from sustainable farms around the world, roasting them in-house to bring out their unique flavors. Every cup tells a story of craftsmanship and passion."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/parisian-coffee-shop-style-with-tasty-coffee-served-wooden-table-coffee-shop-design_482257-18283.jpg"
          imageAlt="Cozy Diada coffeeshop interior"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Signature Drinks"
          description="Discover our carefully crafted coffee selections"
          tag="Menu"
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$5.00",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg",              imageAlt: "Single Origin Espresso",              initialQuantity: 1
            },
            {
              id: "2",              name: "Signature Cappuccino",              price: "$6.50",              imageSrc: "https://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg",              imageAlt: "Signature Cappuccino",              initialQuantity: 1
            },
            {
              id: "3",              name: "Bold Americano",              price: "$5.50",              imageSrc: "https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798050.jpg",              imageAlt: "Bold Americano",              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          tag="Our Craft"
          title="The Diada Experience"
          description="From sourcing the finest beans to serving the perfect cup, we've perfected every step of the coffee journey."
          steps={[
            {
              number: "01",              title: "Source",              tag: "Global",              description: "We partner with sustainable farms across Ethiopia, Colombia, and Guatemala to source premium single-origin beans."
            },
            {
              number: "02",              title: "Roast",              tag: "In-House",              description: "Small-batch roasting brings out the unique flavor profiles of each origin, from fruity notes to rich chocolate."
            },
            {
              number: "03",              title: "Brew",              tag: "Precision",              description: "Our expert baristas use precision techniques to extract the perfect espresso, cappuccino, or pour-over."
            }
          ]}
          buttons={[
            { text: "Visit Us", href: "contact" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Team"
          description="The passionate people behind every cup of coffee"
          tag="Our People"
          members={[
            {
              id: "1",              name: "Marco S.",              role: "Head Barista",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",              imageAlt: "Marco, Head Barista"
            },
            {
              id: "2",              name: "Sofia T.",              role: "Coffee Roaster",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-with-apron-holding-empty-cup_23-2148366627.jpg",              imageAlt: "Sofia, Coffee Roaster"
            },
            {
              id: "3",              name: "Elena D.",              role: "Barista",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754673.jpg",              imageAlt: "Elena, Barista"
            },
            {
              id: "4",              name: "Giovanni P.",              role: "Founder",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-employee-with-apron_23-2148366592.jpg",              imageAlt: "Giovanni, Founder"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real testimonials from coffee lovers who visit Diada regularly"
          tag="Reviews"
          testimonials={[
            {
              id: "1",              name: "Isabella R.",              handle: "@isabellar",              testimonial: "The best espresso I've had in years. The baristas really know their craft!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-male-making-coffee_23-2148366603.jpg",              imageAlt: "Isabella R."
            },
            {
              id: "2",              name: "Matteo L.",              handle: "@matteolives",              testimonial: "Diada is my second home. The atmosphere is warm, the coffee is exceptional, and the team always remembers your order.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg",              imageAlt: "Matteo L."
            },
            {
              id: "3",              name: "Anna C.",              handle: "@annacoffee",              testimonial: "I love learning about the origins of their beans. The single-origin selections are incredible.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-smiling-apron-making-coffee_23-2148366706.jpg",              imageAlt: "Anna C."
            },
            {
              id: "4",              name: "Luca M.",              handle: "@lucam_",              testimonial: "The quality and consistency here are unmatched. Every visit is a delight.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg",              imageAlt: "Luca M."
            },
            {
              id: "5",              name: "Chiara F.",              handle: "@chiaraf",              testimonial: "A true gem in the city. The baristas are friendly, and the coffee is pure perfection.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg",              imageAlt: "Chiara F."
            }
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Have questions about our menu, sourcing practices, or want to book a private tasting? Reach out to us—we'd love to hear from you."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what brings you to Diada...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg"
          imageAlt="Diada coffeeshop entrance"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="DIADA"
          logoLineHeight={1.2}
        />
      </div>
    </ThemeProvider>
  );
}