Merge version_1 into main #4
165
src/app/page.tsx
165
src/app/page.tsx
@@ -9,6 +9,7 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
@@ -20,6 +21,7 @@ import {
|
||||
Heart,
|
||||
CheckCircle,
|
||||
HelpCircle,
|
||||
Mail,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -48,7 +50,8 @@ export default function HomePage() {
|
||||
brandName="INTEGOMB"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Contact Us", href: "/contact"}}
|
||||
text: "Contact Us", href: "/contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -62,27 +65,29 @@ export default function HomePage() {
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
variant: "noiseDiagonalGradient"
|
||||
}}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/territory-college-with-green-trees_23-2147659200.jpg", imageAlt: "INTEGOMB prestigious campus aerial view"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/territory-college-with-green-trees_23-2147659200.jpg", imageAlt: "INTEGOMB prestigious campus aerial view"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/people-seated-circle-yoga-class_53876-41462.jpg", imageAlt: "Diverse students engaged in collaborative learning"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-seated-circle-yoga-class_53876-41462.jpg", imageAlt: "Diverse students engaged in collaborative learning"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/quality-labels-badges-set-chalkboard_98292-6692.jpg", imageAlt: "Excellence and achievement recognition"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/quality-labels-badges-set-chalkboard_98292-6692.jpg", imageAlt: "Excellence and achievement recognition"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Admissions", href: "/admissions"},
|
||||
text: "Explore Admissions", href: "admissions"
|
||||
},
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
text: "Learn More", href: "about"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,12 +95,14 @@ export default function HomePage() {
|
||||
<TextSplitAbout
|
||||
title="About INTEGOMB"
|
||||
description={[
|
||||
"SBP Integrasi Gombak (INTEGOMB) is a fully residential boarding school under Malaysia's Ministry of Education, located in Gombak, Selangor. Established with a mission to nurture academic excellence and character development, INTEGOMB has consistently achieved distinction in national examinations, producing leaders and scholars who contribute meaningfully to society.", "Our boarding model fosters holistic development through rigorous academics, extensive co-curricular programs, pastoral care, and a vibrant residential community. Every student benefits from comprehensive support systems—academic tutoring, mentorship, wellness services, and cultural activities—designed to unlock their full potential.", "Guided by our core values of Benar (Truth), Tepat (Precision), and Efektif (Effectiveness), we prepare students not just for examinations, but for meaningful careers and purposeful leadership in a rapidly changing world."]}
|
||||
"SBP Integrasi Gombak (INTEGOMB) is a fully residential boarding school under Malaysia's Ministry of Education, located in Gombak, Selangor. Established with a mission to nurture academic excellence and character development, INTEGOMB has consistently achieved distinction in national examinations, producing leaders and scholars who contribute meaningfully to society.", "Our boarding model fosters holistic development through rigorous academics, extensive co-curricular programs, pastoral care, and a vibrant residential community. Every student benefits from comprehensive support systems—academic tutoring, mentorship, wellness services, and cultural activities—designed to unlock their full potential.", "Guided by our core values of Benar (Truth), Tepat (Precision), and Efektif (Effectiveness), we prepare students not just for examinations, but for meaningful careers and purposeful leadership in a rapidly changing world."
|
||||
]}
|
||||
showBorder={true}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our History", href: "#features"},
|
||||
text: "View Our History", href: "features"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -110,31 +117,24 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Academic Excellence", description:
|
||||
"Cutting-edge curriculum delivered by highly qualified educators, with consistent top SPM performance and pathway to local and international tertiary education.", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/flat-university-concept_23-2148183645.jpg", imageAlt: "Modern academic facilities and learning environment"},
|
||||
id: "1", title: "Academic Excellence", description: "Cutting-edge curriculum delivered by highly qualified educators, with consistent top SPM performance and pathway to local and international tertiary education.", imageSrc: "http://img.b2bpic.net/free-vector/flat-university-concept_23-2148183645.jpg", imageAlt: "Modern academic facilities and learning environment"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "World-Class Facilities", description:
|
||||
"State-of-the-art laboratories, libraries, sports complexes, and comfortable residential quarters that support every aspect of student wellbeing and development.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708003.jpg", imageAlt: "Residential and recreational facilities"},
|
||||
id: "2", title: "World-Class Facilities", description: "State-of-the-art laboratories, libraries, sports complexes, and comfortable residential quarters that support every aspect of student wellbeing and development.", imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708003.jpg", imageAlt: "Residential and recreational facilities"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Vibrant Culture", description:
|
||||
"Rich co-curricular programs spanning sports, arts, sciences, and leadership development—fostering creativity, teamwork, and lifelong passions beyond the classroom.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/group-teenagers-cute-cheerleader-uniform_23-2149111079.jpg", imageAlt: "Cultural activities and student engagement"},
|
||||
id: "3", title: "Vibrant Culture", description: "Rich co-curricular programs spanning sports, arts, sciences, and leadership development—fostering creativity, teamwork, and lifelong passions beyond the classroom.", imageSrc: "http://img.b2bpic.net/free-photo/group-teenagers-cute-cheerleader-uniform_23-2149111079.jpg", imageAlt: "Cultural activities and student engagement"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Personalized Support", description:
|
||||
"Dedicated pastoral care, academic mentorship, and counseling services ensure every student's emotional, social, and intellectual needs are met throughout their journey.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/girl-having-fun-with-her-father-s-guitar_23-2147624695.jpg", imageAlt: "Mentorship and student support services"},
|
||||
id: "4", title: "Personalized Support", description: "Dedicated pastoral care, academic mentorship, and counseling services ensure every student's emotional, social, and intellectual needs are met throughout their journey.", imageSrc: "http://img.b2bpic.net/free-photo/girl-having-fun-with-her-father-s-guitar_23-2147624695.jpg", imageAlt: "Mentorship and student support services"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Programs", href: "#programs"},
|
||||
text: "Discover Programs", href: "programs"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -149,17 +149,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "95", title: "%", description: "Average Pass Rate in SPM Examinations", icon: TrendingUp,
|
||||
id: "1", value: "95", title: "%", description: "Average Pass Rate in SPM Examinations", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
id: "2", value: "500", title: "+", description: "Active Student Population", icon: Users,
|
||||
id: "2", value: "500", title: "+", description: "Active Student Population", icon: Users
|
||||
},
|
||||
{
|
||||
id: "3", value: "50", title: "+", description: "Co-Curricular Programs & Clubs", icon: Sparkles,
|
||||
id: "3", value: "50", title: "+", description: "Co-Curricular Programs & Clubs", icon: Sparkles
|
||||
},
|
||||
{
|
||||
id: "4", value: "2500", title: "+", description: "Alumni in Professional Careers", icon: Award,
|
||||
},
|
||||
id: "4", value: "2500", title: "+", description: "Alumni in Professional Careers", icon: Award
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -167,7 +167,8 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Success Stories", href: "#testimonials"},
|
||||
text: "Read Success Stories", href: "testimonials"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,28 +184,28 @@ export default function HomePage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Nur Aida Zahra", role: "SPM 2024 Graduate", company: "INTEGOMB Student", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/asian-boy-using-laptop-table-come-back-shcool_1150-14639.jpg", imageAlt: "Nur Aida Zahra student portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-boy-using-laptop-table-come-back-shcool_1150-14639.jpg", imageAlt: "Nur Aida Zahra student portrait"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Fatimah Mohamed", role: "Parent", company: "Guardian", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cheerful-students-standing-outdoors_171337-11815.jpg", imageAlt: "Parent testimonial portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-standing-outdoors_171337-11815.jpg", imageAlt: "Parent testimonial portrait"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Dr. Karim Hassan", role: "Class of 2015", company: "Petroleum Engineer", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageAlt: "Alumni success story portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageAlt: "Alumni success story portrait"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Puan Siti Raveena", role: "Physics Educator", company: "INTEGOMB Staff", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149636284.jpg", imageAlt: "Staff testimonial portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149636284.jpg", imageAlt: "Staff testimonial portrait"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Muhammad Rizwan", role: "SPM 2024 Graduate", company: "Top Scorer", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-lady-showing-size-sign-hoodie-sweater-looking-anxious_176474-102707.jpg", imageAlt: "High achiever student portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-size-sign-hoodie-sweater-looking-anxious_176474-102707.jpg", imageAlt: "High achiever student portrait"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Yasmin Lee Wei", role: "Current Boarder", company: "Form 4 Student", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-students-studying-outdoors_171337-11739.jpg", imageAlt: "Current student testimonial portrait"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-students-studying-outdoors_171337-11739.jpg", imageAlt: "Current student testimonial portrait"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -212,7 +213,8 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "More Alumni Stories", href: "#"},
|
||||
text: "More Alumni Stories", href: "#"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -228,12 +230,14 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Ministry of Education", "SPM Examination Board", "Quality Assurance", "Achievement & Excellence", "University Partnership", "Corporate Sponsor", "International Exchange", "Alumni Association"]}
|
||||
"Ministry of Education", "SPM Examination Board", "Quality Assurance", "Achievement & Excellence", "University Partnership", "Corporate Sponsor", "International Exchange", "Alumni Association"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Certifications", href: "#"},
|
||||
text: "View Certifications", href: "#"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -255,40 +259,69 @@ export default function HomePage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is the admission process for INTEGOMB?", content:
|
||||
"Admission to INTEGOMB is highly competitive and based on merit. Prospective students must sit for the selection examination, followed by interviews. Applications are typically accepted during the official enrollment period published by the Ministry of Education. Successful candidates will receive placement offers based on academic performance, interview assessment, and character evaluation."},
|
||||
id: "1", title: "What is the admission process for INTEGOMB?", content: "Admission to INTEGOMB is highly competitive and based on merit. Prospective students must sit for the selection examination, followed by interviews. Applications are typically accepted during the official enrollment period published by the Ministry of Education. Successful candidates will receive placement offers based on academic performance, interview assessment, and character evaluation."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What academic programs are offered?", content:
|
||||
"INTEGOMB offers a comprehensive SPM curriculum covering Science, Mathematics, Languages (Malay, English, Arabic), and Humanities streams. Our curriculum follows the national syllabus with enhanced enrichment programs, including STEM initiatives, language proficiency certifications, and leadership development modules. We also provide university preparation counseling for local and international higher education pathways."},
|
||||
id: "2", title: "What academic programs are offered?", content: "INTEGOMB offers a comprehensive SPM curriculum covering Science, Mathematics, Languages (Malay, English, Arabic), and Humanities streams. Our curriculum follows the national syllabus with enhanced enrichment programs, including STEM initiatives, language proficiency certifications, and leadership development modules. We also provide university preparation counseling for local and international higher education pathways."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What is boarding life like at INTEGOMB?", content:
|
||||
"Students reside in comfortable, well-supervised dormitories that foster community and personal development. Each dormitory has dedicated resident mentors and support staff. Boarding facilities include study areas, recreational spaces, and 24/7 security. We maintain a structured daily routine balancing academics, co-curricular activities, and personal time. Regular health and wellness checks ensure student wellbeing throughout their stay."},
|
||||
id: "3", title: "What is boarding life like at INTEGOMB?", content: "Students reside in comfortable, well-supervised dormitories that foster community and personal development. Each dormitory has dedicated resident mentors and support staff. Boarding facilities include study areas, recreational spaces, and 24/7 security. We maintain a structured daily routine balancing academics, co-curricular activities, and personal time. Regular health and wellness checks ensure student wellbeing throughout their stay."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Are there co-curricular activities available?", content:
|
||||
"INTEGOMB offers over 50 co-curricular clubs and activities spanning sports, arts, sciences, and leadership programs. These include sports teams (football, netball, badminton, swimming), cultural clubs (traditional and modern dance, debate, drama), academic societies (robotics, entrepreneurship, environmental club), and community service initiatives. Participation is encouraged to develop well-rounded leaders."},
|
||||
id: "4", title: "Are there co-curricular activities available?", content: "INTEGOMB offers over 50 co-curricular clubs and activities spanning sports, arts, sciences, and leadership programs. These include sports teams (football, netball, badminton, swimming), cultural clubs (traditional and modern dance, debate, drama), academic societies (robotics, entrepreneurship, environmental club), and community service initiatives. Participation is encouraged to develop well-rounded leaders."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What support services are provided to students?", content:
|
||||
"INTEGOMB provides comprehensive support including academic tutoring, one-on-one mentorship, career counseling, psychological counseling, health services, and dietary support accommodating various needs. We also offer spiritual guidance, study skills workshops, and transition programs to ensure every student feels supported in their academic and personal journey."},
|
||||
id: "5", title: "What support services are provided to students?", content: "INTEGOMB provides comprehensive support including academic tutoring, one-on-one mentorship, career counseling, psychological counseling, health services, and dietary support accommodating various needs. We also offer spiritual guidance, study skills workshops, and transition programs to ensure every student feels supported in their academic and personal journey."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What are the application deadlines and fees?", content:
|
||||
"Application deadlines follow the national school calendar as set by the Ministry of Education. INTEGOMB, as a government-funded residential school, provides heavily subsidized boarding and educational services. For specific fee structures, payment schedules, and application timelines, please visit our admissions page or contact our admissions office directly via email or phone."},
|
||||
id: "6", title: "What are the application deadlines and fees?", content: "Application deadlines follow the national school calendar as set by the Ministry of Education. INTEGOMB, as a government-funded residential school, provides heavily subsidized boarding and educational services. For specific fee structures, payment schedules, and application timelines, please visit our admissions page or contact our admissions office directly via email or phone."
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Admissions", href: "/contact"},
|
||||
text: "Contact Admissions", href: "contact"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="mx-auto px-4 md:px-6 py-20">
|
||||
<ContactFaq
|
||||
ctaTitle="Get in Touch"
|
||||
ctaDescription="Have questions about INTEGOMB or ready to start your application? Reach out to our admissions team. We're here to support your journey toward educational excellence."
|
||||
ctaButton={{
|
||||
text: "Email Admissions", href: "mailto:admissions@integomb.edu.my"
|
||||
}}
|
||||
ctaIcon={Mail}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How can I contact the admissions office?", content: "Our admissions team is available during office hours (8 AM - 5 PM, Monday to Friday). You can reach us via email at admissions@integomb.edu.my or call our main office line. Campus tours can be arranged by appointment."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What should I bring during campus visit?", content: "For campus visits, bring your identification document and any relevant academic records. Comfortable clothing is recommended as tours include walking through dormitories, classrooms, and sports facilities. Photography may be restricted in certain areas for privacy reasons."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I speak with current students or alumni?", content: "Yes, we encourage prospective students and parents to connect with our current students and alumni. We regularly organize open house events and can facilitate informal conversations. These interactions provide valuable firsthand insights into life at INTEGOMB."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="INTEGOMB"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user