Merge version_2 into main #1
374
src/app/page.tsx
374
src/app/page.tsx
@@ -31,131 +31,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "courses",
|
||||
},
|
||||
{
|
||||
name: "Faculty",
|
||||
id: "faculty",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Faculty", id: "faculty" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SIMS Kohat"
|
||||
brandName="Safety First Academy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Excellence in Medical Education"
|
||||
description="Empowering the next generation of healthcare leaders in Kohat through elite preparation and dedication."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ayesha Khan",
|
||||
handle: "MDCAT Topper",
|
||||
testimonial: "SIMS Kohat completely transformed my exam preparation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-looking-camera-smiling-while-elderly-patient-waiting-him-background-dental-hygiene-stomatologist-with-protection-glasses-standing-front-webcam-stomatological-clinic_482257-3573.jpg",
|
||||
},
|
||||
{
|
||||
name: "Zaid Ahmed",
|
||||
handle: "NUMS Aspirant",
|
||||
testimonial: "The faculty at SIMS provides unparalleled guidance and mentorship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-superwoman-doctor-uniform-with-red-cape-stethoscope-optical-glasses-thumbs-up-isolated-white-wall_141793-95740.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria Ali",
|
||||
handle: "FSC Student",
|
||||
testimonial: "Best study environment for focused medical entrance prep.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980746.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bilal Hussain",
|
||||
handle: "Future Doctor",
|
||||
testimonial: "Clear concepts and frequent tests were key to my success.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-isolated-grey_651396-917.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sana Noor",
|
||||
handle: "Medical Student",
|
||||
testimonial: "Highly recommended for every student aspiring to join a medical college.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Courses",
|
||||
href: "#courses",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-beautiful-young-woman-friends-using-digital-tablet-home_1301-4024.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-teenagers-surfing-internet-tablet-stairs_23-2148208790.jpg",
|
||||
alt: "Smiling teenagers surfing internet on tablet on stairs",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sharing-tablet-with-classmate_23-2147663833.jpg",
|
||||
alt: "Man sharing tablet with classmate",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenage-couple-sitting-together-sofa-looking-digital-table_23-2148151865.jpg",
|
||||
alt: "Teenage couple sitting together on sofa looking at digital table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-looking-smartphone_1157-581.jpg",
|
||||
alt: "Women looking a smartphone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/three-young-positive-students-using-digital-tablet-cafe_1262-18119.jpg",
|
||||
alt: "Three young positive students using digital tablet in cafe",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5000+ successful students"
|
||||
title="Professional Safety & Compliance Courses"
|
||||
description="Master essential workplace safety protocols with our industry-leading educational programs."
|
||||
buttons={[{ text: "Start Your Medical Journey", href: "#contact" }]}
|
||||
imageSrc="https://images.unsplash.com/photo-1581092160607-ee22621dd758?q=80&w=2070&auto=format&fit=crop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Legacy of Academic Excellence"
|
||||
description="At SIMS Kohat, we combine innovative teaching methods with personalized mentorship to ensure every student achieves their academic potential."
|
||||
title="Commitment to Workplace Safety"
|
||||
description="We provide rigorous training to ensure workers, students, and professionals meet the highest safety standards in their respective fields."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Success Rate",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Graduates",
|
||||
},
|
||||
{ value: "10k+", title: "Students Trained" },
|
||||
{ value: "99%", title: "Certification Rate" },
|
||||
{ value: "20+", title: "Accredited Courses" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building_1127-3188.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageSrc="https://images.unsplash.com/photo-1504917595217-d4f5ebe612b0?q=80&w=2070&auto=format&fit=crop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,254 +71,25 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "MDCAT Preparation",
|
||||
price: "Elite Pack",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15674.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "NUMS Preparation",
|
||||
price: "Comprehensive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-classroom-students_23-2150906202.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Entry Test Prep",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-multiethnic-kids-wearing-vr-headsets-teacher-watching-them_74855-16387.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "FSC Coaching",
|
||||
price: "Annual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-facility-with-modern-equipment-designed-medicine_482257-112483.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Medical Academy",
|
||||
price: "Intensive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-patient-consultation-with-black-medic-modern-clinic-lobby_482257-131071.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Crash Courses",
|
||||
price: "Fast Track",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906184.jpg",
|
||||
},
|
||||
]}
|
||||
title="Premium Courses"
|
||||
description="Specialized curriculum for top tier medical entrance exams."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faculty" data-section="faculty">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Dr. Farhan",
|
||||
role: "Head of MDCAT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-wearing-lab-coat_23-2149551158.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Prof. Sara",
|
||||
role: "Senior Chemistry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-85913.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Dr. Ali",
|
||||
role: "Bio Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",
|
||||
},
|
||||
]}
|
||||
title="Expert Faculty"
|
||||
description="Learn from the most experienced educators in the region."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "st1",
|
||||
value: "100+",
|
||||
description: "Expert Teachers",
|
||||
},
|
||||
{
|
||||
id: "st2",
|
||||
value: "2000+",
|
||||
description: "Success Stories",
|
||||
},
|
||||
{
|
||||
id: "st3",
|
||||
value: "50+",
|
||||
description: "Gold Medals",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven results defining our path to excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "MDCAT Student",
|
||||
company: "SIMS Kohat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-charming-female-programmer-having-fun-show-tongue-fool-around-coworkers-lunch-break_1258-229240.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John",
|
||||
role: "FSC Topper",
|
||||
company: "SIMS Kohat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-redhead-woman-red-hat-drinking-from-thermos-warming-up-with-hot-drink-her-flask_1258-196826.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
role: "Doctor",
|
||||
company: "SIMS Kohat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-tablet_23-2147993338.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael",
|
||||
role: "Surgeon",
|
||||
company: "SIMS Kohat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David",
|
||||
role: "Med Student",
|
||||
company: "SIMS Kohat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-wearing-white-coat-with-stethoscope-happy-exited-sticking-out-tongue-standing-pink-wall_141793-47755.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Pass Rate",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Top Scores",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Excellence",
|
||||
},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="What our students say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to apply?",
|
||||
content: "Visit our website and click Apply Now.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fee schedule?",
|
||||
content: "Check our prospectus for full details.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Class timing?",
|
||||
content: "Morning and evening shifts available.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get clarity about our academy programs."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
text="Join SIMS Kohat Academy Today. Your medical career begins here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "#",
|
||||
},
|
||||
{ id: "p1", name: "Basic First Aid", price: "Certification", imageSrc: "https://images.unsplash.com/photo-1584036561566-baf8f5f1b144?q=80&w=1000&auto=format&fit=crop" },
|
||||
{ id: "p2", name: "Hazard Identification", price: "Advanced", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=1000&auto=format&fit=crop" },
|
||||
{ id: "p3", name: "Fire Safety Protocol", price: "Core", imageSrc: "https://images.unsplash.com/photo-1590602847861-f357a9332bbc?q=80&w=1000&auto=format&fit=crop" }
|
||||
]}
|
||||
title="Safety Training Curriculum"
|
||||
description="Expertly crafted courses for modern workplace environments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Academy",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Courses",
|
||||
href: "#courses",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Programs", items: [{ label: "Course List", href: "#courses" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }] }
|
||||
]}
|
||||
logoText="SIMS Kohat"
|
||||
logoText="Safety First Academy"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #151515;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #ffd700;
|
||||
--background: #000f06;
|
||||
--card: #081a10;
|
||||
--foreground: #f0fff4;
|
||||
--primary-cta: #059669;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1e3a8a;
|
||||
--secondary-cta: #10b981;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #1e3a8a;
|
||||
--background-accent: #1e3a8a;
|
||||
--accent: #047857;
|
||||
--background-accent: #065f46;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user