"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "About", id: "#about" },
              { name: "Projects", id: "#projects" },
              { name: "Skills", id: "#skills" },
              { name: "Contact", id: "#contact" }
            ]}
            brandName="Bala Surya Prakash"
            button={{ text: "Connect", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlay
            title="Bala Surya Prakash V"
            description="Aspiring Data Analyst & Artificial Intelligence Specialist. Dedicated to extracting actionable insights and building innovative AI-driven systems."
            buttons={[{ text: "View Projects", href: "#projects" }]}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DbfXdioCYHdwWES096iAYRS10U/uploaded-1778556309282-4cxecqhu.png"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg", alt: "Team member 1" },
              { src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-dental-office-wainting-consultation-elderly-male-smiling-webcam-s_482257-4047.jpg", alt: "Team member 2" },
              { src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Team member 3" },
              { src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Team member 4" },
              { src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg", alt: "Team member 5" }
            ]}
            avatarText="Join 500+ professionals"
          />
        </div>

        <div id="about" data-section="about">
          <InlineImageSplitTextAbout
            useInvertedBackground={true}
            heading={[
              { type: "text", content: "About Me" },
              { type: "image", src: "http://img.b2bpic.net/free-photo/business-executives-shaking-hands-near-lift_107420-65783.jpg", alt: "About Me" }
            ]}
          />
        </div>

        <div id="projects" data-section="projects">
          <FeatureCardOne
            animationType="depth-3d"
            textboxLayout="split"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            features={[
              { title: "Intellivision", description: "Smart Assistive System for the Visually Impaired using YOLO and BLIP models.", imageSrc: "http://img.b2bpic.net/free-photo/design-blue-magnetic-metallic-shaving-isolated-white-background_23-2148263560.jpg" },
              { title: "Safetify", description: "AI-Based Emergency Monitoring System with voice recognition and GPS tracking.", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg" },
              { title: "Job Simulations", description: "Completed specialized simulations with Cognizant, Google, and BCG X.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" }
            ]}
            title="Innovative Projects"
            description="Developing AI solutions for real-world impact."
          />
        </div>

        <div id="skills" data-section="skills">
          <ProductCardFour
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={true}
            products={[
              { id: "p1", name: "Python", price: "Core Language", variant: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
              { id: "p2", name: "TensorFlow", price: "AI/ML", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" },
              { id: "p3", name: "PyTorch", price: "AI/ML", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" },
              { id: "p4", name: "OpenCV", price: "Tools", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/graph-growth-success-strategy-marketing-computer-concept_53876-47081.jpg" },
              { id: "p5", name: "Scikit-Learn", price: "Tools", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg" },
              { id: "p6", name: "Data Analysis", price: "Core Skill", variant: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-commands-into-futuristic-ai-chatbot-help-her-solve-tasks_482257-118966.jpg" }
            ]}
            title="Technical Skill Set"
            description="Expertise in data analytics, AI/ML models, and software engineering tools."
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardSeven
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", value: "25", title: "Rankings", items: ["Accenture Innovation Challenge"] },
              { id: "m2", value: "7.8", title: "CGPA", items: ["Engineering Degree"] },
              { id: "m3", value: "4+", title: "Certifications", items: ["Oracle Cloud & Industry Sims"] }
            ]}
            title="Achievements"
            description="Key performance highlights and academic milestones."
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardFive
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={true}
            team={[
              { id: "t1", name: "Akshaya College", role: "B.Tech AI & Data Science", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-working_23-2149304136.jpg" },
              { id: "t2", name: "Internship", role: "Nxtlogic Software Solutions", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
              { id: "t3", name: "Simulations", role: "Cognizant / Google / BCG X", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg" }
            ]}
            title="Education Background"
            description="Academic foundation in Artificial Intelligence."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwo
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Sarah Mentor", role: "Industry Leader", testimonial: "Bala is a highly capable analyst with excellent problem-solving skills.", imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg" },
              { id: "2", name: "David Tech", role: "Engineer", testimonial: "His work on AI object detection was exceptionally scalable.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23576.jpg" },
              { id: "3", name: "Elena Growth", role: "Data Manager", testimonial: "Data cleaning and actionable insights are his strongest suits.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg" },
              { id: "4", name: "Sam AI", role: "Researcher", testimonial: "Fast learner, deeply committed to model performance optimization.", imageSrc: "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" },
              { id: "5", name: "Linda Lead", role: "CEO", testimonial: "Exceptional integration of real-world business applications with AI.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-asian-businessman-businesswoman-meeting-brainstorming-some-new-ideas-about-project_7861-2781.jpg" }
            ]}
            title="Professional Endorsements"
            description="Reflections from industry mentors and peers."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            useInvertedBackground={true}
            background={{ variant: "gradient-bars" }}
            text="Let's connect! I am currently looking for data analyst roles and open to interesting projects."
            buttons={[{ text: "Contact Me", href: "mailto:vbalasuryaprakash@gmail.com" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="Bala Surya Prakash V"
            columns={[
              { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }] },
              { title: "Social", items: [{ label: "LinkedIn", href: "https://www.linkedin.com/in/v-bala-surya-prakash" }, { label: "GitHub", href: "https://github.com/BalaSuryaPrakash" }] }
            ]}
            copyrightText="© 2025 Bala Surya Prakash V | Built for Analytics Excellence"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
