"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Home", id: "hero" },
              { name: "Menu", id: "products" },
              { name: "About", id: "about" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="Rise & Bake"
            button={{ text: "Order Now", href: "#products" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardGallery
            background={{ variant: "gradient-bars" }}
            title="Artisanal Bakes, Daily Rituals"
            description="Handcrafted with passion, baked with patience. Rise and Bake brings the warmth of traditional ovens to your neighborhood every morning."
            mediaItems={[
              { imageSrc: "https://pixabay.com/get/gd8ccc3c00caff94fee847c691ead8d180c5f9259fb2974711053f67a1744076046714a820862fd6a43bed47126b77f4d3f825b209d78373a013cabd63f6c22fa_1280.jpg", imageAlt: "Artisan Bread" },
              { imageSrc: "https://pixabay.com/get/g6d716f29facc9748c30ad5a87e20e8627cd5ebf8e0427880fdcd121368656a9514a8536bf779cf1dd424fc679e70b343cc8af54bf18edae7a15f000789bc988d_1280.jpg", imageAlt: "Fresh Pastries" },
              { imageSrc: "https://pixabay.com/get/gf6547048df748ae0cf29fa8c5490e529151b34955133b5941a62fc33120868d370329478c9c5f76e6b8a464a7d88748357336f6ecac4cfe33f35155acf6ad90e_1280.jpg", imageAlt: "Baking Process" },
              { imageSrc: "https://pixabay.com/get/gcd7742f6b91df16d5470b5da5f03d3ce5b3a12ebf5ead993ddf1a90e5b13ef82af8002d8447961b2788f480a36591027fe54802606c83c55b95c92781de79386_1280.jpg", imageAlt: "Golden Croissants" },
              { imageSrc: "https://pixabay.com/get/ga2ceb71912c49fcfe06be7850beb130642fd5fa5e2067dd74d8825a91717f5c2c9b97e2957c8d63d429baf6d2c2b9af698019d63e1b8778f185c0217ba1ba063_1280.jpg", imageAlt: "Shop Display" },
            ]}
            mediaAnimation="slide-up"
          />
        </div>

        <div id="about" data-section="about">
          <TextAbout
            useInvertedBackground={false}
            title="Since 1995, Serving Warmth"
            buttons={[{ text: "Our Story", href: "#" }]}
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardFour
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="four-items-2x2-equal-grid"
            useInvertedBackground={false}
            products={[
              { id: "1", name: "Rustic Sourdough", price: "$8.00", variant: "Artisan Bread", imageSrc: "https://pixabay.com/get/g54dfc251102951238300a4f66e0c1df2dd47199443a8cd2164062be06530784c128b082dfc6c170fce07ca4ee325c3814eaa5117ac6592cda5401a20205c6cd9_1280.jpg" },
              { id: "2", name: "Classic Croissant", price: "$4.50", variant: "French Pastry", imageSrc: "https://pixabay.com/get/g7f194eb66341970d680bd27d24ad111e96ed792d330e90623ef568071f8eb0c983b99c92644bf2f3bc444eaed5ebe61ab6973eb3ffeb444c181bccc843e40306_1280.jpg" },
              { id: "3", name: "Blueberry Muffin", price: "$3.75", variant: "Morning Treat", imageSrc: "https://pixabay.com/get/gdf6723df703c03930aa89a71ae65eda8c6c932e5f277a9ed363f8dfcd985135dea6aee2dbe603aa399940c3f6cbdc40c0aa50e38402aaaf94e1894a355235a2f_1280.jpg" },
              { id: "4", name: "Pain au Chocolat", price: "$4.75", variant: "Chocolate Pastry", imageSrc: "https://pixabay.com/get/g27ec29dc92bb7ca45463798faca7687062029f7e6fa79c08590aa1c045050c22a445f7f4a415f5217ad60ac1118cc4614068eb3688f718edeafcf726492a17c6_1280.jpg" },
              { id: "5", name: "Cinnamon Swirl", price: "$4.25", variant: "Sweet Pastry", imageSrc: "https://pixabay.com/get/gb02d953675331c928f2f0f4eddc19c5a62300d9f84e955c5b47c0b0fb10e2bdcb5878291f38b4e8c4cb12174538e22b2e71b2f22df51bceb0d1dea7d0a4ccbea_1280.jpg" },
              { id: "6", name: "Baguette", price: "$3.50", variant: "French Bread", imageSrc: "https://pixabay.com/get/g48bec86fdb654d24ab2f9809d5e74463d7ecdeb7fef25bb3d9f499faf93383e7f52d82368f03b9904d1b7db80808e11f26c642ac3976fe8a491d9259d6c850bb_1280.png" },
            ]}
            title="Fresh From The Oven"
            description="Our signature daily selection, made with premium local ingredients."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Sarah Jenkins", imageSrc: "https://pixabay.com/get/g48df93b3e6595e08a2d9ea7d4d2b824273c418244ab9cdd57905c2b95a2c5624cab5b42e3450224362a5fb9c2ba0a4114f5d8163725faa7d6008124078290616_1280.jpg" },
              { id: "2", name: "Mark Thompson", imageSrc: "https://pixabay.com/get/g1fb04e5260ddf7d31dfa776d67db88c94992f7b92dbeba3b3ace55c2a1085e6602d3320369c57b830c46b6f38be3866f7aa3f78c172765f003ffe81375ea30a5_1280.jpg" },
              { id: "3", name: "Elena Rodriguez", imageSrc: "https://pixabay.com/get/g1ac09250e8befc7be77889efdb22654968c05836573ca55c6a33e47d23c190aec4f0022f65c416fff5fdc2831d98843e374da6ffda1e66b4472726dc1daa566b_1280.jpg" },
              { id: "4", name: "David Chen", imageSrc: "https://pixabay.com/get/g519d021d03c30092560997bb77a7a95e9e0502077ccc937710d2afd2f262e22bc6186d8e41341f6ce86be5d1418467aa5743b235257bbcf0faaaa0bff9ce71ee_1280.jpg" },
              { id: "5", name: "Alice Peterson", imageSrc: "https://pixabay.com/get/g9d420fc49ebab154a73135905f5739606c9397bef2b3e68af50be3595432608faa3637f495ea08041833fd47d9ca380be9cfc19311118b0c30771f6f0444b82d_1280.jpg" },
            ]}
            cardTitle="Loved by the community"
            cardAnimation="slide-up"
            cardTag="Testimonials"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={false}
            title="Visit Our Bakery"
            description="Find us on the corner of Maple and 5th. We'd love to serve you fresh coffee and warm bread."
            inputs={[
              { name: "name", type: "text", placeholder: "Your Name", required: true },
              { name: "email", type: "email", placeholder: "Your Email", required: true },
            ]}
            imageSrc="https://pixabay.com/get/gee0e88d0474d2322668219c297634f96b826d0424d0989a9e9b7f9175e1c0d8284d9030b4bf3934f3e2834653f70ce3f1080d62e87a876e15c9f9ff0c77bd5d9_1280.jpg"
            textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="Rise & Bake"
            columns={[
              { title: "Bakery", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
              { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
