Merge version_1 into main #2
217
src/app/page.tsx
217
src/app/page.tsx
@@ -30,104 +30,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Workshops",
|
||||
id: "/workshops",
|
||||
},
|
||||
name: "Workshops", id: "/workshops"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="SkillQuest"
|
||||
button={{
|
||||
text: "Register",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Register", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Level Up Your Skills with Real-World Workshops"
|
||||
description="Engage in hands-on learning, build real projects, and earn certifications that stand out to industry leaders. Your quest starts here."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Active Students",
|
||||
},
|
||||
value: "500+", label: "Active Students"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Expert Workshops",
|
||||
},
|
||||
value: "100+", label: "Expert Workshops"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Job Success Rate",
|
||||
},
|
||||
value: "98%", label: "Job Success Rate"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Workshops",
|
||||
href: "/workshops",
|
||||
},
|
||||
text: "Explore Workshops", href: "/workshops"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-students-learning-exam_23-2149647127.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-students-learning-exam_23-2149647127.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg", alt: "Student 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-female-african-student-enjoying-company-with-friends-lecture-hall-indoor-portrait-smiling-black-office-worker-posing-with-arms-crossed-front-foreign-colleagues_197531-3863.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-female-african-student-enjoying-company-with-friends-lecture-hall-indoor-portrait-smiling-black-office-worker-posing-with-arms-crossed-front-foreign-colleagues_197531-3863.jpg", alt: "Student 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48191.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48191.jpg", alt: "Student 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29554.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29554.jpg", alt: "Student 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3783.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3783.jpg", alt: "Student 5"},
|
||||
]}
|
||||
avatarText="Join 500+ successful alumni"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "React.js",
|
||||
},
|
||||
type: "text", text: "React.js"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
type: "text", text: "UI/UX Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Architecture",
|
||||
},
|
||||
type: "text", text: "Cloud Architecture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Analysis",
|
||||
},
|
||||
type: "text", text: "Data Analysis"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Prompting",
|
||||
},
|
||||
type: "text", text: "AI Prompting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,67 +100,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hands-on Learning",
|
||||
description: "Work on real projects that mirror industry requirements.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-expert-using-laptop-look-company-security-vulnerabilities_482257-101130.jpg",
|
||||
imageAlt: "Hands-on projects",
|
||||
},
|
||||
title: "Hands-on Learning", description: "Work on real projects that mirror industry requirements.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-expert-using-laptop-look-company-security-vulnerabilities_482257-101130.jpg", imageAlt: "Hands-on projects"},
|
||||
items: [
|
||||
{
|
||||
icon: Code,
|
||||
text: "Build portfolio-ready projects",
|
||||
},
|
||||
text: "Build portfolio-ready projects"},
|
||||
{
|
||||
icon: Laptop,
|
||||
text: "Professional dev environment",
|
||||
},
|
||||
text: "Professional dev environment"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-students-learning-exam_23-2149647127.jpg?_wi=2",
|
||||
imageAlt: "minimalist project icon",
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Mentorship from industry veterans at leading tech companies.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-grabbed-shoulder-another_1156-200.jpg",
|
||||
imageAlt: "Expert mentorship",
|
||||
},
|
||||
title: "Expert Guidance", description: "Mentorship from industry veterans at leading tech companies.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-grabbed-shoulder-another_1156-200.jpg", imageAlt: "Expert mentorship"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Direct access to experts",
|
||||
},
|
||||
text: "Direct access to experts"},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Personalized feedback",
|
||||
},
|
||||
text: "Personalized feedback"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-graduation-cap-with-diploma-certificate_107791-16842.jpg",
|
||||
imageAlt: "minimalist project icon",
|
||||
},
|
||||
{
|
||||
title: "Certified Growth",
|
||||
description: "Earn recognized certificates upon successful workshop completion.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379221.jpg?_wi=1",
|
||||
imageAlt: "Professional certifications",
|
||||
},
|
||||
title: "Certified Growth", description: "Earn recognized certificates upon successful workshop completion.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379221.jpg", imageAlt: "Professional certifications"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Industry-recognized badges",
|
||||
},
|
||||
text: "Industry-recognized badges"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Skill validation",
|
||||
},
|
||||
text: "Skill validation"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-database-admins-analyzing-source-code-wall-screen-tv-comparing-errors-using-digital-tablet-busy-server-room-two-cloud-programers-debugging-algorithm-software-innovation-office_482257-43976.jpg?_wi=1",
|
||||
imageAlt: "minimalist project icon",
|
||||
},
|
||||
]}
|
||||
title="Why Choose SkillQuest?"
|
||||
@@ -215,45 +152,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Frontend Dev",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2580.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Frontend Dev", company: "Tech Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2580.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
role: "UX Designer",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-drinking-ice-drink-outside-street_1303-23949.jpg",
|
||||
},
|
||||
id: "2", name: "Michael K.", role: "UX Designer", company: "Creative Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-drinking-ice-drink-outside-street_1303-23949.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex R.",
|
||||
role: "Data Scientist",
|
||||
company: "Data Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-office-worker-woman-sitting-office-desk-using-laptop-computer-looking-camera-smiling-cheerfully-working-bright-office_141793-21260.jpg",
|
||||
},
|
||||
id: "3", name: "Alex R.", role: "Data Scientist", company: "Data Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-office-worker-woman-sitting-office-desk-using-laptop-computer-looking-camera-smiling-cheerfully-working-bright-office_141793-21260.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
role: "Product Owner",
|
||||
company: "Startup Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg",
|
||||
},
|
||||
id: "4", name: "Elena V.", role: "Product Owner", company: "Startup Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David M.",
|
||||
role: "Cloud Architect",
|
||||
company: "Sys Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
},
|
||||
id: "5", name: "David M.", role: "Cloud Architect", company: "Sys Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg"},
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Join thousands of learners who have transformed their careers through SkillQuest."
|
||||
@@ -267,19 +179,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Students",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Active Students", value: "500+"},
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Workshops",
|
||||
value: "100+",
|
||||
},
|
||||
label: "Workshops", value: "100+"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Job Success",
|
||||
value: "98%",
|
||||
},
|
||||
label: "Job Success", value: "98%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -292,12 +198,7 @@ export default function LandingPage() {
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our certifications are recognized by the world's most innovative companies."
|
||||
names={[
|
||||
"TechCorp",
|
||||
"DataLabs",
|
||||
"InnovateXYZ",
|
||||
"StartupEngine",
|
||||
"CloudTech",
|
||||
]}
|
||||
"TechCorp", "DataLabs", "InnovateXYZ", "StartupEngine", "CloudTech"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -307,37 +208,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Workshops",
|
||||
href: "/workshops",
|
||||
},
|
||||
label: "Workshops", href: "/workshops"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user