"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="noise"
        cardStyle="gradient-mesh"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Programs",
          id: "#programs",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Partners",
          id: "#partners",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Tuterra"
      button={{
        text: "Sign Up",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "downward-rays-animated-grid",
      }}
      logoText="Tuterra"
      description="Unlock your full potential with Tuterra's innovative online learning platform. Master new skills, advance your career, and connect with expert instructors."
      buttons={[
        {
          text: "Explore Courses",
          href: "#programs",
        },
        {
          text: "Start Free Trial",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/sketchpad-books-black-desk_23-2148193382.jpg"
      imageAlt="Tuterra learning platform dashboard"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About Tuterra: Elevating Education"
      description={[
        "Tuterra is revolutionizing online learning by providing an immersive, high-quality educational experience. Our platform combines cutting-edge technology with expert-led content to deliver unparalleled skill development.",
        "We believe in creating a rigorous yet supportive environment where ambition meets opportunity. From foundational concepts to advanced specializations, Tuterra empowers learners worldwide to achieve their academic and professional aspirations.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Interactive Learning Modules",
          description: "Engage with dynamic content, simulations, and real-world projects designed to deepen your understanding and application of knowledge.",
          tag: "Interactive",
          imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21627.jpg",
          imageAlt: "Interactive learning module",
        },
        {
          id: "f2",
          title: "Expert-Led Instruction",
          description: "Learn from industry leaders and academic pioneers. Our instructors bring practical insights and a wealth of experience directly to you.",
          tag: "Experts",
          imageSrc: "http://img.b2bpic.net/free-photo/group-workers-using-remote-video-call-talk-man-about-business-growth-computer-team-people-meeting-discuss-marketing-collaboration-online-internet-teleconference_482257-40554.jpg",
          imageAlt: "Expert-led instruction",
        },
        {
          id: "f3",
          title: "Personalized Learning Paths",
          description: "Tailor your educational journey with adaptive pathways, progress tracking, and AI-driven recommendations that fit your unique goals and pace.",
          tag: "Personalized",
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-nurse-training-reviews-anatomy-case-files_482257-117764.jpg",
          imageAlt: "Personalized learning path",
        },
      ]}
      title="Unrivaled Learning Experience"
      description="Tuterra's core features are built to maximize engagement, retention, and real-world applicability."
    />
  </div>

  <div id="programs" data-section="programs">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Advanced AI & Machine Learning",
          price: "$499",
          imageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-implementing-advanced-ai-systems_482257-118098.jpg",
          imageAlt: "Advanced AI & Machine Learning Course",
        },
        {
          id: "p2",
          name: "Data Science & Analytics Mastery",
          price: "$599",
          imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
          imageAlt: "Data Science & Analytics Mastery Course",
        },
        {
          id: "p3",
          name: "Cloud Computing & DevOps Fundamentals",
          price: "$399",
          imageSrc: "http://img.b2bpic.net/free-photo/view-people-addicted-their-smartphone-looking-scrolling-through-screens_23-2151487321.jpg",
          imageAlt: "Cloud Computing & DevOps Fundamentals Course",
        },
        {
          id: "p4",
          name: "Cybersecurity & Network Defense",
          price: "$449",
          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg",
          imageAlt: "Cybersecurity & Network Defense Course",
        },
        {
          id: "p5",
          name: "UI/UX Design Masterclass",
          price: "$349",
          imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg",
          imageAlt: "UI/UX Design Masterclass Course",
        },
        {
          id: "p6",
          name: "Executive Leadership in Tech",
          price: "$699",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-with-group-colored-pencils-selected-focus-red_1150-19819.jpg",
          imageAlt: "Executive Leadership in Tech Course",
        },
      ]}
      title="Our Signature Programs"
      description="Dive deep into specialized fields with Tuterra's meticulously crafted programs, designed for aspiring professionals and seasoned experts alike."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          title: "Starter Access",
          price: "$49",
          period: "/month",
          features: [
            "Access to 3 courses",
            "Community forum support",
            "Basic project templates",
            "Certificate of Completion",
          ],
          button: {
            text: "Get Started",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/african-american-graphic-designer-working-photo-retouching-project_482257-121473.jpg",
          imageAlt: "Starter Access Plan Illustration",
        },
        {
          id: "pro",
          title: "Professional Plan",
          price: "$99",
          period: "/month",
          features: [
            "Access to ALL courses",
            "Priority email support",
            "Advanced project kits",
            "Career resources & mentorship",
          ],
          button: {
            text: "Choose Pro",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg",
          imageAlt: "Professional Plan Illustration",
        },
        {
          id: "enterprise",
          title: "Enterprise Solution",
          price: "Custom",
          period: "",
          features: [
            "Tailored curriculum design",
            "Dedicated account manager",
            "Team progress dashboards",
            "Private workshops & consulting",
          ],
          button: {
            text: "Contact Sales",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/online-education-homepage-e-learning-technology-concept_53876-133853.jpg",
          imageAlt: "Enterprise Solution Illustration",
        },
      ]}
      title="Flexible Plans for Every Ambition"
      description="Choose the Tuterra plan that aligns with your educational goals and professional aspirations. Scale your learning as you grow."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Johnson",
          role: "Lead Developer, InnovateTech",
          testimonial: "Tuterra transformed my understanding of AI. The instructors are phenomenal, and the practical exercises were invaluable. Highly recommend for serious learners.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-woman-model-pink-costume-with-no-makeup-isolated-gray_158538-12800.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "t2",
          name: "Michael Chen",
          role: "Product Manager, GlobalCorp",
          testimonial: "The UI/UX course was a game-changer for my team. We've seen a measurable improvement in our product design process. Truly a premium experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "t3",
          name: "Emily Rodriguez",
          role: "Data Scientist, Nexus Labs",
          testimonial: "The Data Science program is incredibly thorough. I appreciated the depth of the curriculum and the responsive support. A fantastic investment.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "t4",
          name: "David Kim",
          role: "CTO, FutureStream",
          testimonial: "Tuterra's Cloud Computing courses were instrumental in upskilling our engineering department. The content is current and extremely relevant to industry needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "t5",
          name: "Jessica Lee",
          role: "Startup Founder, Visionary AI",
          testimonial: "As a founder, time is precious. Tuterra provided condensed, high-impact learning that directly contributed to our product's success. Simply brilliant.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      title="What Our Students Say"
      description="Hear directly from professionals and aspiring experts who have accelerated their careers with Tuterra."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "GlobalTech Solutions",
        "InnovateCorp",
        "Nexus AI Labs",
        "FutureStream Systems",
        "Visionary AI Group",
        "Quantum Dynamics",
        "Apex Innovations",
      ]}
      title="Trusted by Leading Innovators"
      description="Tuterra is proud to be the chosen learning partner for some of the world's most forward-thinking companies."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How do I enroll in a Tuterra course?",
          content: "Enrollment is simple! Browse our programs, select your desired course, and follow the guided registration process. You can start learning immediately after signing up.",
        },
        {
          id: "q2",
          title: "What payment options are available?",
          content: "We accept all major credit cards, PayPal, and various regional payment methods. Flexible subscription plans and one-time course purchases are available.",
        },
        {
          id: "q3",
          title: "Is there a certificate upon course completion?",
          content: "Yes, upon successful completion of any Tuterra program, you will receive a verifiable Certificate of Completion to showcase your new skills.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/business-puzzle_1048-3145.jpg"
      imageAlt="Customer support chatbot illustration"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about Tuterra's platform and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static",
      }}
      tag="Connect With Us"
      title="Ready to Transform Your Learning?"
      description="Join the Tuterra community and unlock a world of knowledge. Sign up for updates or reach out directly for tailored solutions."
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Blog",
              href: "#",
            },
          ],
        },
        {
          title: "Programs",
          items: [
            {
              label: "All Courses",
              href: "#programs",
            },
            {
              label: "AI & ML",
              href: "#programs",
            },
            {
              label: "Data Science",
              href: "#programs",
            },
            {
              label: "Cloud & DevOps",
              href: "#programs",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Tuterra"
      copyrightText="© 2024 Tuterra. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
