"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Home", id: "/" },
        { name: "About", id: "/about" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="Sarso Ghar"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{ variant: "gradient-bars" }}
      title="Pure Kachi Ghani Mustard Oil Delivered Fresh"
      description="Locally produced. Traditionally extracted. Trusted by families in Noida."
      testimonials={[
        { name: "Anita Sharma", handle: "@anita_noida", testimonial: "The purity of Sarso Ghar oil is unmatched. My kitchen feels complete now.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w2buvx" },
        { name: "Rahul Verma", handle: "@rahul_chef", testimonial: "Authentic flavor that takes me back to my village home. Simply the best.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twzxil" },
        { name: "Priya Gupta", handle: "@priya_kitchen", testimonial: "Finally a reliable source for cold-pressed oil in Noida. Highly recommend.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ld29o7" },
        { name: "Sanjay Singh", handle: "@sanjay_foodie", testimonial: "The aroma and quality are visibly different from market brands.", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gkx59g" },
        { name: "Meera Iyer", handle: "@meera_healthy", testimonial: "Pure, natural, and transparent sourcing. My family is satisfied.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5rvf0" }
      ]}
      buttons={[
        { text: "Shop Now", href: "/shop" },
        { text: "Subscribe Monthly", href: "/subscription" }
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twzxil"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      features={[
        { title: "100% Natural", description: "No chemicals, no heat extraction.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ld29o7" },
        { title: "Traditional Method", description: "Authentic Kachi Ghani technology.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gkx59g" },
        { title: "Local Delivery", description: "Fresh from Noida farm to your kitchen.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5rvf0" }
      ]}
      title="Why Choose Sarso Ghar"
      description="Experience the difference of traditional purity."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Choose Your Plan"
      description="Flexible delivery plans for regular home requirements."
      plans={[
        { id: "sub1", badge: "Popular", price: "₹1200", subtitle: "Monthly Subscription", features: ["1L Oil Delivery", "Free Home Delivery", "Priority Support"] },
        { id: "sub2", badge: "Savings", price: "₹5500", subtitle: "Family Bulk", features: ["5L Oil Delivery", "Monthly Delivery", "Discounted Pricing"] }
      ]}
    />
  </div>

  <div id="legal" data-section="legal">
      <LegalSection
      layout="section"
      title="Terms of Service"
      sections={[
        { heading: "Use Agreement", type: "paragraph", text: "By accessing Sarso Ghar, you agree to our quality standards and delivery policies." }
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Support"
      title="Need Help Ordering?"
      description="Our team in Noida is ready to assist you with any inquiries regarding our products."
      buttons={[{ text: "Contact Us", href: "/contact" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        { title: "Shop", items: [{ label: "Mustard Oil", href: "/shop" }, { label: "Subscriptions", href: "/subscription" }] },
        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }
      ]}
      logoText="Sarso Ghar"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}