"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Coffee } from "lucide-react";

export default function CoffeePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Fix! Coffee"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Why Us", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Order Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Elevate Your Daily Brew"
          description="Discover expertly crafted coffee that transforms your morning routine into a moment of pure indulgence. Fresh roasted, responsibly sourced, and made with passion."
          background={{ variant: "downward-rays-animated" }}
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg",              alt: "Customer enjoying Fix! Coffee"
            }
          ]}
          avatarText="Trusted by 500+ coffee enthusiasts"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="We Fix Your Coffee Experience"
          description="At Fix! Coffee, we believe that great coffee is about more than just caffeine—it's about craftsmanship, passion, and community. Every bean is carefully selected and roasted to bring out its unique character, delivering an unforgettable cup every single time."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg"
          imageAlt="Fix! Coffee shop interior"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Discover Our Process", href: "features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Our Coffee Selection"
          description="Hand-picked from the world's finest coffee regions. Each blend tells a story of origin, craft, and dedication to quality."
          tag="Premium Selection"
          tagIcon={Coffee}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          carouselMode="buttons"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Ethiopian Highlands",              price: "$16.99",              variant: "Medium Roast • 12oz Bag",              imageSrc: "https://img.b2bpic.net/free-photo/breakfast-with-espresso-cup-hot-coffee-croissant-black-stone-plate-coffee-aroma_482257-18271.jpg",              imageAlt: "Ethiopian Highlands coffee beans"
            },
            {
              id: "2",              name: "Colombian Supremo",              price: "$17.99",              variant: "Dark Roast • 12oz Bag",              imageSrc: "https://img.b2bpic.net/free-photo/espresso-cup-grey-background_1220-7376.jpg",              imageAlt: "Colombian Supremo coffee"
            },
            {
              id: "3",              name: "Sumatra Mandheling",              price: "$18.99",              variant: "Full Body • 12oz Bag",              imageSrc: "https://img.b2bpic.net/free-photo/cup-coffee-with-white-saucer_114579-16848.jpg",              imageAlt: "Sumatra Mandheling beans"
            }
          ]}
        />
      </div>

      <div id="quality" data-section="quality">
        <FeatureCardThree
          title="Why Fix! Coffee Stands Out"
          description="We're committed to excellence in every aspect of our craft—from sourcing to your cup."
          tag="Our Commitment"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          features={[
            {
              id: "01",              title: "Single-Origin Sourcing",              description: "Direct relationships with farmers ensure ethical sourcing and exceptional quality in every batch we roast.",              imageSrc: "https://img.b2bpic.net/free-photo/breakfast-with-espresso-cup-hot-coffee-croissant-black-stone-plate-coffee-aroma_482257-18271.jpg",              imageAlt: "Coffee beans from ethical sources"
            },
            {
              id: "02",              title: "Small-Batch Roasting",              description: "Our in-house roasting process brings out the unique flavor profiles of each origin with precision and care.",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-20644.jpg",              imageAlt: "Artisanal coffee roasting process"
            },
            {
              id: "03",              title: "Freshness Guaranteed",              description: "Every order is roasted to request and shipped within 48 hours. Maximum flavor, maximum freshness, always.",              imageSrc: "https://img.b2bpic.net/free-photo/espresso-cup-grey-background_1220-7376.jpg",              imageAlt: "Fresh coffee preparation"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Coffee Lovers Are Saying"
          description="Real stories from real customers who've experienced the Fix! Coffee difference."
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Coffee Connoisseur",              date: "Date: 15 January 2025",              title: "The best coffee I've had at home!",              quote: "I've tried countless coffee brands, but Fix! Coffee is on another level. The flavor is incredible, and knowing it was roasted fresh just for me makes it even better. This is now my go-to.",              tag: "Premium Blend",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              avatarAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen, Cafe Owner",              date: "Date: 12 January 2025",              title: "Perfect for our specialty drink program",              quote: "We switched to Fix! Coffee for our espresso bar, and our customers immediately noticed the difference. The consistency and quality are exceptional. Highly recommend to anyone serious about coffee.",              tag: "Espresso Selection",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "James Chen"
            },
            {
              id: "3",              name: "Maria Rodriguez, Remote Worker",              date: "Date: 10 January 2025",              title: "My morning ritual just got better",              quote: "Working from home means I need good coffee, and Fix! Coffee delivers every single time. The taste is so smooth and rich, it's like visiting a specialty cafe from my kitchen.",              tag: "Medium Roast",              avatarSrc: "https://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",              avatarAlt: "Maria Rodriguez"
            },
            {
              id: "4",              name: "David Park, Coffee Enthusiast",              date: "Date: 8 January 2025",              title: "Fresh roasted makes all the difference",              quote: "The fact that Fix! Coffee roasts your order to request is genius. I can taste the freshness, and the customer service is fantastic. Every order arrives perfectly packaged.",              tag: "Dark Roast",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg",              avatarAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardFourteen
          title="We're growing because our customers believe in quality coffee and ethical sourcing. Every metric reflects our commitment to excellence."
          tag="By The Numbers"
          metrics={[
            {
              id: "1",              value: "5,000+",              description: "Cups of Fix! Coffee enjoyed by our community every month"
            },
            {
              id: "2",              value: "100%",              description: "Ethically sourced from direct relationships with coffee farmers worldwide"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Your Fix Today"
          description="Ready to experience the difference? Reach out to us with any questions or place your first order. We're here to help."
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us what coffee speaks to you...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/low-angle-friends-restaurant-together_23-2148395395.jpg"
          imageAlt="Fix! Coffee setup"
          mediaPosition="right"
          useInvertedBackground="invertDefault"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Fix! Coffee"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}