"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Courses",
          id: "courses",
        },
        {
          name: "VIP Tips",
          id: "tips",
        },
      ]}
      brandName="ADchartview"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "sparkles-gradient",
      }}
      title="Master the Markets with ADchartview"
      description="Learn Share Market, Forex, Crypto & Chart Analysis with expert step-by-step guidance. Save our number +91 8928146200 for daily updates."
      buttons={[
        {
          text: "Start Learning",
          href: "#courses",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/city-lights-urban-scenic-view-buildings-concept_53876-139782.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About ADchartview"
      description={[
        "Empowering traders with knowledge since 2025.",
        "Comprehensive market analysis training for beginners and experts alike.",
        "Join our community for actionable insights.",
      ]}
    />
  </div>

  <div id="courses" data-section="courses">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "c1",
          brand: "Course",
          name: "Mutual Fund Zoom Course",
          price: "₹600",
          rating: 5,
          reviewCount: "100+",
          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904331.jpg",
        },
        {
          id: "c2",
          brand: "Course",
          name: "Basic Share Market",
          price: "₹2,500",
          rating: 5,
          reviewCount: "200+",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-education-economy-objects_23-2149113531.jpg",
        },
        {
          id: "c3",
          brand: "Course",
          name: "Forex Chartskill",
          price: "₹5,000",
          rating: 5,
          reviewCount: "150+",
          imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66447.jpg",
        },
        {
          id: "c4",
          brand: "Course",
          name: "NSE Chartskill (6 Months)",
          price: "₹30,000",
          rating: 5,
          reviewCount: "50+",
          imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66679.jpg",
        },
        {
          id: "c5",
          brand: "Course",
          name: "Trading Workshop",
          price: "₹1,200",
          rating: 5,
          reviewCount: "80+",
          imageSrc: "http://img.b2bpic.net/free-photo/2013-new-year-with-true-paper-snake_1232-1753.jpg",
        },
        {
          id: "c6",
          brand: "Course",
          name: "Crypto Analysis",
          price: "₹4,000",
          rating: 5,
          reviewCount: "90+",
          imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761006.jpg",
        },
      ]}
      title="Premium Courses"
      description="Professional training designed for busy individuals."
    />
  </div>

  <div id="tips" data-section="tips">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          badge: "Popular",
          price: "₹1",
          subtitle: "Short Term Tips",
          features: [
            "NSE Daily Signals",
            "Forex Quick Alerts",
          ],
          buttons: [
            {
              text: "Get Access",
              href: "#",
            },
          ],
        },
        {
          id: "p2",
          badge: "Growth",
          price: "₹1",
          subtitle: "Long Term Tips",
          features: [
            "Portfolio Analysis",
            "Monthly Reviews",
          ],
          buttons: [
            {
              text: "Get Access",
              href: "#",
            },
          ],
        },
        {
          id: "p3",
          badge: "New",
          price: "₹1",
          subtitle: "Forex / BTC / XAU",
          features: [
            "Cryptocurrency Insights",
            "Gold Updates",
          ],
          buttons: [
            {
              text: "Get Access",
              href: "#",
            },
          ],
        },
      ]}
      title="VIP Tips Section"
      description="Get actionable market signals."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated-grid",
      }}
      text="Ready to start your trading journey? Click below to contact us on WhatsApp."
      buttons={[
        {
          text: "WhatsApp Us",
          href: "https://wa.me/918928146200",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="ADchartview"
      leftLink={{
        text: "© 2025 ADchartview",
        href: "#",
      }}
      rightLink={{
        text: "Privacy Policy",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
