309 lines
20 KiB
TypeScript
309 lines
20 KiB
TypeScript
"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="circleGradient"
|
|
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: "plain" }}
|
|
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"
|
|
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"
|
|
},
|
|
{
|
|
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"
|
|
},
|
|
{
|
|
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"
|
|
},
|
|
{
|
|
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"
|
|
}
|
|
]}
|
|
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", 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", 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", 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", 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", 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", 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", 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"
|
|
},
|
|
{
|
|
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"
|
|
},
|
|
{
|
|
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"
|
|
},
|
|
{
|
|
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"
|
|
}
|
|
]}
|
|
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: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/creative-professionals-sitting-together-table-with-blueprints-working-project_74855-9768.jpg"
|
|
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>
|
|
);
|
|
} |