7 Commits

Author SHA1 Message Date
61563590b4 Merge version_3 into main
Merge version_3 into main
2026-04-16 05:59:10 +00:00
da3f1915c5 Update src/app/page.tsx 2026-04-16 05:59:07 +00:00
cf66cbcf53 Merge version_2 into main
Merge version_2 into main
2026-04-16 05:58:01 +00:00
81f660a867 Update src/app/page.tsx 2026-04-16 05:57:58 +00:00
dd3e3a2f1e Merge version_2 into main
Merge version_2 into main
2026-04-16 05:57:37 +00:00
5b8ac9203f Update src/app/page.tsx 2026-04-16 05:57:31 +00:00
6ff77e0588 Merge version_1 into main
Merge version_1 into main
2026-04-16 05:49:06 +00:00

View File

@@ -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>
); );
} }