"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import Link from 'next/link';
import { CheckCircle, Zap, Shield, Lock, TrendingUp, Star, Sparkles, HelpCircle, Workflow } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "For Students", id: "/student/verification" },
            { name: "For Employers", id: "/employer/listings" },
            { name: "About", id: "#about" },
            { name: "Contact", id: "#contact" }
          ]}
          brandName="KNBA SIB Co-op"
          bottomLeftText="High School Co-op Placements"
          bottomRightText="hello@knbasibcoop.ca"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial 
          background={{ variant: "fluid" }}
          title="Connect High School Students with Real Co-op Opportunities"
          description="KNBA SIB Co-op Platform: The secure, trust-based marketplace designed specifically for high school business and tech students seeking placements in Kanata. Verified candidates. Professional standards. Real opportunities."
          tag="Kanata High School Co-op Platform"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/creative-professionals-sitting-together-table-with-blueprints-working-project_74855-9768.jpg?_wi=1"
          imageAlt="High school students collaborating in a professional environment"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Sarah Martinez",
              handle: "HR Director, TechFlow Solutions",
              testimonial: "Finally, a platform built for serious placements. The verification process ensures we're only meeting mature, professional students.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1"
            },
            {
              name: "Michael Chen",
              handle: "Co-founder, Innovate Kanata",
              testimonial: "The quality of candidates is exceptional. Students come prepared, educated, and ready to contribute from day one.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=1"
            },
            {
              name: "Jennifer Lee",
              handle: "Recruitment Manager, Capital Corp",
              testimonial: "This platform restored my faith in high school co-op programs. Professional. Trustworthy. Effective.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg?_wi=1"
            },
            {
              name: "James Robertson",
              handle: "CEO, Growth Ventures",
              testimonial: "Our best interns came from this platform. The assessment system is brilliant for filtering serious candidates.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg?_wi=1"
            }
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Apply as a Student", href: "/student/verification" },
            { text: "Post a Placement", href: "/employer/listings" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout 
          tag="Our Mission"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Building a trusted bridge between ambitious high school students and forward-thinking employers in Kanata. We filter out the noise. We highlight the serious. We make real placements happen."
          useInvertedBackground={false}
          buttons={[
            { text: "Learn How It Works", href: "#how-it-works" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia 
          title="The KNBA SIB Difference"
          description="A platform built for accountability, professionalism, and proven results"
          tag="Core Features"
          tagIcon={Shield}
          tagAnimation="slide-up"
          features={[
            {
              id: "feature-1",
              title: "Verified Student Badges",
              description: "Students earn a 'Verified' badge only after completing mandatory requirements: resume upload, parent consent, teacher verification, conduct agreement, and training modules. Employers know they're working with serious candidates.",
              tag: "Trust System",
              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=1",
              imageAlt: "Student verification process with badge",
              buttons: []
            },
            {
              id: "feature-2",
              title: "Comprehensive Student Profiles",
              description: "Professional photo, resume, video introduction, availability, skill badges, endorsements, and certificates. Employers see the full picture at a glance. Easy comparison across multiple candidates.",
              tag: "Profile Management",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg?_wi=1",
              imageAlt: "Complete student profile interface",
              buttons: []
            },
            {
              id: "feature-3",
              title: "Structured Assessment System",
              description: "Survey questions, situational judgement scenarios, and skill badge testing (Excel, Google Workspace, Marketing, Financial Literacy). Filter candidates by professionalism, accountability, and technical capability.",
              tag: "Candidate Filtering",
              imageSrc: "http://img.b2bpic.net/free-photo/customer-satisfaction-service-care-problem-solving_53876-122820.jpg",
              imageAlt: "Assessment and testing interface",
              buttons: []
            },
            {
              id: "feature-4",
              title: "Employer Comparison Tools",
              description: "Side-by-side student profile comparison, skill badge filtering, availability matching, and verified status indicators. Find the right student. Fast.",
              tag: "Employer Tools",
              imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg?_wi=1",
              imageAlt: "Employer dashboard with comparison tools",
              buttons: []
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="trust-security" data-section="trust-security">
        <FeatureCardMedia 
          title="Trust & Security Built In"
          description="Every design decision reinforces accountability and safety"
          tag="Platform Safety"
          tagIcon={Lock}
          tagAnimation="slide-up"
          features={[
            {
              id: "trust-1",
              title: "Multi-Step Verification",
              description: "Students must complete: resume upload, parent/guardian consent, teacher email verification, professional conduct agreement, and training module completion. Only then do they receive the 'Verified' badge.",
              tag: "Verification",
              imageSrc: "http://img.b2bpic.net/free-vector/gradient-data-privacy-labels-collection_23-2149457392.jpg?_wi=1",
              imageAlt: "Multi-step verification process",
              buttons: []
            },
            {
              id: "trust-2",
              title: "Completion Progress Tracking",
              description: "Employers see at a glance which students have completed all requirements. A progress bar shows completion status. No guessing. No surprises.",
              tag: "Transparency",
              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=2",
              imageAlt: "Progress tracking indicator",
              buttons: []
            },
            {
              id: "trust-3",
              title: "Manual Review Process",
              description: "Admin team manually approves student verifications and employer accounts. Personal accountability. Quality control. No automation shortcuts.",
              tag: "Quality Control",
              imageSrc: "http://img.b2bpic.net/free-vector/gradient-data-privacy-labels-collection_23-2149457392.jpg?_wi=2",
              imageAlt: "Manual review and approval process",
              buttons: []
            },
            {
              id: "trust-4",
              title: "Inappropriate Content Removal",
              description: "Admin actively monitors and removes any content that doesn't meet professional standards. The platform stays clean, safe, and professional.",
              tag: "Moderation",
              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=3",
              imageAlt: "Content moderation system",
              buttons: []
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <MetricCardTen 
          title="How It Works"
          description="Simple, transparent, effective placement process"
          tag="The Process"
          tagIcon={Workflow}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "step-1",
              title: "Student Registration",
              subtitle: "Complete mandatory verification: resume, parent consent, teacher verification, conduct agreement, training modules",
              category: "For Students",
              value: "Step 1",
              buttons: [{ text: "Start Now", href: "/student/verification" }]
            },
            {
              id: "step-2",
              title: "Build Your Profile",
              subtitle: "Add professional photo, video introduction, availability, skill badges, and endorsements. Complete assessments.",
              category: "For Students",
              value: "Step 2",
              buttons: []
            },
            {
              id: "step-3",
              title: "Get Verified Badge",
              subtitle: "Admin reviews and approves your profile. You receive the 'Verified Student' badge. Start applying.",
              category: "For Students",
              value: "Step 3",
              buttons: []
            },
            {
              id: "step-4",
              title: "Employer Posts Opportunity",
              subtitle: "Companies describe their co-op placement, requirements, and expectations. Posted immediately.",
              category: "For Employers",
              value: "Step 4",
              buttons: [{ text: "Post Now", href: "/employer/listings" }]
            },
            {
              id: "step-5",
              title: "Review & Compare Candidates",
              subtitle: "Filter by verified status, skill badges, availability, school. View profiles. Compare side-by-side. Make informed decisions.",
              category: "For Employers",
              value: "Step 5",
              buttons: []
            },
            {
              id: "step-6",
              title: "Make the Match",
              subtitle: "Select your top candidate. Coordinate placement start date. Real co-op opportunities begin.",
              category: "For Employers",
              value: "Step 6",
              buttons: []
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen 
          title="Platform Success Metrics"
          description="Tracking impact and growth across the KNBA SIB co-op community"
          tag="Impact Dashboard"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "metric-1",
              title: "Registered Students",
              subtitle: "Active high school students in the platform seeking co-op placements",
              category: "Students",
              value: "127 Active",
              buttons: []
            },
            {
              id: "metric-2",
              title: "Verified Students",
              subtitle: "Students who completed all requirements and received the Verified badge",
              category: "Verified",
              value: "94 Verified",
              buttons: []
            },
            {
              id: "metric-3",
              title: "Participating Organizations",
              subtitle: "Companies and organizations actively posting co-op opportunities",
              category: "Employers",
              value: "23 Active",
              buttons: []
            },
            {
              id: "metric-4",
              title: "Open Positions",
              subtitle: "Available co-op placements currently posted and accepting applications",
              category: "Opportunities",
              value: "18 Available",
              buttons: []
            },
            {
              id: "metric-5",
              title: "Applications Submitted",
              subtitle: "Total applications from verified students to co-op opportunities",
              category: "Activity",
              value: "312 Total",
              buttons: []
            },
            {
              id: "metric-6",
              title: "Successful Placements",
              subtitle: "Students who secured and completed their co-op placements",
              category: "Success",
              value: "43 Placed",
              buttons: []
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="Real Voices from Our Community"
          description="Employers and students share their experiences with the KNBA SIB platform"
          tag="Success Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "test-1",
              name: "Emma Watson",
              role: "Grade 12 Student",
              company: "Verified Placement - Capital Corp",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-holding-laptop-coffee-wearing-blue-gentle-shirt-modern-building_158595-6711.jpg"
            },
            {
              id: "test-2",
              name: "David Okonkwo",
              role: "Grade 11 Student",
              company: "Verified Placement - TechFlow Solutions",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-female-manager-from-sales-department-indoor-photo-smiling-woman-working-office-with-discussing-people_197531-3752.jpg"
            },
            {
              id: "test-3",
              name: "Sarah Martinez",
              role: "HR Director",
              company: "TechFlow Solutions",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2"
            },
            {
              id: "test-4",
              name: "Michael Chen",
              role: "Co-founder",
              company: "Innovate Kanata",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=2"
            },
            {
              id: "test-5",
              name: "Jennifer Lee",
              role: "Recruitment Manager",
              company: "Capital Corp",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg?_wi=2"
            },
            {
              id: "test-6",
              name: "James Robertson",
              role: "CEO",
              company: "Growth Ventures",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg?_wi=2"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Ready to Get Started?"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Join the KNBA SIB Co-op Platform Today"
          description="Whether you're a high school student ready to secure a professional co-op placement or an employer looking for top talent, we're here to make it happen. Sign up now and become part of a growing community of verified candidates and forward-thinking organizations."
          background={{ variant: "fluid" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/creative-professionals-sitting-together-table-with-blueprints-working-project_74855-9768.jpg?_wi=2"
          imageAlt="High school students and professionals collaborating"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Get Started"
          termsText="By signing up, you agree to receive updates about the KNBA SIB Co-op Platform. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[
            {
              title: "For Students",
              items: [
                { label: "Start Verification", href: "/student/verification" },
                { label: "Browse Placements", href: "/jobs" },
                { label: "Student Dashboard", href: "/student/dashboard" },
                { label: "FAQ", href: "/faq" }
              ]
            },
            {
              title: "For Employers",
              items: [
                { label: "Post an Opportunity", href: "/employer/listings" },
                { label: "Employer Dashboard", href: "/employer/dashboard" },
                { label: "Browse Candidates", href: "/employer/dashboard" },
                { label: "Contact Sales", href: "#contact" }
              ]
            },
            {
              title: "Platform",
              items: [
                { label: "About KNBA SIB", href: "#about" },
                { label: "How It Works", href: "#how-it-works" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 KNBA SIB Co-op Platform. Connecting Kanata high school students with real co-op opportunities."
        />
      </div>
    </ThemeProvider>
  );
}