"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Our Brownies",          id: "#products"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Order Now",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/bake-bakery-baking-bread-breakfast-cake-culinary-concept_53876-26214.jpg"
      brandName="Baked by Geulis"
      button={{
        text: "Order Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Baked by Geulis"
      description="Indulge in our decadent, handcrafted brownies. Baked with love and the finest ingredients, perfect for every craving and celebration. Order yours today!"
      buttons={[
        {
          text: "Shop Our Brownies",          href: "#products"},
        {
          text: "Our Story",          href: "#about"},
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/chocolate-brownie-cake-piece-pie-homemade-pastries-sweet-cooking_114579-580.jpg"
      imageAlt="A stack of delicious chocolate brownies with a wooden background"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Our Story: Passion for Perfection"
      description="Baked by Geulis started with a simple passion for creating the most delicious brownies. Every batch is a testament to our commitment to quality, flavor, and a touch of homemade warmth. We believe in spreading joy, one fudgy bite at a time."
      metrics={[
        {
          value: "5+",          title: "Years of Baking"},
        {
          value: "1000+",          title: "Happy Customers"},
        {
          value: "10k+",          title: "Brownies Sold"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/sweet-jaggery-dessert-arrangement_23-2149335560.jpg"
      imageAlt="A baker meticulously decorating brownies in a professional kitchen"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "1",          title: "Premium Ingredients",          subtitle: "Only the finest cocoa, rich butter, and natural flavors go into every brownie for an unparalleled taste.",          category: "Quality",          value: "Exceptional"},
        {
          id: "2",          title: "Irresistible Flavors",          subtitle: "From classic fudge to unique gourmet combinations like salted caramel and espresso swirl, find your perfect match.",          category: "Variety",          value: "Delicious"},
        {
          id: "3",          title: "Baked Fresh Daily",          subtitle: "Ensuring every single order is as fresh and delectable as it gets, delivered straight from our oven to your door.",          category: "Freshness",          value: "Guaranteed"},
      ]}
      title="Why Choose Baked by Geulis?"
      description="Experience the difference with our premium quality and commitment to taste that sets us apart in every delicious bite."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Classic Fudge",          price: "IDR 35,000",          variant: "Rich & Gooey",          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-portions-wooden-background_123827-27266.jpg",          imageAlt: "Classic fudge brownie with a glossy top"},
        {
          id: "p2",          name: "Salted Caramel",          price: "IDR 40,000",          variant: "Sweet & Salty",          imageSrc: "http://img.b2bpic.net/free-photo/strawberry-pie-black-metallic-pan_114579-61917.jpg",          imageAlt: "Salted caramel brownie with a caramel swirl and sea salt flakes"},
        {
          id: "p3",          name: "Walnut Wonder",          price: "IDR 40,000",          variant: "Nutty Delight",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-homemade-chocolate-cake-with-peanut-fresh-slices-plate_114579-91905.jpg",          imageAlt: "Chocolate brownie studded with crunchy walnuts"},
        {
          id: "p4",          name: "Choc Chip Bliss",          price: "IDR 38,000",          variant: "Extra Chocolatey",          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-chips-cookie-dough-flat-lay_23-2149556932.jpg",          imageAlt: "Fudgy brownie with generous melted chocolate chips"},
        {
          id: "p5",          name: "Red Velvet",          price: "IDR 42,000",          variant: "Velvety Smooth",          imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-raspberry-cake-roll_114579-65471.jpg",          imageAlt: "Red velvet brownie with a delicate cream cheese swirl"},
        {
          id: "p6",          name: "Espresso Swirl",          price: "IDR 45,000",          variant: "Coffee Infused",          imageSrc: "http://img.b2bpic.net/free-photo/different-foundation-shades-mix-top-view_23-2149511230.jpg",          imageAlt: "Dark chocolate brownie with an espresso coffee swirl"},
      ]}
      title="Our Delicious Brownie Collection"
      description="Discover a world of rich, fudgy goodness. Each brownie is a masterpiece, ready to delight your taste buds and satisfy any craving."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      useInvertedBackground={true}
      title="What Our Customers Say"
      description="Hear directly from our happy customers who can't get enough of Baked by Geulis brownies!"
      animationType="slide-up"
      textboxLayout="default"
      testimonials={[
        {
          id: "t1",          name: "Jessica L.",          handle: "@jessicalovesfood",          testimonial: "Baked by Geulis makes the absolute best brownies! Rich, fudgy, and always fresh. My family and I are completely hooked!",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13321.jpg",          imageAlt: "Jessica L."
        },
        {
          id: "t2",          name: "Michael K.",          handle: "@mikebakesstuff",          testimonial: "As a baker myself, I'm genuinely impressed. The Classic Fudge is perfection, and the Salted Caramel is divine. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-standing-blue-background-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-10690.jpg",          imageAlt: "Michael K."
        },
        {
          id: "t3",          name: "Sarah P.",          handle: "@sweettoothsarah",          testimonial: "I ordered for a party, and they were a huge hit! Everyone asked where they came from. So moist and flavorful. Will definitely order again!",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-curly-hair-posing_273609-13175.jpg",          imageAlt: "Sarah P."
        },
        {
          id: "t4",          name: "David G.",          handle: "@dgourmet",          testimonial: "The Red Velvet brownie is a game-changer. Perfectly balanced sweetness and that velvety texture is just unmatched. Five stars!",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-profile-picture-smile-face_1194-40614.jpg",          imageAlt: "David G."
        },
        {
          id: "t5",          name: "Emily R.",          handle: "@emilyeatsdaily",          testimonial: "Consistently amazing! Baked by Geulis never disappoints. The Espresso Swirl is my personal favorite for a morning pick-me-up. Must try!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-sized-woman-influencer_23-2151414057.jpg",          imageAlt: "Emily R."
        }
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "How do I place an order?",          content: "You can easily order directly through our website! Simply browse our delicious brownie collection, add your favorites to the cart, and proceed to our secure checkout."},
        {
          id: "faq2",          title: "What are the main ingredients in your brownies?",          content: "We pride ourselves on using high-quality ingredients including premium cocoa powder, real unsalted butter, farm-fresh eggs, pure vanilla extract, and fine granulated sugar. Specific ingredients may vary slightly by brownie flavor."},
        {
          id: "faq3",          title: "Do you offer gluten-free or vegan brownie options?",          content: "Currently, our standard brownie selection is not gluten-free or vegan. However, we are exploring options to introduce these varieties in the future. Please check our website for updates!"},
        {
          id: "faq4",          title: "What are your delivery options and costs?",          content: "We offer local delivery within [Your City/Area] with a flat fee of [Amount]. We also provide nationwide shipping at rates calculated based on your location and order size during checkout. Delivery times vary, typically 2-5 business days for shipping."},
        {
          id: "faq5",          title: "Can I customize an order for special events or gifts?",          content: "Absolutely! We love creating custom brownie batches for birthdays, corporate gifts, weddings, and other special occasions. Contact us with your specific needs, preferred flavors, and quantity, and we'll work with you to make your vision a delicious reality."},
        {
          id: "faq6",          title: "How should I store my brownies to keep them fresh?",          content: "For optimal freshness, store your brownies in an airtight container at room temperature for up to 3-5 days. For longer enjoyment, refrigerate them for up to a week, or freeze them for up to one month. Warm them slightly before serving for the best experience!"},
      ]}
      title="Sweet Answers to Your Questions"
      description="Find quick answers to common questions about our ordering process, ingredients, delivery, and more. Your satisfaction is our priority!"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "25k+ Followers",        "500+ Reviews",        "Award-Winning Taste",        "Featured in Local Guides",        "Community Favorite",        "Trending on Social",        "Customer Love"]}
      title="Join Our Sweet Community!"
      description="Follow us on Instagram for daily doses of deliciousness, behind-the-scenes glimpses, and exclusive offers. See why thousands are loving Baked by Geulis!"
      buttons={[
        {
          text: "Follow Us on Instagram",          href: "https://www.instagram.com/bakedbygeulis/",          onClick: () => console.log("Navigating to Instagram"),
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Inquire About Your Order"
      description="Have a question about an existing order, a special request, or want to place a large custom order? Fill out the form below and we'll get back to you as soon as possible."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name", required: true },
        { name: "email", type: "email", placeholder: "Your Email", required: true },
        { name: "phone", type: "tel", placeholder: "Phone Number (Optional)" },
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your order inquiry or special request...",        rows: 5,
        required: true,
      }}
      buttonText="Send Inquiry"
      imageSrc="http://img.b2bpic.net/free-photo/chocolate-dessert-with-nuts-coffee_23-2147746972.jpg"
      imageAlt="Delicious brownies and coffee on a table, representing an order"
      mediaPosition="right"
      onSubmit={(data) => console.log("Order Inquiry Submitted:", data)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Baked by Geulis"
      columns={[
        {
          title: "Shop",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Our Brownies",              href: "#products"},
            {
              label: "Custom Orders",              href: "#contact"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://www.instagram.com/bakedbygeulis/"},
            {
              label: "Contact Us",              href: "mailto:info@bakedbygeulis.com"},
          ],
        },
      ]}
      copyrightText="© 2024 Baked by Geulis. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
