"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Code, Lightbulb, Star, Terminal } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="small"
        sizing="medium"
        background="none"
        cardStyle="gradient-mesh"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Skills",
          id: "#skills",
        },
        {
          name: "Projects",
          id: "#projects",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Dinesh"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Building intelligent solutions with code and creativity"
      description="I'm Dinesh, an aspiring AI/ML Engineer. Passionate about transforming complex data into meaningful insights through innovative artificial intelligence models."
      testimonials={[
        {
          name: "Dinesh",
          handle: "@dinesh_ai",
          testimonial: "Passionate first-year B.Tech IT student dedicated to mastering AI/ML technologies.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg?_wi=1",
          imageAlt: "ai technology data flow futuristic",
        },
        {
          name: "Sarah K.",
          handle: "@sarah_tech",
          testimonial: "Exceptional logic for a first-year student. Impressive foundation.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/company-files-coffee-table-accounting-office-close-up_482257-93464.jpg?_wi=1",
          imageAlt: "ai technology data flow futuristic",
        },
        {
          name: "Mark D.",
          handle: "@mark_codes",
          testimonial: "A brilliant collaborator with a knack for AI integration.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=1",
          imageAlt: "ai technology data flow futuristic",
        },
        {
          name: "Alex R.",
          handle: "@alex_dev",
          testimonial: "Highly recommended for any collaborative ML project.",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-asian-girl-sits-bench-looks-digital-tablet-screen-cheers-triumphs-wins_1258-196191.jpg?_wi=1",
          imageAlt: "ai technology data flow futuristic",
        },
        {
          name: "Priya L.",
          handle: "@priya_ml",
          testimonial: "A rising star in the AI community. Keep building!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements-collection_23-2149053605.jpg?_wi=1",
          imageAlt: "ai technology data flow futuristic",
        },
      ]}
      buttons={[
        {
          text: "View Projects",
          href: "#projects",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg?_wi=2"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg",
          alt: "Peer Programmer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
          alt: "Senior Mentor",
        },
        {
          src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
          alt: "Project Partner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
          alt: "Hackathon Judge",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
          alt: "Club Lead",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Python",
        },
        {
          type: "text",
          text: "TensorFlow",
        },
        {
          type: "text",
          text: "PyTorch",
        },
        {
          type: "text",
          text: "Machine Learning",
        },
        {
          type: "text",
          text: "Neural Networks",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="About Me"
      title="Aspiring AI/ML Engineer"
      description="Hi, I'm Dinesh. Currently navigating my first year of B.Tech in IT. I am obsessed with how AI can bridge the gap between human curiosity and technical reality."
      subdescription="My goal is to develop intelligent systems that solve real-world problems. Always learning, always building."
      icon={Star}
      imageSrc="http://img.b2bpic.net/free-photo/company-files-coffee-table-accounting-office-close-up_482257-93464.jpg?_wi=2"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="skills" data-section="skills">
      <FeatureBorderGlow
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Terminal,
          title: "Programming",
          description: "Experienced with C, Python, and JavaScript for robust backend logic.",
        },
        {
          icon: Code,
          title: "Web Development",
          description: "Strong command of HTML5, CSS3, and modern frontend design principles.",
        },
        {
          icon: Lightbulb,
          title: "AI/ML Basics",
          description: "Building my foundation in machine learning frameworks, data processing, and neural networks.",
        },
      ]}
      title="Technical Toolkit"
      description="My core competencies range from foundational software development to early-stage AI/ML implementations."
    />
  </div>

  <div id="projects" data-section="projects">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "AI Resume Analyzer",
          price: "AI/ML Project",
          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=2",
        },
        {
          id: "2",
          name: "Smart Weather App",
          price: "Web App",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-asian-girl-sits-bench-looks-digital-tablet-screen-cheers-triumphs-wins_1258-196191.jpg?_wi=2",
        },
        {
          id: "3",
          name: "Intelligent To-Do List",
          price: "Web App",
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements-collection_23-2149053605.jpg?_wi=2",
        },
        {
          id: "4",
          name: "Stock Trend Predictor",
          price: "ML Project",
          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg",
        },
        {
          id: "5",
          name: "Sentiment Analyzer",
          price: "AI Project",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
        },
        {
          id: "6",
          name: "Personal Portfolio",
          price: "Frontend",
          imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel_52683-29589.jpg",
        },
      ]}
      title="Featured Projects"
      description="A collection of my work focusing on automation, intelligence, and practical application."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Alex R.",
          date: "Oct 2023",
          title: "Peer Programmer",
          quote: "Dinesh is a highly motivated learner with a sharp focus on modern AI trends.",
          tag: "Dev",
          avatarSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg?_wi=3",
          imageAlt: "professional portrait dark background",
        },
        {
          id: "2",
          name: "Sarah K.",
          date: "Nov 2023",
          title: "Senior Mentor",
          quote: "His problem-solving skills in C and Python are impressive for a first-year student.",
          tag: "Mentor",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/company-files-coffee-table-accounting-office-close-up_482257-93464.jpg?_wi=3",
          imageAlt: "professional portrait dark background",
        },
        {
          id: "3",
          name: "Mark D.",
          date: "Dec 2023",
          title: "Project Partner",
          quote: "I love the way Dinesh approaches coding challenges. Always optimistic and analytical.",
          tag: "Collaborator",
          avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg?_wi=3",
          imageAlt: "professional portrait dark background",
        },
        {
          id: "4",
          name: "Priya L.",
          date: "Jan 2024",
          title: "Hackathon Judge",
          quote: "Exceptional attention to detail in his projects.",
          tag: "Judge",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-asian-girl-sits-bench-looks-digital-tablet-screen-cheers-triumphs-wins_1258-196191.jpg?_wi=3",
          imageAlt: "professional portrait dark background",
        },
        {
          id: "5",
          name: "Jason M.",
          date: "Feb 2024",
          title: "Club Lead",
          quote: "Dinesh is a dedicated member of our tech club. High impact potential.",
          tag: "Leader",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements-collection_23-2149053605.jpg?_wi=3",
          imageAlt: "professional portrait dark background",
        },
      ]}
      title="Community Feedback"
      description="What my peers and mentors say about my work and growth."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What is your main focus?",
          content: "I am focusing on building a deep understanding of Python and basic neural networks.",
        },
        {
          id: "2",
          title: "Are you taking new projects?",
          content: "I am always looking for challenging projects to learn from!",
        },
        {
          id: "3",
          title: "Where do you learn?",
          content: "A mix of online documentation, GitHub open source projects, and course labs.",
        },
      ]}
      sideTitle="Learning Journey"
      sideDescription="Curious about how I approach development and AI projects?"
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Let's Connect"
      title="Ready to build something together?"
      description="If you have an opportunity, a project idea, or just want to chat about AI/ML, feel free to reach out."
      buttons={[
        {
          text: "Contact Me",
          href: "mailto:dinesh@example.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "GitHub",
              href: "https://github.com/dinesh",
            },
            {
              label: "LinkedIn",
              href: "https://linkedin.com/in/dinesh",
            },
          ],
        },
        {
          items: [
            {
              label: "Projects",
              href: "#projects",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="Dinesh AI"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
