bender/23e9c802-74cf-4ffe-95a0-4ef4caf07e97
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #6

Merged
bender merged 10 commits from version_3 into main 2026-03-11 15:50:38 +00:00
Conversation 0 Commits 10 Files Changed 10 +1004 -399
10 changed files with 1004 additions and 399 deletions
Download Patch File Download Diff File Expand all files Collapse all files

195
src/app/academics/page.tsx
View File

@@ -5,12 +5,8 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import HeroLogo from '@/components/sections/hero/HeroLogo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, BookOpen, Building2, Lightbulb, TrendingUp, Users, Code, Palette, Globe, Microscope } from 'lucide-react';
import { BookOpen, Brain, Graduation, Microscope, Palette, TrendingUp } from 'lucide-react';
export default function AcademicsPage() {
return (
@@ -42,189 +38,152 @@ export default function AcademicsPage() {
<div id="hero" data-section="hero">
<HeroLogo
logoText="Academics"
description="Comprehensive K-12 educational excellence with innovative curricula, dedicated faculty, and proven academic success."
logoText="Academic Programs"
description="Comprehensive educational pathways designed to nurture curiosity, build critical thinking skills, and prepare students for success at every stage of their academic journey."
buttons={[
{ text: "View Programs", href: "features" },
{ text: "Schedule Tour", href: "contact" }
{ text: "Explore Curriculum", href: "#primary" },
{ text: "Enroll Now", href: "/" }
]}
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=2"
imageAlt="Modern academic environment with students"
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
imageAlt="Academic programs overview"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
tag="Class Structure"
title="Play to 12th Grade Excellence"
description="Our comprehensive educational pathway spans from early childhood through senior year, with each level designed to build foundational skills, foster intellectual curiosity, and prepare students for collegiate success and beyond."
imagePosition="right"
<div id="primary" data-section="primary">
<FeatureCardTwentyFour
title="Play to Class 5 (Primary)"
description="Foundation years focused on building fundamental skills, fostering creativity, and developing a love for learning through play-based and interactive pedagogy."
tag="Primary Education"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
bulletPoints={[
features={[
{
title: "Play & Preschool (Ages 3-5)", description: "Early development programs focusing on social interaction, basic literacy, numeracy foundations, and creative exploration through play-based learning.", icon: Users
id: "p1", title: "Foundational Learning", author: "Early Childhood Education Specialists", description: "Building core literacy and numeracy skills through engaging, age-appropriate activities that make learning fun and interactive.", tags: ["Language", "Mathematics", "Creative Play"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Primary students learning through play"
},
{
title: "Primary School (Grades 1-5)", description: "Core academic subjects with emphasis on reading, mathematics, science, and social studies. Includes art, music, and physical education for well-rounded development.", icon: BookOpen
id: "p2", title: "Holistic Development", author: "Developmental Psychology Team", description: "Comprehensive approach addressing social, emotional, and cognitive development alongside academic excellence.", tags: ["Emotional Growth", "Social Skills", "Character"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "Primary students in group activities"
},
{
title: "Secondary School (Grades 6-8)", description: "Transitional years introducing specialized subjects, critical thinking, and subject-specific teachers. Preparation for advanced academics and independent learning.", icon: Lightbulb
},
{
title: "High School (Grades 9-12)", description: "Advanced coursework including honors and AP classes, electives, career exploration, and college preparation. Culminates in graduation and university readiness.", icon: Award
id: "p3", title: "Creative Expression", author: "Arts and Crafts Department", description: "Encouraging artistic exploration through art, music, dance, and storytelling to nurture creativity and self-expression.", tags: ["Arts", "Music", "Imagination"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3", imageAlt: "Primary students in creative activities"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=2"
imageAlt="Students engaged in academic learning"
mediaAnimation="slide-up"
buttons={[
{ text: "Learn More", href: "#" }
]}
/>
</div>
<div id="features" data-section="features">
<div id="middle" data-section="middle">
<FeatureCardTwentyFour
title="Academic Programs Overview"
description="Thoughtfully designed curricula that balance core academics with enrichment opportunities, fostering both intellectual growth and personal development."
tag="Curriculum"
title="Class 6-8 (Middle School)"
description="Transition years emphasizing subject specialization, critical thinking, and exploration of diverse academic interests while building strong foundational knowledge."
tag="Middle School Education"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "1", title: "STEM Excellence Initiative", author: "Dr. Sarah Mitchell", description: "Advanced programs in Science, Technology, Engineering, and Mathematics with hands-on laboratory experience, coding fundamentals, and real-world applications preparing students for tech-driven careers.", tags: ["Science", "Technology", "Innovation"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "STEM classroom with technology"
id: "m1", title: "Subject Specialization", author: "Academic Department Heads", description: "Introduction to specialized subjects including Science, Mathematics, Languages, Social Studies, and more with dedicated subject experts.", tags: ["Science", "Mathematics", "Languages"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Middle school students in subject classes"
},
{
id: "2", title: "Arts & Humanities Program", author: "Mr. James Anderson", description: "Comprehensive curriculum in literature, history, languages, and performing arts. Develops critical thinking, cultural awareness, and creative expression through traditional and contemporary mediums.", tags: ["Arts", "Culture", "Expression"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "Students in arts class"
id: "m2", title: "Skill Development", author: "Educational Coordinators", description: "Focus on developing research skills, collaborative learning, problem-solving abilities, and digital literacy for the modern world.", tags: ["Research", "Collaboration", "Technology"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "Middle school students collaborating"
},
{
id: "3", title: "Language Immersion Program", author: "Ms. Elena Rodriguez", description: "Multilingual education emphasizing global communication skills. Students learn Spanish, Mandarin, and French alongside English, with cultural integration and international perspectives.", tags: ["Languages", "Global", "Communication"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3", imageAlt: "Language learning classroom"
},
{
id: "4", title: "Applied Learning & Internships", author: "Dr. Michael Park", description: "Practical career exploration program connecting classroom learning with industry experience. Students participate in internships, mentorships, and real-world projects starting in middle school.", tags: ["Career", "Experience", "Growth"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=4", imageAlt: "Students in professional environment"
id: "m3", title: "Exploration & Discovery", author: "Career Guidance Counselors", description: "Opportunities to explore various academic streams and career paths through workshops, field trips, and mentoring programs.", tags: ["Career Exploration", "Mentoring", "Workshops"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3", imageAlt: "Middle school career exploration"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Academic Achievement"
description="Evidence-based outcomes demonstrating our commitment to educational excellence and student success across all grade levels."
tag="Success Metrics"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
<div id="secondary" data-section="secondary">
<FeatureCardTwentyFour
title="Class 9-10 (Secondary)"
description="Rigorous academic programs in Science, Commerce, and Humanities streams, preparing students for board examinations and future academic pursuits."
tag="Secondary Education"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
features={[
{
id: "1", value: "98%", title: "Percent", description: "High School Graduation Rate", icon: Award
id: "s1", title: "Science Stream", author: "STEM Department Directors", description: "Advanced study of Physics, Chemistry, Biology, and Mathematics with state-of-the-art laboratory facilities and hands-on experimentation.", tags: ["Physics", "Chemistry", "Biology", "Mathematics"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Science stream laboratory setup"
},
{
id: "2", value: "85%", title: "Percent", description: "College Acceptance (Elite Institutions)", icon: BookOpen
id: "s2", title: "Commerce Stream", author: "Commerce Faculty", description: "Comprehensive curriculum in Accounting, Economics, Business Studies, and Mathematics, preparing students for commerce and business careers.", tags: ["Accounting", "Economics", "Business", "Mathematics"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "Commerce stream classroom"
},
{
id: "3", value: "92%", title: "Percent", description: "Students Exceeding Grade Level Standards", icon: TrendingUp
},
{
id: "4", value: "500+", title: "Students", description: "Participate in Advanced Placement", icon: Users
id: "s3", title: "Humanities Stream", author: "Humanities Department", description: "Deep exploration of History, Geography, Political Science, English, and Regional Languages with emphasis on critical analysis and communication.", tags: ["History", "Geography", "Political Science", "Languages"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3", imageAlt: "Humanities stream resources"
}
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
title="Academic Leadership Team"
tag="Faculty Leadership"
tagAnimation="slide-up"
membersAnimation="slide-up"
memberVariant="card"
<div id="senior" data-section="senior">
<FeatureCardTwentyFour
title="Class 11-12 (Senior Secondary)"
description="Advanced specialized education preparing students for national board examinations, competitive entrance tests, and higher education success."
tag="Senior Secondary Education"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
members={[
features={[
{
id: "1", name: "Dr. Patricia Johnson", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=6", imageAlt: "Dr. Patricia Johnson, Head of Academics"
id: "ss1", title: "Science (PCM & PCB)", author: "Senior STEM Faculty", description: "Intensive programs in Physics, Chemistry, Mathematics (PCM) or Biology (PCB) designed for engineering, medical, and research aspirations with mentorship.", tags: ["Physics", "Chemistry", "Mathematics", "Biology"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Senior science laboratory"
},
{
id: "2", name: "Mr. David Chen", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=5", imageAlt: "Mr. David Chen, Director of STEM"
id: "ss2", title: "Commerce with Specialization", author: "Commerce & Finance Experts", description: "Advanced accounting, business law, economics, and financial literacy with real-world case studies and industry exposure.", tags: ["Finance", "Accounting", "Business Law", "Economics"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "Commerce classroom setup"
},
{
id: "3", name: "Ms. Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=5", imageAlt: "Ms. Emily Rodriguez, Curriculum Specialist"
id: "ss3", title: "Humanities with Electives", author: "Senior Humanities Faculty", description: "Advanced study in history, geography, political science, economics, psychology, and philosophy with emphasis on analytical writing and research.", tags: ["Analysis", "Research", "Writing", "Philosophy"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3", imageAlt: "Humanities classroom discussion"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Student & Family Experiences"
description="Real stories from students and families who have experienced our comprehensive academic programs and transformative learning environment."
tag="Success Stories"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "From Curiosity to Achievement", quote: "The academics program helped me discover my passion for STEM. The hands-on labs and mentorship from Dr. Chen prepared me for advanced coursework in high school and beyond.", name: "Marcus Thompson", role: "Class of 2024, Engineering Track", imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-sitting-desk-classroom_23-2148166284.jpg?_wi=2", imageAlt: "Marcus Thompson"
},
{
id: "2", title: "Excellent Preparation for College", quote: "The rigorous curriculum and AP opportunities at this school set me up for success at university. Teachers genuinely care about each student's academic growth.", name: "Sofia Patel", role: "Class of 2025, Honors Program", imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg?_wi=2", imageAlt: "Sofia Patel"
},
{
id: "3", title: "Critical Thinking Skills for Life", quote: "The programs here teach you how to think, not just what to think. I developed analytical skills and confidence that extends far beyond the classroom.", name: "James Williams", role: "Class of 2024, Honors Graduate", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-traveling_23-2148999101.jpg?_wi=2", imageAlt: "James Williams"
},
{
id: "4", title: "Comprehensive Education Excellence", quote: "My daughter thrived academically while developing well-rounded skills across arts, sciences, and languages. The curriculum is truly exceptional.", name: "Margaret Lee", role: "Parent of Class of 2025 Student", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=3", imageAlt: "Margaret Lee"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get In Touch"
title="Learn More About Our Academic Programs"
description="Interested in exploring our comprehensive K-12 academic offerings? Contact our admissions team to schedule a campus visit or request detailed program information."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Request Information"
termsText="We respect your privacy. Unsubscribe at any time or visit our contact page for more information."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "about" },
{ label: "Programs", href: "features" },
{ label: "Contact", href: "contact" }
{ label: "Academics", href: "/academics" },
{ label: "Programs", href: "/#features" },
{ label: "Contact", href: "/#contact" }
]
},
{
title: "Academic Resources", items: [
{ label: "Student Portal", href: "#" },
{ label: "Parent Resources", href: "#" },
{ label: "Course Catalog", href: "#" },
{ label: "Academic Calendar", href: "#" }
title: "Academics", items: [
{ label: "Primary (Play-5)", href: "#primary" },
{ label: "Middle School (6-8)", href: "#middle" },
{ label: "Secondary (9-10)", href: "#secondary" },
{ label: "Senior Secondary (11-12)", href: "#senior" }
]
},
{
title: "School Info", items: [
{ label: "Admissions", href: "/#contact" },
{ label: "Events & News", href: "/events" },
{ label: "Our Team", href: "/#team" },
{ label: "Calendar", href: "/events" }
]
},
{
title: "Connect", items: [
{ label: "Email Us", href: "#" },
{ label: "Visit Campus", href: "contact" },
{ label: "Social Media", href: "https://twitter.com" },
{ label: "Careers", href: "#" }
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}

159
src/app/admissions/page.tsx
View File

@@ -8,7 +8,7 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, FileText, Users, Briefcase, GraduationCap, Clock } from 'lucide-react';
import { CheckCircle, Clock, FileText, Users } from 'lucide-react';
export default function AdmissionsPage() {
return (
@@ -28,11 +28,12 @@ export default function AdmissionsPage() {
<NavbarStyleApple
brandName="Academy"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Admissions", id: "/admissions" },
{ name: "Notice Board", id: "/notice-board" },
{ name: "Contact", id: "contact" }
]}
/>
@@ -41,139 +42,147 @@ export default function AdmissionsPage() {
<div id="hero" data-section="hero">
<HeroLogo
logoText="Admissions"
description="Begin your educational journey with us. Learn about our enrollment process, application requirements, and start building your future today."
description="Join our vibrant learning community. Discover how to apply and become part of our Academy family."
buttons={[
{ text: "Apply Now", href: "contact" },
{ text: "Schedule Tour", href: "contact" }
{ text: "View Eligibility", href: "#eligibility" },
{ text: "Start Application", href: "#application" }
]}
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=3"
imageAlt="Academy campus and admissions information"
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
imageAlt="Academy admissions"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="enrollment" data-section="enrollment">
<div id="eligibility" data-section="eligibility">
<SplitAbout
tag="Enrollment Information"
title="Why Choose Our Academy"
description="Our admissions process is designed to identify students who are ready to engage in our rigorous academic programs and become part of our vibrant learning community. We look for students who demonstrate academic potential, intellectual curiosity, and a commitment to personal growth."
tag="Who Can Apply"
title="Eligibility Criteria"
description="We welcome applications from students of all backgrounds who demonstrate academic potential and a commitment to learning. Our inclusive admissions process considers both academic achievement and personal qualities."
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
bulletPoints={[
{
title: "Holistic Review", description: "We evaluate each applicant's academic records, test scores, extracurricular activities, and personal essays to understand their potential.", icon: Users
title: "Academic Requirements", description: "Minimum GPA of 3.0 or equivalent. Strong performance in core subjects including mathematics, science, and language arts.", icon: CheckCircle
},
{
title: "Multiple Admission Paths", description: "Choose from our standard application, early admission, or transfer admission programs based on your educational background.", icon: Briefcase
title: "Age & Grade Level", description: "Applicants must be in grades 6-12. Students should be at least 11 years old and meet the appropriate grade level requirements.", icon: Users
},
{
title: "Financial Support", description: "Merit-based scholarships and financial aid packages available to qualified students to make education accessible to all.", icon: GraduationCap
title: "Entrance Assessment", description: "Completion of our standardized entrance examination and personal interview to assess academic readiness and fit.", icon: FileText
}
]}
imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=3"
imageAlt="Students in the admissions office"
imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=1"
imageAlt="Student studying"
mediaAnimation="slide-up"
buttons={[
{ text: "View Financial Aid", href: "#" }
]}
/>
</div>
<div id="requirements" data-section="requirements">
<FeatureCardTwentyFour
title="Application Requirements"
description="Complete information about what you need to submit with your admissions application."
tag="Requirements"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "1", title: "Academic Transcripts", author: "Admissions Team", description: "Official transcripts from your previous educational institutions including grades, course descriptions, and graduation dates. Transcripts should reflect at least the last two years of study.", tags: ["Required", "Official", "Academic"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Academic transcripts and documents"
},
{
id: "2", title: "Standardized Test Scores", author: "Admissions Team", description: "SAT or ACT scores are required for most applicants. Minimum score requirements vary by program level. Practice tests and test prep resources are available through our admissions portal.", tags: ["Required", "SAT/ACT", "Scores"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "Test scores and academic assessment"
},
{
id: "3", title: "Personal Essay", author: "Admissions Team", description: "A 500-750 word essay describing your academic interests, career goals, and why you want to join our academy community. This is your opportunity to share your story.", tags: ["Required", "Personal", "Essay"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3", imageAlt: "Personal essay writing"
},
{
id: "4", title: "Letters of Recommendation", author: "Admissions Team", description: "Two letters from teachers or academic advisors who can speak to your intellectual abilities, character, and potential for success in our programs.", tags: ["Required", "References", "Academic"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=4", imageAlt: "Letters of recommendation"
}
{ text: "Download Eligibility Guide", href: "#" }
]}
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyFour
title="Admission Process"
description="Our comprehensive admissions process ensures we identify students who will thrive in our academic environment."
tag="Steps"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "1", title: "Application Submission", author: "Step 1", description: "Complete our online application form with personal information, academic history, and essay responses about your educational goals and aspirations.", tags: ["Online", "30 minutes", "Required"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Application process"
},
{
id: "2", title: "Document Review & Assessment", author: "Step 2", description: "Submit transcripts, standardized test scores, and recommendation letters. Take our entrance examination to evaluate academic strengths and readiness.", tags: ["Documents", "Test", "1-2 weeks"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "Document review"
},
{
id: "3", title: "Interview", author: "Step 3", description: "Meet with our admissions team for a personal interview. This is an opportunity to discuss your interests, answer questions, and learn more about our Academy.", tags: ["In-person", "30-45 mins", "Optional online"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3", imageAlt: "Interview"
},
{
id: "4", title: "Decision & Enrollment", author: "Step 4", description: "Receive your admission decision. Accepted students proceed with enrollment, including orientation, class schedule setup, and welcome activities.", tags: ["Decision", "Enrollment", "Final step"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=4", imageAlt: "Enrollment"
}
]}
/>
</div>
<div id="dates" data-section="dates">
<MetricCardOne
title="Application Timeline"
description="Key dates and milestones for the admissions process."
tag="Process"
title="Important Dates"
description="Key deadlines and events for the admissions cycle."
tag="Calendar"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "Sep 1", title: "Applications Open", description: "Submit your application through our online portal", icon: FileText
id: "1", value: "January 15", title: "Application", description: "Application Portal Opens", icon: Clock
},
{
id: "2", value: "Dec 15", title: "Regular Deadline", description: "Final submission date for regular admission consideration", icon: Clock
id: "2", value: "March 31", title: "Deadline", description: "Regular Application Deadline", icon: FileText
},
{
id: "3", value: "Feb 28", title: "Decisions Released", description: "Admissions decisions mailed to all applicants", icon: CheckCircle
id: "3", value: "April-May", title: "Interviews", description: "Scheduled Interview Dates", icon: Users
},
{
id: "4", value: "May 1", title: "Enrollment Deadline", description: "Confirm your acceptance and secure your enrollment", icon: GraduationCap
id: "4", value: "June 1", title: "Decisions", description: "Admission Decisions Released", icon: CheckCircle
}
]}
/>
</div>
<div id="contact" data-section="contact">
<div id="application" data-section="application">
<ContactCenter
tag="Ready to Apply?"
title="Start Your Application Journey"
description="Submit your application today and take the first step toward joining our academy. Our admissions team is here to support you throughout the process."
tag="Ready to Apply"
title="Begin Your Application Journey"
description="Submit your email to receive the application link and detailed instructions. Our admissions team will guide you through every step of the process."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email to begin"
buttonText="Start Application"
termsText="We respect your privacy. Your information will only be used for admissions communication."
inputPlaceholder="Enter your email address"
buttonText="Get Application Link"
termsText="We respect your privacy. Your information will only be used for admissions purposes."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Programs", href: "/#features" },
{ label: "Team", href: "/#team" },
{ label: "Contact", href: "/#contact" }
]
},
{
title: "Admissions", items: [
{ label: "Apply Now", href: "/admissions" },
{ label: "Requirements", href: "#requirements" },
{ label: "Timeline", href: "#process" },
{ label: "FAQ", href: "#" }
{ label: "Eligibility", href: "#eligibility" },
{ label: "Process", href: "#process" },
{ label: "Important Dates", href: "#dates" },
{ label: "Apply Now", href: "#application" }
]
},
{
title: "Academy", items: [
{ label: "About Us", href: "/" },
{ label: "Programs", href: "/" },
{ label: "Our Team", href: "/" },
{ label: "Contact", href: "/" }
title: "Contact Us", items: [
{ label: "Phone: (555) 123-4567", href: "#" },
{ label: "Email: admissions@academy.edu", href: "mailto:admissions@academy.edu" },
{ label: "Address: 123 Education Lane", href: "#" },
{ label: "Hours: Mon-Fri 8am-4pm", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Student Portal", href: "#" },
{ label: "Parent Resources", href: "#" },
{ label: "Campus Tours", href: "#" },
{ label: "Careers", href: "#" }
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}
@@ -182,4 +191,4 @@ export default function AdmissionsPage() {
</div>
</ThemeProvider>
);
}
}

176
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,176 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Mail, MapPin, Phone, Clock } from 'lucide-react';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmall"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Academy"
navItems={[
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="contact-info" data-section="contact-info" className="py-20">
<div className="w-full max-w-[var(--width-content-width)] mx-auto px-4 md:px-6">
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-20">
{/* Contact Information Cards */}
<div className="bg-card rounded-[--radius-theme] p-8 shadow-sm">
<div className="flex items-start gap-4">
<div className="bg-primary-cta/10 p-3 rounded-lg flex-shrink-0">
<MapPin className="w-6 h-6 text-primary-cta" />
</div>
<div>
<h3 className="text-lg font-semibold text-foreground mb-2">School Location</h3>
<p className="text-foreground/75">123 Education Lane</p>
<p className="text-foreground/75">Academic City, AC 12345</p>
<p className="text-foreground/75">United States</p>
</div>
</div>
</div>
<div className="bg-card rounded-[--radius-theme] p-8 shadow-sm">
<div className="flex items-start gap-4">
<div className="bg-primary-cta/10 p-3 rounded-lg flex-shrink-0">
<Phone className="w-6 h-6 text-primary-cta" />
</div>
<div>
<h3 className="text-lg font-semibold text-foreground mb-2">Phone</h3>
<p className="text-foreground/75">Main: (555) 123-4567</p>
<p className="text-foreground/75">Admissions: (555) 123-4568</p>
<p className="text-foreground/75">Support: (555) 123-4569</p>
</div>
</div>
</div>
<div className="bg-card rounded-[--radius-theme] p-8 shadow-sm">
<div className="flex items-start gap-4">
<div className="bg-primary-cta/10 p-3 rounded-lg flex-shrink-0">
<Mail className="w-6 h-6 text-primary-cta" />
</div>
<div>
<h3 className="text-lg font-semibold text-foreground mb-2">Email</h3>
<p className="text-foreground/75">info@academy.edu</p>
<p className="text-foreground/75">admissions@academy.edu</p>
<p className="text-foreground/75">support@academy.edu</p>
</div>
</div>
</div>
<div className="bg-card rounded-[--radius-theme] p-8 shadow-sm">
<div className="flex items-start gap-4">
<div className="bg-primary-cta/10 p-3 rounded-lg flex-shrink-0">
<Clock className="w-6 h-6 text-primary-cta" />
</div>
<div>
<h3 className="text-lg font-semibold text-foreground mb-2">Office Hours</h3>
<p className="text-foreground/75">Monday - Friday: 8:00 AM - 4:00 PM</p>
<p className="text-foreground/75">Saturday: 10:00 AM - 2:00 PM</p>
<p className="text-foreground/75">Sunday: Closed</p>
</div>
</div>
</div>
</div>
{/* Location Map Section */}
<div className="mb-20">
<h2 className="text-3xl md:text-4xl font-semibold text-foreground mb-6">Visit Our Campus</h2>
<div className="w-full h-96 bg-card rounded-[--radius-theme] overflow-hidden shadow-sm">
<iframe
width="100%"
height="100%"
style={{ border: 0 }}
loading="lazy"
allowFullScreen
referrerPolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024.1234567890!2d-74.0060!3d40.7128!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a316bb945e1%3A0x123456789!2s123%20Education%20Lane!5e0!3m2!1sen!2sus!4v1234567890"
/>
</div>
<p className="text-foreground/75 mt-4">Use the map above to find directions to our campus. We are conveniently located in the heart of Academic City with easy access to public transportation.</p>
</div>
</div>
</div>
<div id="inquiry-form" data-section="inquiry-form">
<ContactSplit
tag="Get in Touch"
title="Send us an Inquiry"
description="Have questions about our programs or want to schedule a campus visit? Fill out the form below and our admissions team will get back to you within 24 hours."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
imageAlt="School campus"
mediaAnimation="slide-up"
inputPlaceholder="Enter your email address"
buttonText="Send Inquiry"
termsText="We respect your privacy and will only use your information to respond to your inquiry. You can unsubscribe at any time."
onSubmit={(email) => console.log('Inquiry from:', email)}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "About Us", href: "/#about" },
{ label: "Programs", href: "/#features" },
{ label: "Our Team", href: "/#team" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "School Info", items: [
{ label: "Admissions", href: "/contact" },
{ label: "Events & News", href: "/events" },
{ label: "Academics", href: "/#features" },
{ label: "Calendar", href: "/events" }
]
},
{
title: "Contact Us", items: [
{ label: "Phone: (555) 123-4567", href: "tel:(555)123-4567" },
{ label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
{ label: "Address: 123 Education Lane", href: "https://maps.google.com" },
{ label: "Hours: Mon-Fri 8am-4pm", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}
copyrightText="© 2025 Academy. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

173
src/app/facilities/page.tsx Normal file
View File

@@ -0,0 +1,173 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { BookOpen, Dumbbell, LibraryIcon, Microscope, Users, Utensils } from 'lucide-react';
export default function FacilitiesPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmall"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Academy"
navItems={[
{ name: "About", id: "/" },
{ name: "Programs", id: "/" },
{ name: "Team", id: "/" },
{ name: "Testimonials", id: "/" },
{ name: "Facilities", id: "/facilities" },
{ name: "Student Life", id: "/student-life" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Our Facilities"
description="State-of-the-art infrastructure designed to enhance learning, innovation, and student well-being."
buttons={[
{ text: "Schedule a Tour", href: "contact" },
{ text: "Back Home", href: "/" }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-school-classroom-with-technology-learning_23-2147898765.jpg?_wi=1"
imageAlt="Modern school facilities"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
title="World-Class Infrastructure"
description="Our campus is equipped with cutting-edge facilities designed to support academic excellence and student development."
tag="Facilities"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "1", title: "Modern Classrooms", author: "Academic Department", description: "Bright, spacious classrooms equipped with interactive whiteboards, multimedia projectors, and collaborative learning spaces designed for contemporary pedagogical approaches.", tags: ["Learning", "Technology", "Innovation"],
imageSrc: "http://img.b2bpic.net/free-photo/modern-classroom-with-students-learning_23-2148123456.jpg?_wi=1", imageAlt: "Modern classroom with technology"
},
{
id: "2", title: "Advanced Laboratories", author: "Science Department", description: "Fully equipped STEM laboratories with advanced scientific instruments, safety protocols, and hands-on learning stations for chemistry, physics, biology, and computer science.", tags: ["Science", "Research", "STEM"],
imageSrc: "http://img.b2bpic.net/free-photo/students-conducting-science-experiment-laboratory_23-2148234567.jpg?_wi=1", imageAlt: "Advanced science laboratory"
},
{
id: "3", title: "Digital Library", author: "Library Services", description: "Comprehensive library featuring extensive physical collections, digital databases, quiet study areas, and collaborative research spaces with high-speed internet connectivity.", tags: ["Knowledge", "Resources", "Learning"],
imageSrc: "http://img.b2bpic.net/free-photo/library-with-students-studying_23-2148345678.jpg?_wi=1", imageAlt: "School library with resources"
},
{
id: "4", title: "Sports Facilities", author: "Physical Education", description: "Olympic-standard athletic facilities including indoor gymnasium, outdoor sports fields, swimming pool, tennis courts, and fitness center promoting physical wellness.", tags: ["Athletics", "Wellness", "Sports"],
imageSrc: "http://img.b2bpic.net/free-photo/school-gymnasium-with-equipment_23-2148456789.jpg?_wi=1", imageAlt: "Sports and athletic facilities"
},
{
id: "5", title: "Student Cafeteria", author: "Dining Services", description: "Modern dining facility offering nutritious meals, diverse cuisine options, and comfortable seating areas that promote community engagement and healthy eating habits.", tags: ["Nutrition", "Community", "Wellness"],
imageSrc: "http://img.b2bpic.net/free-photo/school-cafeteria-dining-area_23-2148567890.jpg?_wi=1", imageAlt: "School cafeteria"
},
{
id: "6", title: "Creative Arts Center", author: "Arts Department", description: "Dedicated space for music, visual arts, theater, and dance with studios, practice rooms, performance stage, and gallery spaces fostering creative expression.", tags: ["Arts", "Culture", "Creativity"],
imageSrc: "http://img.b2bpic.net/free-photo/art-studio-creative-space_23-2148678901.jpg?_wi=1", imageAlt: "Creative arts center"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Campus By The Numbers"
description="Comprehensive facilities built to support student success and institutional excellence."
tag="Infrastructure"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "15", title: "plus", description: "Modern Classrooms", icon: Users
},
{
id: "2", value: "8", title: "equipped", description: "Science Laboratories", icon: Microscope
},
{
id: "3", value: "50k", title: "volumes", description: "Library Collection", icon: LibraryIcon
},
{
id: "4", value: "10", title: "venues", description: "Sports & Recreation", icon: Dumbbell
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Visit Us"
title="Schedule a Campus Tour"
description="Experience our facilities firsthand. Schedule a guided tour to explore our campus and see where learning comes to life."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Request Tour"
termsText="We will contact you within 24 hours to confirm your tour date and time."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Programs", href: "/" },
{ label: "Team", href: "/" },
{ label: "Contact", href: "contact" }
]
},
{
title: "Facilities", items: [
{ label: "Classrooms", href: "/facilities" },
{ label: "Laboratories", href: "/facilities" },
{ label: "Library", href: "/facilities" },
{ label: "Sports", href: "/facilities" }
]
},
{
title: "Contact Us", items: [
{ label: "Phone: (555) 123-4567", href: "#" },
{ label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
{ label: "Address: 123 Education Lane", href: "#" },
{ label: "Hours: Mon-Fri 8am-4pm", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}
copyrightText="© 2025 Academy. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

167
src/app/faculty/page.tsx
View File

@@ -3,9 +3,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Mail, Phone, MapPin } from 'lucide-react';
export default function FacultyPage() {
return (
@@ -25,82 +26,89 @@ export default function FacultyPage() {
<NavbarStyleApple
brandName="Academy"
navItems={[
{ name: "About", id: "/" },
{ name: "Programs", id: "/" },
{ name: "Team", id: "/" },
{ name: "Testimonials", id: "/" },
{ name: "Contact", id: "/" },
{ name: "Faculty", id: "/faculty" }
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Faculty", id: "/faculty" },
{ name: "Gallery", id: "/gallery" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Our Faculty & Staff"
description="Meet the dedicated educators and professionals who shape the Academy experience. Our team brings expertise, passion, and a commitment to student success."
logoText="Faculty & Staff"
description="Meet our dedicated team of educators and administrators committed to student excellence and institutional growth."
buttons={[
{ text: "Contact Us", href: "#contact" },
{ text: "Learn More", href: "/" }
{ text: "Back to Home", href: "/" },
{ text: "Contact Department", href: "contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=2"
imageAlt="Faculty members in classroom"
showDimOverlay={false}
imageSrc="http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1"
imageAlt="Faculty members in academic setting"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="faculty-team" data-section="faculty-team">
<TeamCardTen
title="Leadership Team"
tag="Administration"
<div id="faculty-directory" data-section="faculty-directory">
<TeamCardEleven
title="Faculty Directory by Department"
description="Explore our diverse team of educators, researchers, and administrators across all academic departments."
tag="Faculty"
tagAnimation="slide-up"
membersAnimation="slide-up"
memberVariant="card"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
members={[
groups={[
{
id: "1", name: "Dr. Patricia Johnson", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=2", imageAlt: "Dr. Patricia Johnson, School Principal"
id: "stem", groupTitle: "STEM Department", members: [
{
id: "1", title: "Dr. Sarah Mitchell", subtitle: "Department Chair, Physics", detail: "Ph.D. in Physics, MIT | 15 years teaching experience", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1", imageAlt: "Dr. Sarah Mitchell"
},
{
id: "2", title: "Prof. Michael Chen", subtitle: "Computer Science", detail: "M.S. in Computer Science, Stanford | Published researcher", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1", imageAlt: "Prof. Michael Chen"
},
{
id: "3", title: "Dr. Jennifer Park", subtitle: "Chemistry", detail: "Ph.D. in Chemistry, Harvard | Lab coordinator", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1", imageAlt: "Dr. Jennifer Park"
}
]
},
{
id: "2", name: "Mr. David Chen", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=2", imageAlt: "Mr. David Chen, Head of Academics"
id: "humanities", groupTitle: "Humanities & Arts Department", members: [
{
id: "4", title: "Dr. James Anderson", subtitle: "Department Chair, Literature", detail: "Ph.D. in English Literature, Yale | Author of 5 published works", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=1", imageAlt: "Dr. James Anderson"
},
{
id: "5", title: "Prof. Maria Gonzalez", subtitle: "History & Social Studies", detail: "M.A. in History, Columbia | Specialization in Modern History", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1", imageAlt: "Prof. Maria Gonzalez"
},
{
id: "6", title: "Prof. David Thompson", subtitle: "Visual Arts & Design", detail: "M.F.A. in Fine Arts, RISD | Professional artist & gallery curator", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1", imageAlt: "Prof. David Thompson"
}
]
},
{
id: "3", name: "Ms. Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=2", imageAlt: "Ms. Emily Rodriguez, Student Services Director"
id: "languages", groupTitle: "Languages & Cultural Studies", members: [
{
id: "7", title: "Prof. Elena Rossi", subtitle: "Department Chair, Modern Languages", detail: "M.A. in Romance Languages, University of Rome | Fluent in 5 languages", imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1", imageAlt: "Prof. Elena Rossi"
},
{
id: "8", title: "Prof. Hiroshi Tanaka", subtitle: "Asian Languages & Culture", detail: "M.A. in East Asian Studies, Tokyo University | Cultural exchange coordinator", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1", imageAlt: "Prof. Hiroshi Tanaka"
}
]
},
{
id: "4", name: "Dr. Michael Foster", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=3", imageAlt: "Dr. Michael Foster, Head of STEM Programs"
}
]}
/>
</div>
<div id="teaching-staff" data-section="teaching-staff">
<TeamCardTen
title="Teaching Faculty"
tag="Educators"
tagAnimation="slide-up"
membersAnimation="slide-up"
memberVariant="card"
useInvertedBackground={false}
members={[
{
id: "1", name: "Dr. Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=3", imageAlt: "Dr. Sarah Mitchell, Science Department"
},
{
id: "2", name: "Mr. James Anderson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=3", imageAlt: "Mr. James Anderson, Humanities Department"
},
{
id: "3", name: "Ms. Rachel Thompson", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=4", imageAlt: "Ms. Rachel Thompson, Mathematics Department"
},
{
id: "4", name: "Dr. Robert Garcia", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=4", imageAlt: "Dr. Robert Garcia, Arts Department"
},
{
id: "5", name: "Ms. Lisa Chen", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=4", imageAlt: "Ms. Lisa Chen, Languages Department"
},
{
id: "6", name: "Mr. Kevin Walsh", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=5", imageAlt: "Mr. Kevin Walsh, Physical Education"
id: "professional", groupTitle: "Professional & Administrative Services", members: [
{
id: "9", title: "Dr. Patricia Johnson", subtitle: "School Principal", detail: "Ph.D. in Educational Leadership, Columbia | 20 years administrative experience", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=1", imageAlt: "Dr. Patricia Johnson"
},
{
id: "10", title: "Ms. Emily Rodriguez", subtitle: "Student Services Director", detail: "M.S. in Counseling, Boston College | Student advocacy specialist", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1", imageAlt: "Ms. Emily Rodriguez"
},
{
id: "11", title: "Mr. Robert Williams", subtitle: "Operations Manager", detail: "B.A. in Business Administration, University of Pennsylvania | 12 years operations management", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1", imageAlt: "Mr. Robert Williams"
}
]
}
]}
/>
@@ -108,14 +116,14 @@ export default function FacultyPage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="Connect With Us"
title="Have Questions About Our Faculty?"
description="Want to learn more about our teaching methods, faculty qualifications, or educational philosophy? Reach out to our admissions team today."
tag="Connect"
title="Get in Touch with Our Faculty"
description="Have questions about our programs, departments, or faculty members? Contact our admissions office or reach out to a specific department directly."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Get in Touch"
termsText="We'll respond to your inquiry within 24 hours during business days."
inputPlaceholder="Enter your email to receive faculty information"
buttonText="Send Information"
termsText="We respect your privacy. Unsubscribe at any time or visit our contact page for more information."
/>
</div>
@@ -124,27 +132,34 @@ export default function FacultyPage() {
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Programs", href: "/" },
{ label: "Our Team", href: "/" },
{ label: "About Us", href: "about" },
{ label: "Programs", href: "features" },
{ label: "Faculty", href: "/faculty" },
{ label: "Contact", href: "/" }
{ label: "Contact", href: "contact" }
]
},
{
title: "Resources", items: [
{ label: "Student Portal", href: "#" },
{ label: "Parent Resources", href: "#" },
{ label: "Academics", href: "/" },
{ label: "Calendar", href: "#" }
title: "School Info", items: [
{ label: "Admissions", href: "contact" },
{ label: "Events & News", href: "/events" },
{ label: "Gallery", href: "/gallery" },
{ label: "Calendar", href: "/events" }
]
},
{
title: "Contact Us", items: [
{ label: "Phone: (555) 123-4567", href: "#" },
{ label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
{ label: "Address: 123 Education Lane", href: "#" },
{ label: "Hours: Mon-Fri 8am-4pm", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Email Us", href: "#" },
{ label: "Visit Campus", href: "/" },
{ label: "Social Media", href: "https://twitter.com" },
{ label: "Careers", href: "#" }
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}
@@ -153,4 +168,4 @@ export default function FacultyPage() {
</div>
</ThemeProvider>
);
}
}

158
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,158 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Image, Video, Calendar, BookOpen, MapPin } from 'lucide-react';
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmall"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Academy"
navItems={[
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Faculty", id: "/faculty" },
{ name: "Gallery", id: "/gallery" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Photo Gallery"
description="Explore moments from our campus life, academic achievements, and special events that showcase the vibrant community at our academy."
buttons={[
{ text: "Back to Home", href: "/" },
{ text: "View Events", href: "/events" }
]}
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
imageAlt="Academy campus gallery"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="gallery-events" data-section="gallery-events">
<FeatureCardTwentyFour
title="Gallery Collections"
description="Browse our curated photo collections organized by themes and academic areas."
tag="Gallery"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "1", title: "Events & Celebrations", author: "Events Team", description: "Capture the highlights from our annual events, celebrations, and special occasions including graduation ceremonies, sports days, cultural festivals, and community gatherings.", tags: ["Events", "Celebrations", "Community"],
imageSrc: "http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1", imageAlt: "Campus events and celebrations"
},
{
id: "2", title: "Academic Excellence", author: "Academic Department", description: "Explore images from our classrooms, laboratories, research projects, and academic competitions. See our students engaged in learning and demonstrating their achievements.", tags: ["Academics", "Learning", "Innovation"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Students in academic settings"
},
{
id: "3", title: "Campus Life", author: "Student Services", description: "Discover the vibrant campus atmosphere through photos of student organizations, recreational activities, dining areas, student lounges, and outdoor spaces where community thrives.", tags: ["Campus", "Community", "Student Life"],
imageSrc: "http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=1", imageAlt: "Campus facilities and student areas"
}
]}
/>
</div>
<div id="gallery-highlights" data-section="gallery-highlights">
<FeatureCardTwentyFour
title="Recent Highlights"
description="Featured collections from recent months and upcoming seasonal galleries."
tag="New Collections"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "4", title: "Spring Sports & Athletics", author: "Athletics Department", description: "Action-packed photos from our spring sports season featuring student athletes competing in soccer, basketball, tennis, track and field, and other intramural activities.", tags: ["Sports", "Athletics", "Competition"],
imageSrc: "http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1", imageAlt: "Spring sports events"
},
{
id: "5", title: "STEM Lab Projects & Experiments", author: "Science Department", description: "Behind-the-scenes looks at our state-of-the-art laboratories where students conduct experiments in biology, chemistry, physics, and engineering projects.", tags: ["STEM", "Science", "Technology"],
imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "STEM laboratory work"
},
{
id: "6", title: "Arts & Performance Showcase", author: "Arts Department", description: "Visual documentation of our performing arts productions, art exhibitions, theater performances, music concerts, and student creative showcases throughout the year.", tags: ["Arts", "Performance", "Creativity"],
imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg?_wi=1", imageAlt: "Arts performances and exhibitions"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Share Memories"
title="Submit Your Photos"
description="Do you have great photos from academy events or campus life? We'd love to feature your submissions in our gallery. Contact us to contribute your images."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email for photo submission info"
buttonText="Get Submission Details"
termsText="We respect your privacy. Unsubscribe at any time or visit our contact page for more information."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "About Us", href: "about" },
{ label: "Programs", href: "features" },
{ label: "Faculty", href: "/faculty" },
{ label: "Contact", href: "contact" }
]
},
{
title: "School Info", items: [
{ label: "Admissions", href: "contact" },
{ label: "Events & News", href: "/events" },
{ label: "Gallery", href: "/gallery" },
{ label: "Calendar", href: "/events" }
]
},
{
title: "Contact Us", items: [
{ label: "Phone: (555) 123-4567", href: "#" },
{ label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
{ label: "Address: 123 Education Lane", href: "#" },
{ label: "Hours: Mon-Fri 8am-4pm", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}
copyrightText="© 2025 Academy. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

163
src/app/notice-board/page.tsx Normal file
View File

@@ -0,0 +1,163 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Bell, Calendar, Megaphone } from 'lucide-react';
export default function NoticeBoardPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmall"
background="aurora"
cardStyle="gradient-mesh"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Academy"
navItems={[
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Admissions", id: "/admissions" },
{ name: "Notice Board", id: "/notice-board" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Notice Board"
description="Stay informed with the latest announcements, news, and important updates from Academy."
buttons={[
{ text: "Latest News", href: "#news" },
{ text: "Subscribe", href: "#subscribe" }
]}
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
imageAlt="Academy Notice Board"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="announcements" data-section="announcements">
<SplitAbout
tag="Latest Updates"
title="Important Announcements"
description="Keep up with recent updates, policy changes, and important information affecting our school community. Check back regularly for the latest news and announcements."
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
bulletPoints={[
{
title: "School Events", description: "Upcoming school events, assemblies, sports day, cultural performances, and parent-teacher conferences scheduled for the semester.", icon: Calendar
},
{
title: "Academic Notices", description: "Important information about exam schedules, grade releases, curriculum updates, and academic calendar changes.", icon: Bell
},
{
title: "Administrative News", description: "Policy updates, facility improvements, staff announcements, and other important school administrative information.", icon: Megaphone
}
]}
imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg?_wi=1"
imageAlt="News and announcements"
mediaAnimation="slide-up"
buttons={[
{ text: "View All Announcements", href: "#" }
]}
/>
</div>
<div id="news" data-section="news">
<BlogCardThree
title="Latest News & Updates"
description="Featured stories and updates from our Academy community."
tag="News"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
blogs={[
{
id: "1", category: "Academic Achievement", title: "Students Excel in National Science Olympiad", excerpt: "Our STEM team secured first place in the regional Science Olympiad competition, showcasing excellence in innovation and collaboration.", imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=1", imageAlt: "Science Olympiad winners", authorName: "Dr. Sarah Mitchell", authorAvatar: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=1", date: "December 15, 2024"
},
{
id: "2", category: "School Event", title: "Annual Cultural Festival Celebrates Diversity", excerpt: "Our vibrant cultural festival brought together students from various backgrounds to share traditions, performances, and celebrations.", imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=2", imageAlt: "Cultural festival", authorName: "Ms. Emily Rodriguez", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg?_wi=1", date: "December 10, 2024"
},
{
id: "3", category: "Facility Update", title: "New STEM Lab Opening January 2025", excerpt: "Academy is proud to announce the opening of our state-of-the-art STEM laboratory featuring advanced equipment and interactive learning spaces.", imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=3", imageAlt: "New STEM Lab", authorName: "Mr. David Chen", authorAvatar: "http://img.b2bpic.net/free-photo/senior-male-professor-with-arms-crossed-standing-against-chalkboard_23-2148200953.jpg?_wi=1", date: "December 5, 2024"
},
{
id: "4", category: "Student Recognition", title: "Debate Team Wins Regional Championship", excerpt: "Congratulations to our debate team for their outstanding performance and championship victory at the regional debate competition.", imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-science-laboratory_23-2148581920.jpg?_wi=4", imageAlt: "Debate team champions", authorName: "Dr. Patricia Johnson", authorAvatar: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg?_wi=2", date: "November 28, 2024"
}
]}
/>
</div>
<div id="subscribe" data-section="subscribe">
<ContactCenter
tag="Stay Informed"
title="Subscribe to Our Newsletter"
description="Get important announcements and news delivered straight to your inbox. Never miss an update from Academy."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Subscribe Now"
termsText="We respect your privacy. You can unsubscribe at any time. We send updates weekly or as important announcements occur."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/#about" },
{ label: "Programs", href: "/#features" },
{ label: "Contact", href: "/#contact" }
]
},
{
title: "News & Updates", items: [
{ label: "Latest News", href: "#news" },
{ label: "Announcements", href: "#announcements" },
{ label: "Events", href: "#announcements" },
{ label: "Subscribe", href: "#subscribe" }
]
},
{
title: "Contact Us", items: [
{ label: "Phone: (555) 123-4567", href: "#" },
{ label: "Email: news@academy.edu", href: "mailto:news@academy.edu" },
{ label: "Address: 123 Education Lane", href: "#" },
{ label: "Hours: Mon-Fri 8am-4pm", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}
copyrightText="© 2025 Academy. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

8
src/app/page.tsx
View File

@@ -35,7 +35,7 @@ export default function LandingPage() {
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "contact" }
{ name: "Contact", id: "/contact" }
]}
/>
</div>
@@ -46,7 +46,7 @@ export default function LandingPage() {
description="Empowering young minds through innovative education, fostering curiosity, and building tomorrow's leaders."
buttons={[
{ text: "Explore Programs", href: "features" },
{ text: "Enroll Now", href: "contact" }
{ text: "Enroll Now", href: "/contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg?_wi=1"
imageAlt="Modern school building with students"
@@ -197,12 +197,12 @@ export default function LandingPage() {
{ label: "About Us", href: "about" },
{ label: "Programs", href: "features" },
{ label: "Our Team", href: "team" },
{ label: "Contact", href: "contact" }
{ label: "Contact", href: "/contact" }
]
},
{
title: "School Info", items: [
{ label: "Admissions", href: "contact" },
{ label: "Admissions", href: "/contact" },
{ label: "Events & News", href: "/events" },
{ label: "Academics", href: "features" },
{ label: "Calendar", href: "/events" }

190
src/app/student-life/page.tsx
View File

@@ -3,14 +3,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Calendar, Users, Trophy, BookOpen, Lightbulb, Music, Award, Zap } from 'lucide-react';
import { Award, Heart, Sparkles, Users } from 'lucide-react';
export default function StudentLifePage() {
return (
@@ -30,10 +28,11 @@ export default function StudentLifePage() {
<NavbarStyleApple
brandName="Academy"
navItems={[
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "About", id: "/" },
{ name: "Programs", id: "/" },
{ name: "Team", id: "/" },
{ name: "Testimonials", id: "/" },
{ name: "Facilities", id: "/facilities" },
{ name: "Student Life", id: "/student-life" },
{ name: "Contact", id: "contact" }
]}
@@ -43,151 +42,96 @@ export default function StudentLifePage() {
<div id="hero" data-section="hero">
<HeroLogo
logoText="Student Life"
description="Discover a vibrant campus community filled with opportunities for growth, friendship, and unforgettable experiences beyond the classroom."
description="A vibrant community of learners, leaders, and innovators. Explore clubs, activities, events, and celebrate achievements."
buttons={[
{ text: "Explore Activities", href: "#activities" },
{ text: "Learn More", href: "#clubs" }
{ text: "Join a Club", href: "contact" },
{ text: "Back Home", href: "/" }
]}
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-students-enjoying-campus-sitting-together_23-2149326135.jpg"
imageAlt="Students enjoying campus activities"
imageSrc="http://img.b2bpic.net/free-photo/happy-students-celebrating-graduation_23-2147654321.jpg?_wi=1"
imageAlt="Students enjoying campus life"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
tag="Campus Life"
title="Creating Memorable Experiences"
description="Our campus is more than just a place to study—it's a vibrant community where students develop lifelong friendships, discover new passions, and grow as individuals. From cultural celebrations to sports competitions, we foster an environment where every student feels valued and included."
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
bulletPoints={[
{
title: "Diverse Community", description: "Students from different backgrounds united by a shared passion for learning and personal growth.", icon: Users
},
{
title: "Engaging Activities", description: "Year-round events, competitions, and celebrations that bring our community together.", icon: Calendar
},
{
title: "Personal Development", description: "Opportunities to discover talents, build confidence, and create lasting memories.", icon: Lightbulb
}
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-students-celebrating-success-campus_23-2149327841.jpg"
imageAlt="Students celebrating together on campus"
mediaAnimation="slide-up"
buttons={[
{ text: "Discover More", href: "#" }
]}
/>
</div>
<div id="activities" data-section="activities">
<div id="clubs" data-section="clubs">
<FeatureCardTwentyFour
title="Campus Activities"
description="Participate in diverse activities that enhance your university experience and create lasting friendships."
tag="What to Do"
title="Student Clubs & Organizations"
description="Join diverse student-led organizations focused on academics, arts, sports, culture, and community service."
tag="Get Involved"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "1", title: "Sports & Recreation", author: "Athletics Department", description: "Join our varsity teams, intramural leagues, and recreational programs. From traditional sports to emerging disciplines, we have opportunities for all skill levels and interests.", tags: ["Sports", "Fitness", "Teamwork"],
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-playing-basketball-outdoor_23-2149326842.jpg", imageAlt: "Students playing sports on campus"
id: "1", title: "Robotics & Innovation Club", author: "STEM Leaders", description: "Build and compete with robotics teams, participate in coding challenges, and explore emerging technologies through hands-on projects and competitions.", tags: ["Technology", "Innovation", "Competition"],
imageSrc: "http://img.b2bpic.net/free-photo/students-working-on-robotics-project_23-2148111111.jpg?_wi=1", imageAlt: "Robotics club members"
},
{
id: "2", title: "Performing Arts", author: "Arts & Culture Office", description: "Showcase your talent through theater, music, dance, and film. Participate in productions, concerts, and cultural festivals throughout the year.", tags: ["Arts", "Performance", "Culture"],
imageSrc: "http://img.b2bpic.net/free-photo/young-talented-musicians-performing-on-stage_23-2149327923.jpg", imageAlt: "Students performing on stage"
id: "2", title: "Performing Arts Ensemble", author: "Arts Students", description: "Showcase talent in theater, music, and dance. Participate in school productions, performances, talent shows, and cultural celebrations.", tags: ["Arts", "Performance", "Culture"],
imageSrc: "http://img.b2bpic.net/free-photo/students-performing-on-stage_23-2148222222.jpg?_wi=1", imageAlt: "Performing arts students"
},
{
id: "3", title: "Outdoor Adventures", author: "Adventure & Outdoor Programs", description: "Explore nature through hiking trips, camping excursions, and outdoor skill-building activities designed to connect you with the outdoors and your fellow students.", tags: ["Adventure", "Nature", "Exploration"],
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-hiking-mountain-trail_23-2149327956.jpg", imageAlt: "Students hiking outdoors"
id: "3", title: "Environmental Advocates", author: "Community Leaders", description: "Drive sustainability initiatives, organize eco-friendly campaigns, conduct environmental research, and inspire positive change in our community.", tags: ["Sustainability", "Community", "Action"],
imageSrc: "http://img.b2bpic.net/free-photo/students-planting-trees-outdoors_23-2148333333.jpg?_wi=1", imageAlt: "Environmental club activities"
},
{
id: "4", title: "Social Events", author: "Student Services", description: "Attend mixers, game nights, movie screenings, and themed parties. Connect with peers, make memories, and celebrate our diverse community throughout the academic year.", tags: ["Social", "Community", "Fun"],
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-campus-party-celebrating_23-2149328001.jpg", imageAlt: "Students at social event"
id: "4", title: "Model United Nations", author: "Global Citizens", description: "Develop leadership and diplomatic skills through international debate, collaborative problem-solving, and representation of world issues.", tags: ["Leadership", "Debate", "Global"],
imageSrc: "http://img.b2bpic.net/free-photo/model-united-nations-conference_23-2148444444.jpg?_wi=1", imageAlt: "Model UN delegates"
},
{
id: "5", title: "Community Service Brigade", author: "Volunteers", description: "Make a difference through volunteer work, community outreach programs, fundraising events, and social responsibility initiatives.", tags: ["Service", "Community", "Impact"],
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-helping-community_23-2148555555.jpg?_wi=1", imageAlt: "Community service volunteers"
},
{
id: "6", title: "Creative Writing & Literary Arts", author: "Writers", description: "Explore creative expression through writing workshops, poetry readings, literary magazine publication, and storytelling events.", tags: ["Writing", "Literature", "Creativity"],
imageSrc: "http://img.b2bpic.net/free-photo/students-writing-literary-workshop_23-2148666666.jpg?_wi=1", imageAlt: "Creative writing club"
}
]}
/>
</div>
<div id="clubs" data-section="clubs">
<MetricCardOne
title="Student Clubs & Organizations"
description="Join one of our 80+ clubs representing diverse interests, cultures, and passions."
tag="Get Involved"
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "80+", title: "clubs", description: "Student Organizations Available", icon: Users
},
{
id: "2", value: "2500+", title: "members", description: "Active Student Members", icon: Award
},
{
id: "3", value: "50+", title: "events", description: "Annual Club Events & Activities", icon: Calendar
},
{
id: "4", value: "100%", title: "welcome", description: "Inclusive Community for Everyone", icon: Lightbulb
}
]}
/>
</div>
<div id="events" data-section="events">
<div id="achievements" data-section="achievements">
<TeamCardTen
title="Major Student Events"
tag="Calendar Highlights"
title="Student Achievements & Recognition"
tag="Excellence"
tagAnimation="slide-up"
membersAnimation="slide-up"
memberVariant="default"
useInvertedBackground={true}
memberVariant="card"
useInvertedBackground={false}
members={[
{
id: "1", name: "Orientation Week - August"
id: "1", name: "Aisha Khan - Science Fair Winner", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-with-science-project_23-2148777777.jpg?_wi=1", imageAlt: "Aisha Khan - Science Fair Winner"
},
{
id: "2", name: "Homecoming Celebration - September"
id: "2", name: "Raj Patel - National Debate Champion", imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-speaking-at-podium_23-2148888888.jpg?_wi=1", imageAlt: "Raj Patel - Debate Champion"
},
{
id: "3", name: "Cultural Festival - October"
},
{
id: "4", name: "Winter Formal - December"
},
{
id: "5", name: "Spring Carnival - April"
},
{
id: "6", name: "Graduation Celebration - May"
id: "3", name: "Emma Chen - Athletic Scholar", imageSrc: "http://img.b2bpic.net/free-photo/female-athlete-with-trophy_23-2148999999.jpg?_wi=1", imageAlt: "Emma Chen - Athletic Scholar"
}
]}
/>
</div>
<div id="resources" data-section="resources">
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Student Resources & Support"
description="We're committed to supporting your success and well-being throughout your campus journey."
tag="Support Services"
title="Student Experiences"
description="Hear from students about their journey, growth, and the meaningful memories they've created."
tag="Stories"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
testimonials={[
{
id: "1", title: "Academic Support", quote: "Our tutoring centers, writing labs, and academic advisors are here to help you excel in your studies and make the most of your educational experience.", name: "Academic Success Center", role: "24/7 Study Support Available", imageSrc: "http://img.b2bpic.net/free-photo/students-studying-together-library_23-2149327812.jpg", imageAlt: "Students studying in library"
id: "1", title: "Finding My Passion", quote: "Joining the Robotics Club changed my life. I found friends who share my interests, learned incredible technical skills, and discovered my passion for innovation.", name: "David Lee", role: "Robotics Club President", imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-excited-about-project_23-2149000001.jpg?_wi=1", imageAlt: "David Lee"
},
{
id: "2", title: "Mental Health & Wellness", quote: "Counseling services, stress management workshops, and wellness programs ensure your emotional health is prioritized alongside academic growth.", name: "Student Wellness", role: "Comprehensive Care & Support", imageSrc: "http://img.b2bpic.net/free-photo/counselor-discussing-emotional-wellness_23-2149328042.jpg", imageAlt: "Counseling support"
id: "2", title: "Growing as a Leader", quote: "Through Model United Nations, I developed confidence, learned about global issues, and made connections with students from other schools. It prepared me for college.", name: "Sophia Martinez", role: "MUN Delegate & Ambassador", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-speaking-confidently_23-2149000002.jpg?_wi=1", imageAlt: "Sophia Martinez"
},
{
id: "3", title: "Career Development", quote: "Our career services team helps you build professional skills, network with industry leaders, and prepare for your future career through internships and mentorship.", name: "Career Services", role: "Internships & Professional Growth", imageSrc: "http://img.b2bpic.net/free-photo/professional-mentoring-session_23-2149328078.jpg", imageAlt: "Career mentoring"
id: "3", title: "Making a Difference", quote: "The Community Service Brigade taught me the importance of giving back. Every project we organize reminds me that we can make a real impact in people's lives.", name: "Miguel Rodriguez", role: "Volunteer Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/teenage-boy-helping-others_23-2149000003.jpg?_wi=1", imageAlt: "Miguel Rodriguez"
},
{
id: "4", title: "Housing & Community", quote: "Whether you live on or off campus, we foster vibrant residential communities with engaging programs, support staff, and safe, inclusive living spaces.", name: "Residential Life", role: "Community & Belonging", imageSrc: "http://img.b2bpic.net/free-photo/students-in-dormitory-common-room_23-2149328109.jpg", imageAlt: "Students in dormitory"
id: "4", title: "Lifelong Connections", quote: "The friendships I made in my club have become like family. We support each other academically and personally. These bonds will last beyond high school.", name: "Jasmine Williams", role: "Performing Arts Ensemble Member", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-with-friends_23-2149000004.jpg?_wi=1", imageAlt: "Jasmine Williams"
}
]}
/>
@@ -196,13 +140,13 @@ export default function StudentLifePage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="Get Involved"
title="Ready to Make the Most of Student Life?"
description="Connect with our student services team to learn more about clubs, activities, and how to get involved in our vibrant campus community."
title="Join Our Community"
description="Interested in joining a club or learning about upcoming events? Contact us to get started on your student life journey."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Join Us"
termsText="We respect your privacy. Unsubscribe at any time or visit our student services office for more information."
buttonText="Sign Me Up"
termsText="We'll send you information about clubs, activities, and upcoming events to help you discover your passion."
/>
</div>
@@ -212,25 +156,33 @@ export default function StudentLifePage() {
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Programs", href: "features" },
{ label: "About", href: "about" },
{ label: "Programs", href: "/" },
{ label: "Team", href: "/" },
{ label: "Contact", href: "contact" }
]
},
{
title: "Student Life", items: [
{ label: "Activities", href: "#activities" },
{ label: "Clubs", href: "#clubs" },
{ label: "Events", href: "#events" },
{ label: "Resources", href: "#resources" }
{ label: "Clubs", href: "/student-life" },
{ label: "Events", href: "/student-life" },
{ label: "Achievements", href: "/student-life" },
{ label: "Get Involved", href: "/student-life" }
]
},
{
title: "Contact Us", items: [
{ label: "Phone: (555) 123-4567", href: "#" },
{ label: "Email: info@academy.edu", href: "mailto:info@academy.edu" },
{ label: "Address: 123 Education Lane", href: "#" },
{ label: "Hours: Mon-Fri 8am-4pm", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Student Services", href: "#" },
{ label: "Campus Map", href: "#" },
{ label: "Social Media", href: "https://twitter.com" },
{ label: "Feedback", href: "#" }
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" }
]
}
]}
@@ -239,4 +191,4 @@ export default function StudentLifePage() {
</div>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #25190c;
--primary-cta: #ff6207;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #25190c;
--accent: #ffce93;
--background-accent: #e8cfa8;
--accent: #e2e2e2;
--background-accent: #ffc107;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);