bender/66df2b1f-5ded-4a6b-9088-68c61a32c2ef
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-02 19:17:04 +00:00
parent 29c02b3840
commit 78200dec03
1 changed files with 46 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

239
src/app/page.tsx
View File

@@ -20,7 +20,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="fluid"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
@@ -43,43 +43,31 @@ export default function HomePage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "fluid" }}
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?_wi=1"
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?_wi=1"
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?_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"
},
{
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: "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?_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"
}
]}
testimonialRotationInterval={5000}
@@ -115,40 +103,16 @@ export default function HomePage() {
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-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?_wi=1",
imageAlt: "Complete student profile interface",
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-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: []
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"
@@ -166,40 +130,16 @@ export default function HomePage() {
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-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?_wi=2",
imageAlt: "Progress tracking indicator",
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?_wi=2",
imageAlt: "Manual review and approval process",
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?_wi=3",
imageAlt: "Content moderation system",
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"
@@ -217,52 +157,22 @@ export default function HomePage() {
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-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-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-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-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-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: []
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"
@@ -280,52 +190,22 @@ export default function HomePage() {
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-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-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-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-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-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: []
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"
@@ -343,52 +223,28 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "test-1",
name: "Emma Watson",
role: "Grade 12 Student",
company: "Verified Placement - Capital Corp",
rating: 5,
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,
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-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?_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"
},
{
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-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?_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"
}
]}
gridVariant="uniform-all-items-equal"
@@ -405,9 +261,9 @@ export default function HomePage() {
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" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/creative-professionals-sitting-together-table-with-blueprints-working-project_74855-9768.jpg?_wi=2"
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"
@@ -421,8 +277,7 @@ export default function HomePage() {
<FooterBaseReveal
columns={[
{
title: "For Students",
items: [
title: "For Students", items: [
{ label: "Start Verification", href: "/student/verification" },
{ label: "Browse Placements", href: "/jobs" },
{ label: "Student Dashboard", href: "/student/dashboard" },
@@ -430,8 +285,7 @@ export default function HomePage() {
]
},
{
title: "For Employers",
items: [
title: "For Employers", items: [
{ label: "Post an Opportunity", href: "/employer/listings" },
{ label: "Employer Dashboard", href: "/employer/dashboard" },
{ label: "Browse Candidates", href: "/employer/dashboard" },
@@ -439,8 +293,7 @@ export default function HomePage() {
]
},
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "About KNBA SIB", href: "#about" },
{ label: "How It Works", href: "#how-it-works" },
{ label: "Privacy Policy", href: "#" },