fcfea436-9ea2-484b-8903-2c7acffc9689/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Database, TrendingUp, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Categories",          id: "features"},
        {
          name: "Blog",          id: "blog"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="ViralPulse India"
      button={{ text: "Get Started", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Master the Viral Game"
      description="Achieve financial freedom through digital mastery. Your ultimate playbook for AI tools, Instagram growth, and building a lifestyle of influence."
      leftCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg", imageAlt: "Trending Tech" },
        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "AI Trends" },
        { imageSrc: "http://img.b2bpic.net/free-photo/man-works-home-high-quality-photo_72229-934.jpg", imageAlt: "Content Strategy" },
        { imageSrc: "http://img.b2bpic.net/free-photo/money-fantasy-scene_23-2151663072.jpg", imageAlt: "Luxury Life" },
        { imageSrc: "http://img.b2bpic.net/free-photo/robot-arm-is-working-factory_35913-2492.jpg", imageAlt: "Tools" },
        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-child-boy-white-t-shirt-grey-jeans-with-white-sign-sitting-flower-made-stand-yellow-desk_179666-1069.jpg", imageAlt: "Growth" },
      ]}
      rightCarouselItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/business-financial-management-document-icon_53876-14639.jpg", imageAlt: "Money" },
        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-recording-with-phone_23-2149490167.jpg", imageAlt: "Success" },
        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg", imageAlt: "Strategy" },
        { imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377329.jpg", imageAlt: "Influence" },
        { imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-working-home-office-desk-laptop-writing-notebook_482257-114440.jpg", imageAlt: "Analytics" },
        { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg", imageAlt: "Creator" },
      ]}
      tag="Trending #1 in Tech"
      buttons={[
        { text: "Start Learning", href: "#blog" },
      ]}
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-notebook_23-2148845382.jpg", alt: "User 1" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-headphones_23-2149386585.jpg", alt: "User 2" },
        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "User 3" },
        { src: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg", alt: "User 4" },
        { src: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg", alt: "User 5" },
      ]}
      avatarText="Join 500k+ learners"
      marqueeItems={[
        { type: "image", src: "http://img.b2bpic.net/free-photo/abstract-neon-light-background_23-2147881447.jpg", alt: "Logo 1" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-32778.jpg", alt: "Logo 2" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204922.jpg", alt: "Logo 3" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599326.jpg", alt: "Logo 4" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/instagram-logo-with-hearts-3d-render-social-media_23-2152000291.jpg", alt: "Logo 5" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Why ViralPulse?"
      description={[
        "We bridge the gap between complex digital trends and actionable growth for the Gen Z generation in India.",        "Our mission is to help you monetize your passion and master the tools that define the digital economy."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        { id: "1", title: "AI Tools", tags: ["Productivity", "Tech"], imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719566.jpg" },
        { id: "2", title: "Instagram Growth", tags: ["Social", "Viral"], imageSrc: "http://img.b2bpic.net/free-photo/mobility-creativity-concept-smartphone-screen_53876-94842.jpg" },
        { id: "3", title: "Make Money Online", tags: ["Finance", "Career"], imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-sign-left-side-with-white-background_187299-39804.jpg" },
        { id: "4", title: "Luxury Lifestyle", tags: ["Premium", "Travel"], imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-standing-by-window_1303-12894.jpg" },
        { id: "5", title: "Digital Assets", tags: ["Monetization", "Web3"], imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-looking-social-media-smartphone_53876-102034.jpg" },
        { id: "6", title: "Online Business", tags: ["Strategy", "Scaling"], imageSrc: "http://img.b2bpic.net/free-photo/two-business-woman-working-office-with-digital-tablet_1301-3550.jpg" },
      ]}
      title="Trending Categories"
      description="Explore the niches that drive the digital economy."
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest Viral Insights"
      description="Fast-ranking articles that keep you ahead of the competition."
      blogs={[
        { id: "b1", category: "AI Tools", title: "10 AI Tools That Save You 20 Hours a Week", excerpt: "Boost your productivity with these game-changing tools.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-doing-teamwork-startup-presentation-anlayzing-research-data-information-documents-planning-report-project-with-notes-paperwork-files-office-with-big-windows_482257-49771.jpg", authorName: "Founders Desk", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", date: "Oct 24, 2024" },
        { id: "b2", category: "Instagram", title: "The Secret Algorithm Hack for Gen Z Reels", excerpt: "How to get 100k views on every single reel you post.", imageSrc: "http://img.b2bpic.net/free-photo/focus-smartphone-used-by-tech-vlogger-review-vr-glasses-studio_482257-121809.jpg", authorName: "Growth Hacker", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", date: "Oct 23, 2024" },
        { id: "b3", category: "Earning", title: "How to Earn ₹1 Lakh Monthly Online", excerpt: "Practical steps to start your journey in the digital economy.", imageSrc: "http://img.b2bpic.net/free-vector/internet-banking-poster_1284-4064.jpg", authorName: "Money Master", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg", date: "Oct 22, 2024" },
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "500k+", title: "Monthly Readers", description: "Highly engaged Gen Z audience", icon: Users },
        { id: "m2", value: "95%", title: "Growth Rate", description: "Month-over-month viral engagement", icon: TrendingUp },
        { id: "m3", value: "200+", title: "AI Tools Reviewed", description: "Trusted tech insights", icon: Database },
      ]}
      title="Why Our Strategy Works"
      description="Numbers speak for themselves."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", title: "Game Changer", quote: "I tripled my engagement using their Instagram strategy.", name: "Aarav Sharma", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-suit-white-shirt-with-wireless-earphones-happily-lookingin-camera-with-laptop-hands-while-spending-time-outdoor_574295-5776.jpg" },
        { id: "t2", title: "AI Masterclass", quote: "The AI tool list helped me automate my whole business.", name: "Priya Singh", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg" },
        { id: "t3", title: "Highly Recommend", quote: "The content here is consistently ahead of the curve.", name: "Rohan Mehta", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-studio_1157-20870.jpg" },
        { id: "t4", title: "Solid Growth", quote: "Finally, a strategy that actually works for India.", name: "Ishaan Das", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg" },
        { id: "t5", title: "Best Resource", quote: "My go-to site for staying updated with tech.", name: "Meera Iyer", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/female-make-up-blogger-with-streaming-with-smartphone-laptop-home_23-2148771524.jpg" },
      ]}
      title="From Our Community"
      description="See why content creators trust ViralPulse India."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Stay Viral"
      description="Subscribe to our weekly newsletter for exclusive tips."
      inputs={[
        { name: "name", type: "text", placeholder: "Your Name" },
        { name: "email", type: "email", placeholder: "Your Email Address" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desktop-with-laptop-magnifier_23-2148430895.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        { items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
        { items: [{ label: "Advertise", href: "#" }, { label: "Privacy Policy", href: "#" }] },
        { items: [{ label: "Instagram", href: "#" }, { label: "YouTube", href: "#" }] },
      ]}
      logoText="ViralPulse India"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}