"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Calendar, Lightbulb, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Projects",          id: "#projects"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Nexaura Services"
      button={{
        text: "Book a Consultation",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Collaborate Create Earn Grow Together"
      description="Showcase your latest projects, book expert consultations instantly, or join our creator network and earn points toward premium services. One platform for every creative need."
      buttons={[
        {
          text: "Explore Projects & Book Now",          href: "#projects"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",          alt: "Avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-dressed-jacket-glasses-poses-pink-with-serious-emotions-clasped-hands_291650-1132.jpg",          alt: "Avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",          alt: "Avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",          alt: "Avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",          alt: "Authentic book club scene"},
      ]}
      avatarText="Join 1000+ happy creators & clients"
      imageSrc="http://img.b2bpic.net/free-photo/sales-consultant-using-e-commerce-statistics-computer-monitor-develop-financial-growth-business-development-manager-working-with-data-analysis-diagrams-research-tripod-shot_482257-40942.jpg"
      imageAlt="Nexaura Services Dashboard"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",          alt: "Businessman studying infographics and performance metrics"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",          alt: "Digital tablet for online learning"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg",          alt: "Businessman doing research analysis on computer screen to plan financial statistics with charts and graphs data. Male employee working with diagram report to find sales profit for e commerce."},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",          alt: "Luxurious boardroom space within a multinational company used for meetings"},
        {
          type: "text-icon",          text: "New Ideas Daily",          icon: Lightbulb,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Your Creative Hub for Growth"
      description="Nexaura Services is the premier platform connecting visionary businesses with exceptional freelance talent. We streamline project execution, foster rewarding collaborations, and empower creators to thrive, transforming ideas into impactful realities."
      metrics={[
        {
          value: "200+",          title: "Projects Completed"},
        {
          value: "500+",          title: "Happy Clients"},
        {
          value: "150+",          title: "Expert Freelancers"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mindless-zombie-woman-talking-with-office-colleague-while-scary-dead-coworker-passing-by-businessman-discussing-with-creepy-evil-monster-while-spooky-bizarre-undead-corpse-walks-by-them_482257-46724.jpg"
      imageAlt="Creative team collaborating"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "buyer-showcase",          title: "Showcase Your Vision",          author: "Service Buyers",          description: "Explore a curated portfolio of completed projects to find the perfect style and expertise for your needs. Filter by discipline, budget, and timeline.",          tags: [
            "Discovery",            "Portfolio",            "Quality"],
          imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",          imageAlt: "Project showcase interface"},
        {
          id: "buyer-consultation",          title: "Book Expert Consultations",          author: "Service Buyers",          description: "Schedule one-on-one video or phone consultations with project strategists to define your vision and kickstart your project with confidence and clarity.",          tags: [
            "Consultation",            "Strategy",            "Guidance"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-phone_23-2149013927.jpg",          imageAlt: "Consultation booking interface"},
        {
          id: "freelancer-points",          title: "Earn Points, Get Rewards",          author: "Freelance Contributors",          description: "Complete tasks, deliver outstanding work, and accumulate points convertible to service value. Build your reputation and unlock exclusive benefits.",          tags: [
            "Rewards",            "Growth",            "Benefits"],
          imageSrc: "http://img.b2bpic.net/free-photo/3d-cryptocurrency-rendering-design_23-2149074565.jpg",          imageAlt: "Freelancer points system"},
      ]}
      title="Empowering Your Creative Journey"
      description="Whether you're a business seeking top talent or a freelancer looking for opportunities, Nexaura Services provides the tools to succeed."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "project-design-1",          name: "Brand Identity Design",          price: "Graphic Design",          variant: "Logo & Guidelines",          imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg",          imageAlt: "Modern brand identity design"},
        {
          id: "project-webdev-1",          name: "Responsive Web Development",          price: "Web Development",          variant: "Frontend & Backend",          imageSrc: "http://img.b2bpic.net/free-photo/ramadan-tablet-pc-right-side_187299-37920.jpg",          imageAlt: "Responsive website design on multiple devices"},
        {
          id: "project-media-1",          name: "Dynamic Explainer Video",          price: "Media Production",          variant: "Animation & Script",          imageSrc: "http://img.b2bpic.net/free-photo/video-specialist-edits-cinematic-visuals_482257-121324.jpg",          imageAlt: "Animated explainer video"},
        {
          id: "project-app-1",          name: "Mobile App UI/UX",          price: "UI/UX Design",          variant: "iOS & Android",          imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15874.jpg",          imageAlt: "Mobile application user interface"},
        {
          id: "project-illustration-1",          name: "Digital Concept Art",          price: "Illustration",          variant: "Character & Environment",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320748.jpg",          imageAlt: "Vibrant digital illustration"},
        {
          id: "project-branding-1",          name: "Full Corporate Branding",          price: "Branding Strategy",          variant: "Comprehensive Package",          imageSrc: "http://img.b2bpic.net/free-vector/modern-business-stationery-collection_23-2148369111.jpg",          imageAlt: "Corporate branding elements"},
      ]}
      title="Our Diverse Project Portfolio"
      description="Explore a selection of our most impactful projects across various creative disciplines, demonstrating the quality and breadth of talent available on Nexaura Services."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "120K+",          title: "Projects Facilitated",          description: "Connecting businesses with expert freelancers for successful project outcomes.",          imageSrc: "http://img.b2bpic.net/free-photo/two-asian-colleagues-standing-by-window-with-charts-diagrams_1098-20207.jpg",          imageAlt: "Infographic of projects completed"},
        {
          id: "metric-2",          value: "75K+",          title: "Creative Contributors",          description: "A thriving community of designers, developers, and media specialists.",          imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg",          imageAlt: "Infographic of creative contributors"},
        {
          id: "metric-3",          value: "5M+",          title: "Points Earned & Redeemed",          description: "Empowering freelancers with rewards and clients with flexible service options.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-trader-works-from-home-using-laptop-study-stock-prices_482257-121736.jpg",          imageAlt: "Infographic of points earned and redeemed"},
      ]}
      title="Impact & Growth at a Glance"
      description="Our platform fosters a vibrant ecosystem of creativity and productivity, driving tangible results for both clients and freelancers worldwide."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "consultation",          tag: "Consultation",          tagIcon: Calendar,
          price: "$0 - $99",          period: "per session",          description: "Book a strategic consultation to refine your project vision, get expert advice, or explore partnership opportunities.",          button: {
            text: "Schedule Session",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "15-60 min Expert Session",            "Project Scope Definition",            "Talent Matching Guidance",            "Custom Quote (if applicable)"],
        },
        {
          id: "point-redemption",          tag: "Point Redemption",          tagIcon: Star,
          price: "1 Point = $1",          period: "service value",          description: "Redeem your accumulated points for any of our services, from design work to development, making your contributions directly valuable.",          button: {
            text: "Redeem Points",            href: "#contact"},
          featuresTitle: "Benefits:",          features: [
            "Flexible Service Exchange",            "Exclusive Creator Discounts",            "Boosted Portfolio Opportunities",            "Priority Access to New Projects"],
        },
      ]}
      title="Engage & Exchange"
      description="Access expert guidance or leverage your earned points for premium services. Nexaura Services offers flexible options to fit every need."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Small Business Owner",          testimonial: "Nexaura helped me find an amazing designer for my startup's branding. The process was smooth, and the quality was beyond my expectations!",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-indoors-medium-shot_23-2148944925.jpg",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Michael T.",          role: "Freelance Web Developer",          testimonial: "Earning points with Nexaura is incredibly rewarding. It motivates me to take on more projects, and redeeming them for new software is a huge perk.",          imageSrc: "http://img.b2bpic.net/free-photo/artist-talking-phone_23-2148422175.jpg",          imageAlt: "Michael T."},
        {
          id: "3",          name: "Emily R.",          role: "Marketing Director, Enterprise Client",          testimonial: "The consultation sessions with Nexaura's strategists are invaluable. They truly understand our needs and connect us with exceptional talent for ongoing campaigns.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-turning-towards-window_329181-14572.jpg",          imageAlt: "Emily R."},
        {
          id: "4",          name: "David K.",          role: "Independent Graphic Artist",          testimonial: "My portfolio has grown exponentially thanks to the diverse projects available on Nexaura. It's a fantastic platform for creative professionals.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg",          imageAlt: "David K."},
        {
          id: "5",          name: "Olivia M.",          role: "Startup Founder",          testimonial: "Booking a consultation was seamless. Nexaura's team guided me through the entire design process, ensuring my vision came to life perfectly.",          imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg",          imageAlt: "Olivia M."},
        {
          id: "6",          name: "Daniel S.",          role: "Video Editor",          testimonial: "The point system makes work feel like a game! I love the flexibility and the option to redeem points for industry-standard editing software.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241224.jpg",          imageAlt: "Daniel S."},
      ]}
      title="What Our Community Says"
      description="Hear directly from our satisfied clients and thriving freelance contributors about their experiences with Nexaura Services."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How do I book a consultation?",          content: "You can easily book a consultation session through our 'Contact Us' section. Simply fill out the form, and our team will get in touch to schedule your preferred time and topic."},
        {
          id: "faq-2",          title: "What kind of projects can I find here?",          content: "Nexaura Services covers a wide range of creative disciplines including graphic design, web development, UI/UX design, media production, branding, and illustration."},
        {
          id: "faq-3",          title: "How do freelancers earn and redeem points?",          content: "Freelancers earn points by successfully completing tasks and projects. These points can then be redeemed at a 1:1 value ($1 = 1 point) for premium services, software, or other benefits on our platform."},
        {
          id: "faq-4",          title: "Is Nexaura suitable for Enterprise Clients?",          content: "Yes, we offer tailored solutions and dedicated support for enterprise clients, including ongoing creative partnerships and direct scheduling with senior staff for larger projects. Contact us for a custom plan."},
        {
          id: "faq-5",          title: "What makes Nexaura different from other platforms?",          content: "Nexaura stands out with its mobile-first application approach, a unique points-based reward system for freelancers, and a strong focus on high-quality project showcases across diverse creative fields."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about Nexaura Services, from booking consultations to freelancer rewards."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Ready to transform your vision into reality? Get in touch with Nexaura Services today for expert consultations or to join our vibrant creative community."
      buttons={[
        {
          text: "Book Your Consultation",          href: "#"},
        {
          text: "Join Our Network",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Nexaura Services"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Graphic Design",              href: "#projects"},
            {
              label: "Web Development",              href: "#projects"},
            {
              label: "Media Production",              href: "#projects"},
            {
              label: "UI/UX Design",              href: "#projects"},
          ],
        },
        {
          title: "Platform",          items: [
            {
              label: "How It Works",              href: "#about"},
            {
              label: "Earn Points",              href: "#features"},
            {
              label: "Redeem Rewards",              href: "#pricing"},
            {
              label: "Our Impact",              href: "#metrics"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Careers",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Nexaura Services. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
