Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 61563590b4 | |||
| da3f1915c5 | |||
| cf66cbcf53 | |||
| 81f660a867 | |||
| dd3e3a2f1e | |||
| 5b8ac9203f | |||
| 6ff77e0588 |
137
src/app/page.tsx
137
src/app/page.tsx
@@ -30,35 +30,28 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "About", id: "#about" },
|
||||||
name: "About", id: "#about"},
|
{ name: "Programs", id: "#features" },
|
||||||
{
|
{ name: "Timeline", id: "#timeline" },
|
||||||
name: "Programs", id: "#features"},
|
{ name: "Apply", id: "#contact" },
|
||||||
{
|
|
||||||
name: "Timeline", id: "#timeline"},
|
|
||||||
{
|
|
||||||
name: "Apply", id: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="CMS Admissions"
|
brandName="Inspire Admissions"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain"}}
|
title="Inspire Mobile Repairing Skill Program"
|
||||||
title="Pioneering the Future of Science"
|
description="Master the art of mobile repair with our hands-on 2-month intensive training program. Learn essential diagnostics, hardware repair, and software troubleshooting from industry experts."
|
||||||
description="The College of Modern Sciences offers cutting-edge programs to prepare you for the next generation of technological discovery. Apply today."
|
|
||||||
tag="Admissions Open for 2025"
|
tag="Admissions Open for 2025"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CQTjukAQhF3kvPjXuEYMpKdMhJ/uploaded-1776319038441-npwp4jsp.jpg?_wi=1", imageAlt: "Mobile repairing tools and workbench" },
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z02q3m", imageAlt: "modern university campus exterior"},
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c2j44w", imageAlt: "students in modern lab" },
|
||||||
{
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c2j44w", imageAlt: "students in modern lab"},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
rating={5}
|
rating={5}
|
||||||
ratingText="Top-tier Research University"
|
ratingText="Certified Skill Training"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -66,17 +59,14 @@ export default function LandingPage() {
|
|||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Excellence in Modern Science"
|
title="Program Details"
|
||||||
description="At CMS, we bridge the gap between theoretical knowledge and practical innovation. Join a community of researchers, developers, and scientists pushing boundaries."
|
description="Gain practical experience at our well-equipped training center. This comprehensive two-month program is designed for students seeking a career in the rapidly growing mobile technology sector at Inspire Institute."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Duration", description: "2 Months of intensive practical training." },
|
||||||
title: "World-Class Faculty", description: "Learn from industry experts and leading researchers."},
|
{ title: "Investment", description: "Program fee: 25,000 Rupees." },
|
||||||
{
|
{ title: "Location", description: "Inspire Institute, Chandni mobile market, opposite Oppo service center, Lahwish plaza, first floor, Saddar, Hyderabad, Sindh." },
|
||||||
title: "Innovation Labs", description: "Access to state-of-the-art tech and scientific research facilities."},
|
|
||||||
{
|
|
||||||
title: "Career Support", description: "Extensive partnerships with top-tier technology corporations."},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sy5s7v"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CQTjukAQhF3kvPjXuEYMpKdMhJ/uploaded-1776319038441-npwp4jsp.jpg?_wi=2"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -87,15 +77,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Hardware Diagnostics", description: "Learn to identify motherboard issues and component failures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k16a02" },
|
||||||
title: "Advanced Data Science", description: "Master AI and Big Data analytics in real-world scenarios.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k16a02", imageAlt: "computer science coding environment"},
|
{ title: "Screen Replacement", description: "Hands-on training for delicate screen and battery repairs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gbweh1" },
|
||||||
{
|
{ title: "Software Flashing", description: "Master software debugging, OS updates, and unlocking protocols.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w85w3c" },
|
||||||
title: "Robotics Engineering", description: "Hands-on engineering projects with advanced robotics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gbweh1", imageAlt: "robotics engineering project"},
|
|
||||||
{
|
|
||||||
title: "Cloud Infrastructure", description: "Architect robust systems using modern cloud technologies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w85w3c", imageAlt: "abstract cloud computing network"},
|
|
||||||
]}
|
]}
|
||||||
title="Program Highlights"
|
title="What You Will Learn"
|
||||||
description="Specialized pathways designed for the modern learner."
|
description="Acquire the most in-demand skills in the mobile repair industry at Inspire."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -106,17 +93,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "2 Months", description: "Full Program Duration" },
|
||||||
id: "1", value: "Sept 01", description: "Applications Open"},
|
{ id: "2", value: "25,000", description: "Course Fee (PKR)" },
|
||||||
{
|
{ id: "3", value: "Saddar", description: "Training Center Location (Hyderabad)" },
|
||||||
id: "2", value: "Jan 15", description: "Early Action Deadline"},
|
|
||||||
{
|
|
||||||
id: "3", value: "March 01", description: "Final Application Deadline"},
|
|
||||||
{
|
|
||||||
id: "4", value: "May 01", description: "Decision Enrollment"},
|
|
||||||
]}
|
]}
|
||||||
title="Admissions Timeline"
|
title="Course Overview"
|
||||||
description="Stay on track with our application process."
|
description="Quick facts about our upcoming mobile technology program at Inspire."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -125,19 +107,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", title: "Life Changing", quote: "This program gave me the skills to open my own repair shop within months.", name: "Sarah J.", role: "Certified Technician" },
|
||||||
id: "1", title: "Life Changing", quote: "CMS gave me the tools to build my AI startup before graduating.", name: "Sarah J.", role: "CS Student", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f2uyc9"},
|
{ id: "2", title: "Practical", quote: "The hands-on approach made all the difference. I feel very confident now.", name: "Marcus T.", role: "Alumni" },
|
||||||
{
|
|
||||||
id: "2", title: "Supportive", quote: "The faculty here genuinely cares about our professional growth.", name: "Marcus T.", role: "Robotics Researcher", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6bvyh6"},
|
|
||||||
{
|
|
||||||
id: "3", title: "Inspirational", quote: "The curriculum is updated with industry standards, not just theory.", name: "Elena R.", role: "Data Analyst", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8sc0jb"},
|
|
||||||
{
|
|
||||||
id: "4", title: "Top Notch", quote: "Unparalleled networking opportunities with top tech companies.", name: "David K.", role: "Network Engineer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nwh2kq"},
|
|
||||||
{
|
|
||||||
id: "5", title: "Innovative", quote: "I feel prepared for the competitive job market after graduating.", name: "Lisa B.", role: "Cybersecurity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cq45ss"},
|
|
||||||
]}
|
]}
|
||||||
title="Student Experiences"
|
title="Student Experiences"
|
||||||
description="What our future-shapers are saying about their journey at CMS."
|
description="Hear from our graduates who have launched successful careers via Inspire."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -145,14 +119,11 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "Are tools provided?", content: "Yes, all necessary tools and equipment are provided during training sessions at Inspire." },
|
||||||
id: "1", title: "What are the entry requirements?", content: "You will need a solid background in math and science, along with standard test scores."},
|
{ id: "2", title: "Is a certificate provided?", content: "Yes, a completion certificate is awarded upon successful assessment at the end of the program." },
|
||||||
{
|
{ id: "3", title: "How can I enroll?", content: "Contact us via the form below or visit us directly at the Inspire Institute address in Saddar, Hyderabad." },
|
||||||
id: "2", title: "Are there scholarships available?", content: "Yes, CMS offers merit-based and financial aid opportunities for all qualified students."},
|
|
||||||
{
|
|
||||||
id: "3", title: "Is the campus visit required?", content: "While not required, we highly recommend attending our open days to see the labs."},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Frequently Asked Admissions Questions"
|
sideTitle="Frequently Asked Questions"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -160,49 +131,25 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Start Your Application"
|
title="Start Your Training"
|
||||||
description="Ready to shape the future of science? Get started by submitting your request below."
|
description="Ready to begin your journey in mobile repairing at Inspire? Sign up today to secure your spot."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||||
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "program", type: "text", placeholder: "Desired Program", required: true,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g63qib"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CQTjukAQhF3kvPjXuEYMpKdMhJ/uploaded-1776319038441-npwp4jsp.jpg?_wi=3"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Admissions", href: "#contact" }, { label: "Programs", href: "#features" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Admissions", href: "#contact"},
|
|
||||||
{
|
|
||||||
label: "Programs", href: "#features"},
|
|
||||||
{
|
|
||||||
label: "Faculty", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Terms of Service", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="CMS"
|
logoText="Inspire"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user