624785bf-96b3-4437-85ec-4789639423dd/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Coffee Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Products", id: "products" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo 
          logoText="COFFEE HAVEN"
          description="Premium coffee crafted with passion. Where great taste meets warm atmosphere."
          buttons={[
            { text: "Explore Menu", href: "products" },
            { text: "Visit Us", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847964453-iyz81ypi.jpg",
              imageAlt: "Coffee shop interior"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847967976-2h7gpyi3.jpg",
              imageAlt: "Barista preparing coffee"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847970254-v9wy8mc6.jpg",
              imageAlt: "Premium coffee beans"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout 
          title="Our Story"
          description={[
            "Coffee Haven was born from a simple passion: to create a sanctuary where exceptional coffee meets meaningful connections. Since 2015, we've been sourcing the finest beans from sustainable farms around the world.",
            "Every cup is crafted with precision and care by our experienced baristas. We believe coffee is more than just a beverage—it's an experience, a moment of calm in a busy day, and a gateway to wonderful conversations."
          ]}
          buttons={[{ text: "Learn More", href: "#" }]}
          useInvertedBackground="noInvert"
          showBorder={true}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven 
          title="Featured Products"
          description="Discover our signature coffee selections, carefully curated to delight your senses"
          products={[
            {
              id: "1",
              name: "Single Origin Espresso",
              price: "$6.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847971556-iiz5ebpa.jpg",
              imageAlt: "Single origin espresso shot"
            },
            {
              id: "2",
              name: "Velvety Cappuccino",
              price: "$5.75",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847973683-mivlvqt0.jpg",
              imageAlt: "Creamy cappuccino with latte art"
            },
            {
              id: "3",
              name: "Bold Americano",
              price: "$4.50",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847975390-k1q4whpy.jpg",
              imageAlt: "Rich americano coffee"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve 
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847978396-j6wstymd.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766757640295-2ylvl3h4.jpg",
              imageAlt: "James Rodriguez"
            },
            {
              id: "3",
              name: "Emma Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847979970-2ofq6fph.jpg",
              imageAlt: "Emma Chen"
            },
            {
              id: "4",
              name: "Michael Torres",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766847985524-qw56lb2y.jpg",
              imageAlt: "Michael Torres"
            }
          ]}
          cardTitle="Join thousands of coffee lovers who trust Coffee Haven for their daily ritual"
          cardTag="Trusted by our community"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm 
          title="Stay Updated"
          description="Subscribe to our newsletter for new blends, events, and exclusive offers delivered to your inbox"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          useInvertedBackground="noInvert"
          buttonText="Subscribe"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard 
          logoText="Coffee Haven"
          columns={[
            {
              title: "Explore",
              items: [
                { label: "Menu", href: "#products" },
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Visit",
              items: [
                { label: "Location", href: "#" },
                { label: "Hours", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Instagram", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Twitter", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Coffee Haven. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}