From 78200dec038b26cdc97321f8d2c9671918e36e39 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 19:17:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 239 +++++++++--------------------------------------
 1 file changed, 46 insertions(+), 193 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c1a365..44b9575 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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: "#" },