Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Training",
|
||||
id: "features",
|
||||
},
|
||||
name: "Training", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FreeForce"
|
||||
/>
|
||||
@@ -54,42 +46,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Futures Through Digital Excellence"
|
||||
description="FreeForce provides comprehensive workforce development that equips community members with essential digital skills through hands-on, expert-led training."
|
||||
tag="Workforce Development Agency"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=1",
|
||||
imageAlt: "Digital training lab",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg", imageAlt: "Digital training lab"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=2",
|
||||
imageAlt: "Workforce development session",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg", imageAlt: "Workforce development session"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=3",
|
||||
imageAlt: "Digital skill acquisition",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg", imageAlt: "Digital skill acquisition"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=4",
|
||||
imageAlt: "Hands-on technical workshop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg", imageAlt: "Hands-on technical workshop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=5",
|
||||
imageAlt: "Future focused training",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg", imageAlt: "Future focused training"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,7 +79,7 @@ export default function LandingPage() {
|
||||
description="FreeForce is dedicated to transforming career pathways for community applicants. Our programs focus on practical, industry-aligned digital training that ensures long-term professional success."
|
||||
subdescription="We believe digital literacy is the foundation of economic mobility."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-executives-collaborating-office-analyzing-data-business-growth_482257-123720.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-executives-collaborating-office-analyzing-data-business-growth_482257-123720.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -115,34 +92,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Digital Literacy",
|
||||
description: "Master the essentials of the modern web and digital workspace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=6",
|
||||
},
|
||||
title: "Digital Literacy", description: "Master the essentials of the modern web and digital workspace.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Advanced Software Tools",
|
||||
description: "Learn the industry-standard software used in tech and business today.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=7",
|
||||
},
|
||||
title: "Advanced Software Tools", description: "Learn the industry-standard software used in tech and business today.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Career Readiness",
|
||||
description: "Resume workshops, interview preparation, and job placement assistance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=8",
|
||||
},
|
||||
title: "Career Readiness", description: "Resume workshops, interview preparation, and job placement assistance.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Data Analytics",
|
||||
description: "Unlock insights with data visualization and analytical tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=9",
|
||||
},
|
||||
title: "Data Analytics", description: "Unlock insights with data visualization and analytical tools.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg"},
|
||||
{
|
||||
id: 5,
|
||||
title: "Cybersecurity Basics",
|
||||
description: "Stay safe online with foundational security best practices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=10",
|
||||
},
|
||||
title: "Cybersecurity Basics", description: "Stay safe online with foundational security best practices.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg"},
|
||||
]}
|
||||
title="Core Training Programs"
|
||||
description="Comprehensive skill sets designed for modern job markets."
|
||||
@@ -153,42 +115,18 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Graduates",
|
||||
subtitle: "Trained professionals",
|
||||
category: "Success",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m1", title: "Graduates", subtitle: "Trained professionals", category: "Success", value: "500+"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Placement",
|
||||
subtitle: "Career employment rate",
|
||||
category: "Employment",
|
||||
value: "85%",
|
||||
},
|
||||
id: "m2", title: "Placement", subtitle: "Career employment rate", category: "Employment", value: "85%"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Partners",
|
||||
subtitle: "Local corporate allies",
|
||||
category: "Growth",
|
||||
value: "40+",
|
||||
},
|
||||
id: "m3", title: "Partners", subtitle: "Local corporate allies", category: "Growth", value: "40+"},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Workshops",
|
||||
subtitle: "Annual community events",
|
||||
category: "Engagement",
|
||||
value: "120+",
|
||||
},
|
||||
id: "m4", title: "Workshops", subtitle: "Annual community events", category: "Engagement", value: "120+"},
|
||||
{
|
||||
id: "m5",
|
||||
title: "Certifications",
|
||||
subtitle: "Industry badges earned",
|
||||
category: "Academics",
|
||||
value: "750+",
|
||||
},
|
||||
id: "m5", title: "Certifications", subtitle: "Industry badges earned", category: "Academics", value: "750+"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Measured outcomes of our workforce programs."
|
||||
@@ -201,60 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria Lopez",
|
||||
date: "Jan 2024",
|
||||
title: "Office Admin",
|
||||
quote: "FreeForce transformed my digital skills and helped me land a job within weeks!",
|
||||
tag: "Career Change",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/surprised-girl-holding-laptop_23-2148499008.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg?_wi=11",
|
||||
imageAlt: "modern computer training classroom",
|
||||
},
|
||||
id: "1", name: "Maria Lopez", date: "Jan 2024", title: "Office Admin", quote: "FreeForce transformed my digital skills and helped me land a job within weeks!", tag: "Career Change", avatarSrc: "http://img.b2bpic.net/free-photo/surprised-girl-holding-laptop_23-2148499008.jpg", imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg", imageAlt: "modern computer training classroom"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
date: "Feb 2024",
|
||||
title: "Junior Developer",
|
||||
quote: "The hands-on training was exactly what I needed to break into tech.",
|
||||
tag: "New Career",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149005913.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-executives-collaborating-office-analyzing-data-business-growth_482257-123720.jpg?_wi=2",
|
||||
imageAlt: "consulting agency workforce training",
|
||||
},
|
||||
id: "2", name: "John Doe", date: "Feb 2024", title: "Junior Developer", quote: "The hands-on training was exactly what I needed to break into tech.", tag: "New Career", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149005913.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-executives-collaborating-office-analyzing-data-business-growth_482257-123720.jpg", imageAlt: "consulting agency workforce training"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Smith",
|
||||
date: "Mar 2024",
|
||||
title: "Data Assistant",
|
||||
quote: "Supportive staff and truly practical knowledge.",
|
||||
tag: "Skill Up",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/group-diverse-business-people-with-growth-graph_53876-47061.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-girl-holding-laptop_23-2148499008.jpg",
|
||||
imageAlt: "smiling professional student portrait",
|
||||
},
|
||||
id: "3", name: "Sarah Smith", date: "Mar 2024", title: "Data Assistant", quote: "Supportive staff and truly practical knowledge.", tag: "Skill Up", avatarSrc: "http://img.b2bpic.net/free-photo/group-diverse-business-people-with-growth-graph_53876-47061.jpg", imageSrc: "http://img.b2bpic.net/free-photo/surprised-girl-holding-laptop_23-2148499008.jpg", imageAlt: "smiling professional student portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Apr 2024",
|
||||
title: "IT Technician",
|
||||
quote: "The best program I've attended, highly recommended.",
|
||||
tag: "Career Growth",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-businesswoman-posing-isolated_329181-15404.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149005913.jpg",
|
||||
imageAlt: "professional woman digital career",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "Apr 2024", title: "IT Technician", quote: "The best program I've attended, highly recommended.", tag: "Career Growth", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-businesswoman-posing-isolated_329181-15404.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2149005913.jpg", imageAlt: "professional woman digital career"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rodriguez",
|
||||
date: "May 2024",
|
||||
title: "Marketing Analyst",
|
||||
quote: "I feel empowered and confident in my digital career journey now.",
|
||||
tag: "Empowerment",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-modern-man-posing_23-2148718064.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-business-people-with-growth-graph_53876-47061.jpg",
|
||||
imageAlt: "diverse student professional portrait",
|
||||
},
|
||||
id: "5", name: "Elena Rodriguez", date: "May 2024", title: "Marketing Analyst", quote: "I feel empowered and confident in my digital career journey now.", tag: "Empowerment", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-modern-man-posing_23-2148718064.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-business-people-with-growth-graph_53876-47061.jpg", imageAlt: "diverse student professional portrait"},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Real impact from real community members."
|
||||
@@ -267,27 +160,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Who can apply?",
|
||||
content: "Our program is open to all community members seeking to improve their digital skills.",
|
||||
},
|
||||
id: "f1", title: "Who can apply?", content: "Our program is open to all community members seeking to improve their digital skills."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a fee?",
|
||||
content: "Programs are supported by our corporate partners and are free for applicants.",
|
||||
},
|
||||
id: "f2", title: "Is there a fee?", content: "Programs are supported by our corporate partners and are free for applicants."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long is training?",
|
||||
content: "Most training programs run for 10-12 weeks.",
|
||||
},
|
||||
id: "f3", title: "How long is training?", content: "Most training programs run for 10-12 weeks."},
|
||||
]}
|
||||
ctaTitle="Ready to get started?"
|
||||
ctaDescription="Join our next cohort and start your career journey today."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Us", href: "#"}}
|
||||
ctaIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
@@ -297,37 +179,23 @@ export default function LandingPage() {
|
||||
logoText="FreeForce"
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Ad Choices",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ad Choices", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Organization",
|
||||
items: [
|
||||
title: "Organization", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
label: "Partners", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user