348 lines
21 KiB
TypeScript
348 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, BookOpen, Globe, GraduationCap, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Programs", id: "#programs"},
|
|
{
|
|
name: "Faculty", id: "#faculty"},
|
|
{
|
|
name: "Admissions", id: "#admissions"},
|
|
{
|
|
name: "News & Events", id: "#news"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Shamsul Hoque Khan School & College"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Welcome to Shamsul Hoque Khan School & College"
|
|
description="Fostering academic excellence, character development, and future leaders since 1985. Join a community dedicated to inspiring young minds."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/schoolgirls-laughing-class_1098-3931.jpg", imageAlt: "Students in modern classroom"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/kid-cheating-school-front-view_23-2150105059.jpg", imageAlt: "Students doing science experiment"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-boy-writing-table_259150-58128.jpg", imageAlt: "Students reading in library"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-schoolchildren-with-blackboard-background_1098-3943.jpg", imageAlt: "Cheerful schoolchildren with blackboard background"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-school_1098-13010.jpg", imageAlt: "Enjoying school"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/kids-having-fun-jungle-themed-party_23-2149431610.jpg", imageAlt: "School campus building"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friendship-concept-two-girls-playground_23-2147814379.jpg", imageAlt: "Students walking school hallway"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flirty-students-with-notepad_23-2147663891.jpg", imageAlt: "Students playing sports"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-kids-rehearsing-play-perform-theatre-stage_23-2151163648.jpg", imageAlt: "Young kids rehearsing a play to perform on theatre stage"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-young-teens-celebrating-world-youth-day-by-doing-activities-together_23-2151478322.jpg", imageAlt: "Group of young teens celebrating world youth day by doing activities together"},
|
|
]}
|
|
tag="Education for a Brighter Future"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Admissions Open", href: "#contact"},
|
|
{
|
|
text: "Explore Programs", href: "#programs"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-student-working-computer-outside-cafe-park_1303-16886.jpg", alt: "Young student working on a computer outside the cafe in park"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200170.jpg", alt: "Young man learning in a virtual classroom"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/small-business-manager-her-workshop_23-2149094646.jpg", alt: "Small business manager in her workshop"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-writes-her-diary-smiles-makes-notes-notebook-holds-pen-sits_1258-200014.jpg", alt: "Portrait of happy young woman writes in her diary and smiles makes notes in notebook holds pen sits"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg", alt: "Portrait of cheerful guy in the classic black shirt with arms crossed"},
|
|
]}
|
|
avatarText="Over 10,000 Students & Alumni"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Academic Excellence"},
|
|
{
|
|
type: "text", text: "Holistic Development"},
|
|
{
|
|
type: "text", text: "Community Engagement"},
|
|
{
|
|
type: "text", text: "Future Leaders"},
|
|
{
|
|
type: "text", text: "Inspiring Young Minds"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Legacy"
|
|
title="Empowering Generations Through Education"
|
|
description="Shamsul Hoque Khan School & College has been a beacon of learning, dedicated to nurturing young minds and shaping responsible citizens. We believe in holistic education that blends rigorous academics with co-curricular excellence."
|
|
subdescription="Our commitment extends beyond textbooks, focusing on character building, critical thinking, and leadership skills to prepare students for a dynamic world."
|
|
icon={BookOpen}
|
|
imageSrc="http://img.b2bpic.net/free-photo/phone-childish-cheerful-banking-professional_1134-1065.jpg"
|
|
imageAlt="Students studying in a modern classroom"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="programs" data-section="programs">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "advanced-curriculum", title: "Advanced Curriculum", author: "Academic Department", description: "Engage with a challenging and updated curriculum that meets national and international standards.", tags: [
|
|
"Academics", "Curriculum"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/science-tubes-arranged-shelf_1150-19416.jpg", imageAlt: "Advanced curriculum classroom"},
|
|
{
|
|
id: "experienced-faculty", title: "Experienced Faculty", author: "Human Resources", description: "Learn from highly qualified and dedicated educators who are experts in their fields.", tags: [
|
|
"Faculty", "Mentorship"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-studying-math_23-2150444913.jpg", imageAlt: "Experienced teacher helping student"},
|
|
{
|
|
id: "modern-facilities", title: "Modern Facilities", author: "Campus Management", description: "Benefit from state-of-the-art labs, a well-stocked library, and comfortable classrooms.", tags: [
|
|
"Campus", "Facilities"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-sitting-table-flipping-page_23-2147657277.jpg", imageAlt: "Modern school building"},
|
|
{
|
|
id: "co-curricular-activities", title: "Co-Curricular Activities", author: "Student Affairs", description: "Participate in a wide range of clubs, sports, and cultural events for holistic development.", tags: [
|
|
"Activities", "Sports"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-playing-basketball_23-2150650177.jpg", imageAlt: "Students playing basketball"},
|
|
]}
|
|
title="Our Distinctive Programs"
|
|
description="We offer a comprehensive curriculum designed to inspire curiosity and cultivate a passion for lifelong learning, preparing students for future success."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "students-enrolled", icon: Users,
|
|
title: "Students Enrolled", value: "2500+"},
|
|
{
|
|
id: "qualified-faculty", icon: Award,
|
|
title: "Qualified Faculty", value: "150+"},
|
|
{
|
|
id: "graduation-rate", icon: GraduationCap,
|
|
title: "Graduation Rate", value: "95%"},
|
|
{
|
|
id: "alumni-network", icon: Globe,
|
|
title: "Alumni Network", value: "10000+"},
|
|
]}
|
|
title="Our Achievements at a Glance"
|
|
description="Celebrating milestones that reflect our dedication to student success and community impact over the years."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faculty" data-section="faculty">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "member-1", name: "Dr. Rahman", role: "Principal", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-giving-presentation-group-people-board-room_637285-9152.jpg", imageAlt: "Dr. Rahman, Principal"},
|
|
{
|
|
id: "member-2", name: "Prof. Begum", role: "Head of Science", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-senior-businessman-office_1262-2396.jpg", imageAlt: "Prof. Begum, Head of Science"},
|
|
{
|
|
id: "member-3", name: "Mr. Islam", role: "Head of Humanities", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", imageAlt: "Mr. Islam, Head of Humanities"},
|
|
{
|
|
id: "member-4", name: "Ms. Akter", role: "Sports Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg", imageAlt: "Ms. Akter, Sports Coordinator"},
|
|
]}
|
|
title="Meet Our Dedicated Faculty"
|
|
description="Our educators are passionate mentors, inspiring students to achieve their full potential and fostering a supportive learning environment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Ahmed", date: "May 2023", title: "An Inspiring Learning Journey", quote: "Shamsul Hoque Khan School & College provided an incredible foundation for my daughter. The teachers are dedicated, and the environment is truly nurturing.", tag: "Parent", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-flipping-notebook-park_23-2147844897.jpg", avatarAlt: "Sarah Ahmed avatar", imageSrc: "http://img.b2bpic.net/free-photo/large-corridor_1203-232.jpg", imageAlt: "Student studying"},
|
|
{
|
|
id: "2", name: "Fahad Khan", date: "April 2023", title: "Shaping Future Leaders", quote: "As an alumnus, I can confidently say that this institution not only imparts knowledge but also builds character and leadership skills. Truly grateful!", tag: "Alumnus", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", avatarAlt: "Fahad Khan avatar", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-work-meeting_23-2149304774.jpg", imageAlt: "Students at school event"},
|
|
{
|
|
id: "3", name: "Nadia Sultana", date: "March 2023", title: "Excellence in Every Aspect", quote: "The focus on both academics and co-curricular activities helped me discover my potential in various fields. A truly holistic educational experience.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg", avatarAlt: "Nadia Sultana avatar", imageSrc: "http://img.b2bpic.net/free-photo/teen-girls-walking-after-school_23-2147846764.jpg", imageAlt: "Student working on computer"},
|
|
{
|
|
id: "4", name: "Rahim Chowdhury", date: "February 2023", title: "A Community of Support", quote: "The supportive community and approachable faculty made my learning journey enjoyable and impactful. I highly recommend this institution.", tag: "Parent", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135489.jpg", avatarAlt: "Rahim Chowdhury avatar", imageSrc: "http://img.b2bpic.net/free-photo/girl-standing-by-whiteboard_23-2147679219.jpg", imageAlt: "Student presenting"},
|
|
{
|
|
id: "5", name: "Aisha Haque", date: "January 2023", title: "Beyond Expectations", quote: "The innovative teaching methods and modern facilities exceeded my expectations. I felt truly prepared for university life and beyond.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-27994.jpg", avatarAlt: "Aisha Haque avatar", imageSrc: "http://img.b2bpic.net/free-photo/sharing-impressions-after-reading-book_329181-3414.jpg", imageAlt: "Student reading book"},
|
|
]}
|
|
title="Voices from Our Community"
|
|
description="Hear what our students and parents have to say about their experience at Shamsul Hoque Khan School & College, highlighting our impact."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What are the admission requirements?", content: "Admission requirements vary by program and grade level. Please visit our 'Admissions' page or contact the admissions office directly for detailed information."},
|
|
{
|
|
id: "faq-2", title: "What co-curricular activities are available?", content: "We offer a diverse range of co-curricular activities including sports clubs, debate societies, cultural groups, science clubs, and community service initiatives."},
|
|
{
|
|
id: "faq-3", title: "How can I schedule a campus tour?", content: "Campus tours can be scheduled by contacting our administrative office via phone or email. We encourage prospective students and parents to visit our vibrant campus."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common inquiries about admissions, academic programs, campus life, and more."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="news" data-section="news">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Latest News & Events"
|
|
description="Stay updated with the vibrant life and achievements at Shamsul Hoque Khan School & College. Discover our recent activities and upcoming events."
|
|
blogs={[
|
|
{
|
|
id: "blog-1", category: "Events", title: "Annual Sports Day Celebrates Talent and Teamwork", excerpt: "Our Annual Sports Day was a grand success, showcasing incredible athletic talent and fostering a spirit of teamwork among students.", imageSrc: "http://img.b2bpic.net/free-photo/young-people-partying-together-high-angle_23-2149739851.jpg", imageAlt: "Students at sports day", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg", date: "November 15, 2023"},
|
|
{
|
|
id: "blog-2", category: "Academics", title: "Science Fair Inspires Innovation and Creativity", excerpt: "The annual Science Fair saw brilliant projects from students across all grades, demonstrating remarkable scientific inquiry and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/microscope-experiments-with-young-girls_23-2148581297.jpg", imageAlt: "Science fair project", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-serious-young-businessman-glasses_1262-3810.jpg", date: "October 28, 2023"},
|
|
{
|
|
id: "blog-3", category: "Community", title: "Alumni Meet Connects Generations of Learners", excerpt: "Our recent Alumni Meet brought together graduates from various batches, fostering connections and sharing inspiring journeys.", imageSrc: "http://img.b2bpic.net/free-photo/progress-development-innovation-improvment-concept_53876-64974.jpg", imageAlt: "Alumni meet event", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", date: "September 10, 2023"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Get in Touch"
|
|
description="We're here to answer your questions about admissions, programs, or general inquiries. Reach out to us anytime."
|
|
inputs={[
|
|
{
|
|
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
|
},
|
|
{
|
|
name: "phoneNumber", type: "tel", placeholder: "Your Phone Number", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/students-studying-indoors-full-shot_23-2149647035.jpg"
|
|
imageAlt="Modern school reception area"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoSrc="http://img.b2bpic.net/free-vector/university-labels-set_98292-501.jpg"
|
|
logoAlt="Shamsul Hoque Khan School & College Logo"
|
|
logoText="Shamsul Hoque Khan School & College"
|
|
columns={[
|
|
{
|
|
title: "Academics", items: [
|
|
{
|
|
label: "Curriculum", href: "#programs"},
|
|
{
|
|
label: "Departments", href: "#"},
|
|
{
|
|
label: "Exam Results", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Admissions", items: [
|
|
{
|
|
label: "How to Apply", href: "#contact"},
|
|
{
|
|
label: "Tuition Fees", href: "#"},
|
|
{
|
|
label: "Scholarships", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Campus Life", items: [
|
|
{
|
|
label: "Student Clubs", href: "#programs"},
|
|
{
|
|
label: "Sports", href: "#programs"},
|
|
{
|
|
label: "Events Calendar", href: "#news"},
|
|
],
|
|
},
|
|
{
|
|
title: "About Us", items: [
|
|
{
|
|
label: "Our History", href: "#about"},
|
|
{
|
|
label: "Mission & Vision", href: "#about"},
|
|
{
|
|
label: "Faculty & Staff", href: "#faculty"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2023 Shamsul Hoque Khan School & College. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|