"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import TagAbout from '@/components/sections/about/TagAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import SocialProofTwo from '@/components/sections/socialProof/SocialProofTwo';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="elevated"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414385423-tpqhsun3.jpg"
          logoAlt="Breakfast Coffee Shop Logo"
          brandName="Breakfast Coffee"
          button={{ "text":"Order Now", "href":"#contact" }}
          className="py-4 px-6"
          buttonClassName="px-6 py-2"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Start Your Morning Right"
          description="Expertly crafted coffee and fresh breakfast made for the perfect start to your day. Premium beans, artisan techniques, and genuine hospitality."
          tag="Premium Coffee Culture"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414392169-w4l2sncs.jpg"
          imageAlt="Beautiful breakfast coffee with latte art"
          buttons={[{"text":"Order Now","href":"#contact"}, {"text":"Our Story","href":"#about"}]}
          className="py-20"
          titleClassName="text-5xl font-bold"
          descriptionClassName="text-lg leading-relaxed"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Story"
          description="We believe breakfast coffee is more than just a caffeine fix—it's a ritual, a moment of calm before the day begins. Since opening, we have committed to sourcing the finest single-origin beans from sustainable farms, training our baristas in the art of espresso, and creating a welcoming space where every customer feels at home."
          useInvertedBackground="noInvert"
          ariaLabel="About Breakfast Coffee Shop"
          className="py-20"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Featured Products"
          description="Discover our signature coffee blends and breakfast pairings"
          tag="Daily Selection"
          products={[
            {
              id: "espresso-blend",
              name: "Morning Espresso",
              price: "$3.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
              imageAlt: "Rich, dark espresso shot"
            },
            {
              id: "cappuccino",
              name: "Silky Cappuccino",
              price: "$4.75",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414394206-b14wm62n.jpg",
              imageAlt: "Cappuccino with beautiful latte art"
            },
            {
              id: "pastry-combo",
              name: "Pastry Breakfast Set",
              price: "$7.99",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414397437-vf61oti3.jpg",
              imageAlt: "Freshly baked croissant and coffee"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-20"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofTwo
          title="Certified Quality"
          description="We partner with industry-leading certifications to ensure the highest standards"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414386546-sdp5i9cj.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414387596-fpgp8v3l.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414388884-ucp4ila6.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414389942-kwjo1x3t.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414391049-s31ysh44.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-16"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Loved by Our Community"
          description="Hear what our regular customers have to say about their Breakfast Coffee experience"
          testimonials={[
            {
              id: "1",
              quote: "The best coffee I have found in the city. The baristas are incredibly knowledgeable and friendly, and they remember my order every single day.",
              name: "Sarah Mitchell",
              role: "Marketing Professional",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414400514-5et2yg01.jpg",
              imageAlt: "Sarah Mitchell smiling"
            },
            {
              id: "2",
              quote: "I come here every morning before work. The atmosphere is perfect for starting the day, and their pastries are absolutely divine.",
              name: "James Chen",
              role: "Graphic Designer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
              imageAlt: "James Chen portrait"
            },
            {
              id: "3",
              quote: "Finally found a coffee shop that takes sustainability seriously. Love knowing my purchases support fair-trade farmers.",
              name: "Emma Rodriguez",
              role: "Environmental Consultant",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414402772-ruzjnlgd.jpg",
              imageAlt: "Emma Rodriguez headshot"
            },
            {
              id: "4",
              quote: "The espresso here is comparable to what I had in Italy. Breakfast Coffee has set the gold standard for specialty coffee.",
              name: "Michael Torres",
              role: "Travel Blogger",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414403745-brf2o1b2.jpg",
              imageAlt: "Michael Torres portrait"
            }
          ]}
          variant="card"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-20"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our coffee, menu, and services"
          tag="Help & Support"
          faqs={[
            {
              id: "1",
              title: "What types of coffee beans do you use?",
              content: "We source exclusively from specialty coffee roasters who work directly with sustainable farms. Our rotating selection features single-origin beans from Ethiopia, Colombia, Kenya, and Central America. Each origin offers unique flavor profiles to explore."
            },
            {
              id: "2",
              title: "Do you offer dairy-free milk alternatives?",
              content: "Yes! We offer oat, almond, cashew, and soy milk at no additional charge. Our baristas are trained to create beautiful latte art with plant-based milks."
            },
            {
              id: "3",
              title: "Can I pre-order for large groups?",
              content: "Absolutely. For orders of 10 or more, please call us at least 24 hours in advance. We offer group discounts and can prepare customized selections from our menu."
            },
            {
              id: "4",
              title: "What are your operating hours?",
              content: "Monday to Friday: 6:30 AM - 6:00 PM. Saturday: 7:00 AM - 5:00 PM. Sunday: 8:00 AM - 4:00 PM. We are closed on major holidays."
            },
            {
              id: "5",
              title: "Do you have Wi-Fi and seating for remote work?",
              content: "Yes! We offer free Wi-Fi and plenty of seating options. We welcome laptop users and have created a quiet corner area perfect for focused work."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414398769-qosxsyx5.jpg"
          imageAlt="Cozy coffee shop interior with warm lighting"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-20"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Join our mailing list for weekly specials, new roasts, and exclusive breakfast menu items. Or visit us and experience Breakfast Coffee in person."
          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 about your favorite coffee experience or ask a question...",
            rows: 4,
            required: false
          }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414396263-ecaeakat.jpg"
          imageAlt="Professional barista preparing coffee"
          mediaPosition="right"
          buttonText="Subscribe & Connect"
          useInvertedBackground="noInvert"
          className="py-20"
        />
      </div>

      <div id="products-showcase" data-section="products-showcase">
        <ProductCardTwo
          title="Our Premium Selection"
          description="Discover our curated collection of premium coffee blends and breakfast specialties"
          tag="Best Sellers"
          products={[
            {
              id: "1",
              brand: "Breakfast Coffee",
              name: "Morning Espresso Blend",
              price: "$24.99",
              rating: 5,
              reviewCount: "23.9k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414393098-5j3dbjps.jpg",
              imageAlt: "Morning Espresso Blend"
            },
            {
              id: "2",
              brand: "Breakfast Coffee",
              name: "Cappuccino Blend",
              price: "$22.50",
              rating: 5,
              reviewCount: "18.5k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414394206-b14wm62n.jpg",
              imageAlt: "Cappuccino Blend"
            },
            {
              id: "3",
              brand: "Breakfast Coffee",
              name: "Pastry Selection Box",
              price: "$32.50",
              rating: 5,
              reviewCount: "12.3k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414397437-vf61oti3.jpg",
              imageAlt: "Pastry Selection Box"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          className="py-20"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414385423-tpqhsun3.jpg"
          logoText="Breakfast Coffee"
          logoWidth={120}
          logoHeight={40}
          columns={[
            {
              title: "Menu",
              items: [
                {
                  label: "Coffee Selection",
                  href: "#products"
                },
                {
                  label: "Breakfast Items",
                  href: "#products"
                },
                {
                  label: "Pastries & Baked Goods",
                  href: "#products"
                }
              ]
            },
            {
              title: "Company",
              items: [
                {
                  label: "About Us",
                  href: "#about"
                },
                {
                  label: "Our Story",
                  href: "#about"
                },
                {
                  label: "Sustainability",
                  href: "#social-proof"
                }
              ]
            },
            {
              title: "Support",
              items: [
                {
                  label: "FAQ",
                  href: "#faq"
                },
                {
                  label: "Contact",
                  href: "#contact"
                },
                {
                  label: "Locations",
                  href: "#contact"
                }
              ]
            }
          ]}
          copyrightText="© 2025 Breakfast Coffee Shop. All rights reserved."
          className="py-20"
          containerClassName="max-w-6xl"
        />
      </div>
    </ThemeProvider>
  );
}