"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Why Bulk?",
          id: "#benefits-how-it-works",
        },
        {
          name: "Local",
          id: "#local-sustainable",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/food-bag-milk-bottle-arrangement_23-2148773426.jpg"
      logoAlt="ÉcoLovrac Rouyn-Noranda Logo"
      brandName="ÉcoLovrac"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-static",
      }}
      title="Shop Sustainably, Live Greener"
      description="ÉcoLovrac is your local destination for zero-waste and bulk goods in Rouyn-Noranda. Reduce your footprint, support local, and thrive sustainably."
      buttons={[
        {
          text: "Shop Sustainably",
          href: "#products",
        },
        {
          text: "Visit Our Store",
          href: "#contact",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/vegetables-zero-waste-store-shelves_482257-81661.jpg",
          imageAlt: "Bulk food dispensers at ÉcoLovrac",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/grain-stored-glasses-table_1220-7124.jpg",
          imageAlt: "Reusable containers with bulk grains",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/merchant-puts-price-tags-produce-boxes_482257-84348.jpg",
          imageAlt: "Local Quebec products and eco-friendly items",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-buys-food-reusable-jars_482257-81655.jpg",
          imageAlt: "Environmentally conscious shopper at ÉcoLovrac",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/fruits-fresh-bread-string-bag-grass_169016-20760.jpg",
          imageAlt: "Fresh organic produce in bulk",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-cheese-factory-switzerland-typical-italian-cheese-parmigiano-reggiano-thousands-forms-parmigiano-reggiano-largest-parmesan-cheese-storage-forms-cheese-ripening_645730-377.jpg",
          imageAlt: "Clean and natural store interior",
        },
      ]}
      autoPlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Our Mission: Cultivating a Zero-Waste Community in Rouyn-Noranda"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Bulk Grains & Legumes",
          price: "Starting at $1.99/100g",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-lentils-beans-plates-marble-background_114579-69707.jpg",
          imageAlt: "Bulk grains in dispensers",
        },
        {
          id: "2",
          name: "Organic Spices & Herbs",
          price: "Starting at $0.75/10g",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444662.jpg",
          imageAlt: "Organic spices in bulk",
        },
        {
          id: "3",
          name: "Local Quebec Coffee",
          price: "Starting at $4.50/100g",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-little-wooden-spoon-with-coffee-wood-different-angle-closeup_169016-3926.jpg",
          imageAlt: "Locally roasted coffee beans",
        },
        {
          id: "4",
          name: "Eco-Friendly Cleaners",
          price: "Starting at $3.00/100ml",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-wooden-care-products_23-2148261120.jpg",
          imageAlt: "Bulk eco-friendly cleaning supplies",
        },
        {
          id: "5",
          name: "Reusable Containers",
          price: "Starting at $5.99",
          imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965866.jpg",
          imageAlt: "Assorted reusable glass jars",
        },
        {
          id: "6",
          name: "Quebec Artisan Crafts",
          price: "Starting at $12.00",
          imageSrc: "http://img.b2bpic.net/free-photo/festive-still-life-christmas-present-arrangement_23-2149161134.jpg",
          imageAlt: "Handmade crafts from Quebec artisans",
        },
        {
          id: "7",
          name: "Eco Personal Care",
          price: "Starting at $2.50/100ml",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-organic-soap-bars_23-2150533299.jpg",
          imageAlt: "Bulk personal care products",
        },
        {
          id: "8",
          name: "Nuts, Seeds & Dried Fruits",
          price: "Starting at $2.20/100g",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-nuts-composition-snacks-dark-grey-background-nuts-snack-photo-walnut-hazelnut_140725-64607.jpg",
          imageAlt: "Bulk nuts and seeds",
        },
      ]}
      title="Discover Our Sustainable Selection"
      description="From pantry staples to personal care, explore our carefully curated range of products designed to support your zero-waste lifestyle and local economy."
    />
  </div>

  <div id="benefits-how-it-works" data-section="benefits-how-it-works">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "1",
          title: "Reduce Waste",
          subtitle: "Minimize plastic packaging and contribute to a healthier planet by choosing bulk.",
          category: "Benefit",
          value: "Less Plastic",
        },
        {
          id: "2",
          title: "Save Money",
          subtitle: "Buy only what you need, avoid unnecessary packaging costs, and save on your groceries.",
          category: "Benefit",
          value: "Smart Spending",
        },
        {
          id: "3",
          title: "Support Local",
          subtitle: "Discover high-quality local products and empower Quebec's small businesses.",
          category: "Benefit",
          value: "Community First",
        },
        {
          id: "4",
          title: "Bring Your Containers",
          subtitle: "Start your sustainable journey by bringing your own clean, reusable containers or purchase them in-store.",
          category: "How It Works",
          value: "Step 1",
        },
        {
          id: "5",
          title: "Fill with Favorites",
          subtitle: "Explore our wide selection of bulk foods, spices, and eco-friendly products, filling your containers to your desired amount.",
          category: "How It Works",
          value: "Step 2",
        },
        {
          id: "6",
          title: "Pay for What You Buy",
          subtitle: "Weigh your filled containers at checkout and only pay for the product inside, ensuring fairness and transparency.",
          category: "How It Works",
          value: "Step 3",
        },
      ]}
      title="The ÉcoLovrac Way: Simple Steps to Sustainable Living"
      description="Embrace the benefits of bulk shopping while following our easy 3-step process for a greener, more mindful consumption."
    />
  </div>

  <div id="local-sustainable" data-section="local-sustainable">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Ferme Bio des Monts",
        "Café Aromatik",
        "Savonnerie Artisanale",
        "Miel de l'Abitibi",
        "Boulangerie La Mie",
        "Vrac & Co",
        "Culture Champignon",
        "Produits Boréals",
      ]}
      title="Proudly Partnering for a Greener Quebec"
      description="We are committed to fostering strong relationships with local farmers and artisans, bringing you the best while supporting our community and reducing our carbon footprint."
      showCard={true}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="ÉcoLovrac has completely changed my shopping habits! It's so easy to reduce waste, and I love discovering new local products. The store is beautiful and the staff are incredibly friendly and helpful. Highly recommend for anyone looking to live more sustainably!"
      rating={5}
      author="Sarah L., Satisfied Customer"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-attractive-african-american-man-cafe-fashion-shooting-paris_1321-3436.jpg",
          alt: "Sarah L. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-man-with-headphones_23-2148749392.jpg",
          alt: "Marc P. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-business-woman-checking-satisfaction-checklist-box-copy-space_1258-88647.jpg",
          alt: "Émilie G. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
          alt: "François D. avatar",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pleased-freckled-teenager-with-glasses-posing-against-white-wall_273609-20815.jpg",
          alt: "Catherine B. avatar",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Connect With Us"
      title="Visit ÉcoLovrac Rouyn-Noranda"
      description="We're located in the heart of Rouyn-Noranda and open to help you on your zero-waste journey. Subscribe to our newsletter for eco-tips and local updates! (Please note: Map integration, business hours, phone, email, and social media links would appear here in a full implementation, this component focuses on newsletter sign-up.)"
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
      termsText="By subscribing, you agree to receive eco-friendly tips and news from ÉcoLovrac."
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-photo/food-bag-milk-bottle-arrangement_23-2148773426.jpg"
      logoAlt="ÉcoLovrac Rouyn-Noranda Logo"
      logoText="ÉcoLovrac"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Products",
              href: "#products",
            },
            {
              label: "Customer Reviews",
              href: "#reviews",
            },
          ],
        },
        {
          title: "Shop",
          items: [
            {
              label: "Bulk Foods",
              href: "/products#bulk-foods",
            },
            {
              label: "Personal Care",
              href: "/products#personal-care",
            },
            {
              label: "Household Items",
              href: "/products#household",
            },
            {
              label: "Local Products",
              href: "/products#local-products",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Facebook",
              href: "https://www.facebook.com/ecolovrac",
            },
            {
              label: "Instagram",
              href: "https://www.instagram.com/ecolovrac",
            },
          ],
        },
      ]}
      copyrightText="© 2024 ÉcoLovrac Rouyn-Noranda. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
