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

Merge version_2 into main #4

Merged
bender merged 6 commits from version_2 into main 2026-03-11 15:44:10 +00:00
Conversation 0 Commits 6 Files Changed 6 +1041 -8
6 changed files with 1041 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

236
src/app/academics/page.tsx Normal file
View File

@@ -0,0 +1,236 @@
"use client";
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 { Award, BookOpen, Building2, Lightbulb, TrendingUp, Users, Code, Palette, Globe, Microscope } from 'lucide-react';
export default function AcademicsPage() {
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: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Academics"
description="Comprehensive K-12 educational excellence with innovative curricula, dedicated faculty, and proven academic success."
buttons={[
{ text: "View Programs", href: "features" },
{ text: "Schedule Tour", href: "contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg"
imageAlt="Modern academic environment with students"
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"
textboxLayout="default"
useInvertedBackground={false}
bulletPoints={[
{
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
},
{
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
},
{
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
}
]}
imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg"
imageAlt="Students engaged in academic learning"
mediaAnimation="slide-up"
buttons={[
{ text: "Learn More", href: "#" }
]}
/>
</div>
<div id="features" data-section="features">
<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"
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: "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: "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"
}
]}
/>
</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"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "98%", title: "Percent", description: "High School Graduation Rate", icon: Award
},
{
id: "2", value: "85%", title: "Percent", description: "College Acceptance (Elite Institutions)", icon: BookOpen
},
{
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
}
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
title="Academic Leadership Team"
tag="Faculty Leadership"
tagAnimation="slide-up"
membersAnimation="slide-up"
memberVariant="card"
useInvertedBackground={true}
members={[
{
id: "1", name: "Dr. Patricia Johnson", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg", imageAlt: "Dr. Patricia Johnson, Head of Academics"
},
{
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", imageAlt: "Mr. David Chen, Director of STEM"
},
{
id: "3", name: "Ms. Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg", imageAlt: "Ms. Emily Rodriguez, Curriculum Specialist"
}
]}
/>
</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", 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", 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", 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", 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" }
]
},
{
title: "Academic Resources", items: [
{ label: "Student Portal", href: "#" },
{ label: "Parent Resources", href: "#" },
{ label: "Course Catalog", href: "#" },
{ label: "Academic Calendar", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Email Us", href: "#" },
{ label: "Visit Campus", href: "contact" },
{ label: "Social Media", href: "https://twitter.com" },
{ label: "Careers", href: "#" }
]
}
]}
copyrightText="© 2025 Academy. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

185
src/app/admissions/page.tsx Normal file
View File

@@ -0,0 +1,185 @@
"use client";
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 ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, FileText, Users, Briefcase, GraduationCap, Clock } from 'lucide-react';
export default function AdmissionsPage() {
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: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<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."
buttons={[
{ text: "Apply Now", href: "contact" },
{ text: "Schedule Tour", href: "contact" }
]}
imageSrc="http://img.b2bpic.net/free-photo/yong-women-posing-near-modern-wall_23-2147771315.jpg"
imageAlt="Academy campus and admissions information"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="enrollment" data-section="enrollment">
<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."
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: "Multiple Admission Paths", description: "Choose from our standard application, early admission, or transfer admission programs based on your educational background.", icon: Briefcase
},
{
title: "Financial Support", description: "Merit-based scholarships and financial aid packages available to qualified students to make education accessible to all.", icon: GraduationCap
}
]}
imageSrc="http://img.b2bpic.net/free-photo/smart-teen-girl-reading-near-bookcase_23-2147864030.jpg"
imageAlt="Students in the admissions office"
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"
}
]}
/>
</div>
<div id="process" data-section="process">
<MetricCardOne
title="Application Timeline"
description="Key dates and milestones for the admissions process."
tag="Process"
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: "2", value: "Dec 15", title: "Regular Deadline", description: "Final submission date for regular admission consideration", icon: Clock
},
{
id: "3", value: "Feb 28", title: "Decisions Released", description: "Admissions decisions mailed to all applicants", icon: CheckCircle
},
{
id: "4", value: "May 1", title: "Enrollment Deadline", description: "Confirm your acceptance and secure your enrollment", icon: GraduationCap
}
]}
/>
</div>
<div id="contact" data-section="contact">
<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."
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."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Admissions", items: [
{ label: "Apply Now", href: "/admissions" },
{ label: "Requirements", href: "#requirements" },
{ label: "Timeline", href: "#process" },
{ label: "FAQ", href: "#" }
]
},
{
title: "Academy", items: [
{ label: "About Us", href: "/" },
{ label: "Programs", href: "/" },
{ label: "Our Team", href: "/" },
{ label: "Contact", href: "/" }
]
},
{
title: "Resources", items: [
{ label: "Student Portal", href: "#" },
{ label: "Parent Resources", href: "#" },
{ label: "Campus Tours", href: "#" },
{ label: "Careers", href: "#" }
]
}
]}
copyrightText="© 2025 Academy. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

205
src/app/events/page.tsx Normal file
View File

@@ -0,0 +1,205 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Calendar, Bell, Clock, MapPin } from 'lucide-react';
export default function EventsPage() {
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: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Programs", id: "features" },
{ name: "Team", id: "team" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Events & News"
description="Stay updated with the latest school events, announcements, and important calendar dates."
buttons={[
{ text: "View Calendar", href: "#calendar" },
{ text: "Subscribe", href: "#announcements" }
]}
imageSrc="http://img.b2bpic.net/free-photo/group-students-sitting-together-classroom_23-2147917622.jpg"
imageAlt="School events and announcements"
showDimOverlay={true}
buttonAnimation="slide-up"
/>
</div>
<div id="calendar" data-section="calendar" className="py-20 px-4 md:px-8">
<div className="max-w-6xl mx-auto">
<div className="mb-16 text-center">
<div className="inline-flex items-center gap-2 mb-4">
<Calendar className="w-5 h-5 text-primary-cta" />
<span className="text-sm font-semibold text-accent">SCHOOL CALENDAR</span>
</div>
<h2 className="text-4xl md:text-5xl font-bold mb-4">Upcoming Events</h2>
<p className="text-lg text-foreground/80 max-w-2xl mx-auto">Mark your calendars for important school events and activities throughout the year.</p>
</div>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
{[
{
date: "March 15, 2025", title: "Annual Science Fair", description: "Students showcase innovative science projects and research experiments.", location: "Main Campus"
},
{
date: "March 22, 2025", title: "Spring Sports Day", description: "Inter-house sports competition featuring various athletic events and activities.", location: "Sports Complex"
},
{
date: "April 10, 2025", title: "Cultural Festival", description: "Celebration of diverse cultures through performances, food, and art exhibitions.", location: "Auditorium & Grounds"
},
{
date: "April 25, 2025", title: "Parent-Teacher Conference", description: "Meet with teachers to discuss student progress and academic development.", location: "School Building"
},
{
date: "May 5, 2025", title: "Graduation Ceremony", description: "Celebrating the achievements of our graduating class of 2025.", location: "Main Auditorium"
},
{
date: "May 30, 2025", title: "Summer Orientation", description: "Welcome new students and introduce them to campus facilities and community.", location: "Multi-Purpose Hall"
}
].map((event, idx) => (
<div key={idx} className="bg-card rounded-2xl p-6 border border-background-accent hover:shadow-lg transition-shadow">
<div className="flex items-start gap-4 mb-4">
<Calendar className="w-5 h-5 text-primary-cta flex-shrink-0 mt-1" />
<div>
<p className="text-sm font-semibold text-accent mb-1">{event.date}</p>
<h3 className="text-xl font-bold mb-2 text-foreground">{event.title}</h3>
</div>
</div>
<p className="text-foreground/70 mb-4">{event.description}</p>
<div className="flex items-center gap-2 text-sm text-foreground/60">
<MapPin className="w-4 h-4" />
<span>{event.location}</span>
</div>
</div>
))}
</div>
</div>
</div>
<div id="announcements" data-section="announcements" className="py-20 px-4 md:px-8 bg-background-accent/30">
<div className="max-w-6xl mx-auto">
<div className="mb-16 text-center">
<div className="inline-flex items-center gap-2 mb-4">
<Bell className="w-5 h-5 text-primary-cta" />
<span className="text-sm font-semibold text-accent">ANNOUNCEMENTS</span>
</div>
<h2 className="text-4xl md:text-5xl font-bold mb-4">Latest News & Updates</h2>
<p className="text-lg text-foreground/80 max-w-2xl mx-auto">Important announcements and updates from the school administration and departments.</p>
</div>
<div className="space-y-6 max-w-4xl mx-auto">
{[
{
date: "March 10, 2025", category: "Academic", title: "New Advanced Placement Program Launch", content: "We are excited to announce the launch of our new Advanced Placement program designed to challenge our most ambitious students."
},
{
date: "March 8, 2025", category: "Campus", title: "Library Renovation Complete", content: "Our renovated library now features updated technology, collaborative study spaces, and expanded digital resources."
},
{
date: "March 5, 2025", category: "Administrative", title: "Updated School Hours for Spring", content: "Please note that school hours have been adjusted for the spring semester. New hours: 8:00 AM - 3:30 PM."
},
{
date: "February 28, 2025", category: "Community", title: "Community Service Initiative", content: "Students are invited to participate in our new community service program. Sign-ups are now open in the student center."
},
{
date: "February 25, 2025", category: "Sports", title: "Debate Team Advances to Regional Finals", content: "Congratulations to our debate team on advancing to the regional finals! We are proud of your hard work and dedication."
}
].map((announcement, idx) => (
<div key={idx} className="bg-card rounded-2xl p-6 border border-background-accent hover:shadow-lg transition-shadow">
<div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-3">
<div className="flex items-center gap-3">
<Clock className="w-4 h-4 text-primary-cta" />
<span className="text-sm font-semibold text-accent">{announcement.date}</span>
</div>
<span className="inline-block px-3 py-1 bg-primary-cta/10 text-primary-cta text-xs font-semibold rounded-full w-fit">
{announcement.category}
</span>
</div>
<h3 className="text-xl font-bold mb-2 text-foreground">{announcement.title}</h3>
<p className="text-foreground/70">{announcement.content}</p>
</div>
))}
</div>
</div>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Stay Connected"
title="Subscribe to Updates"
description="Get the latest news, event announcements, and important updates delivered to your inbox."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
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" }
]
},
{
title: "School Info", items: [
{ label: "Admissions", href: "contact" },
{ label: "Calendar", href: "/events" },
{ label: "Academics", href: "features" },
{ label: "Facilities", href: "#" }
]
},
{
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>
);
}

156
src/app/faculty/page.tsx Normal file
View File

@@ -0,0 +1,156 @@
"use client";
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 ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function FacultyPage() {
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: "Contact", id: "/" },
{ name: "Faculty", id: "/faculty" }
]}
/>
</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."
buttons={[
{ text: "Contact Us", href: "#contact" },
{ text: "Learn More", href: "/" }
]}
imageSrc="http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg"
imageAlt="Faculty members in classroom"
showDimOverlay={false}
buttonAnimation="slide-up"
/>
</div>
<div id="faculty-team" data-section="faculty-team">
<TeamCardTen
title="Leadership Team"
tag="Administration"
tagAnimation="slide-up"
membersAnimation="slide-up"
memberVariant="card"
useInvertedBackground={true}
members={[
{
id: "1", name: "Dr. Patricia Johnson", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg", imageAlt: "Dr. Patricia Johnson, School Principal"
},
{
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", imageAlt: "Mr. David Chen, Head of Academics"
},
{
id: "3", name: "Ms. Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg", imageAlt: "Ms. Emily Rodriguez, Student Services Director"
},
{
id: "4", name: "Dr. Michael Foster", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg", 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", 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", 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", 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", 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", 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", imageAlt: "Mr. Kevin Walsh, Physical Education"
}
]}
/>
</div>
<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."
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."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Programs", href: "/" },
{ label: "Our Team", href: "/" },
{ label: "Faculty", href: "/faculty" },
{ label: "Contact", href: "/" }
]
},
{
title: "Resources", items: [
{ label: "Student Portal", href: "#" },
{ label: "Parent Resources", href: "#" },
{ label: "Academics", href: "/" },
{ label: "Calendar", href: "#" }
]
},
{
title: "Connect", items: [
{ label: "Email Us", href: "#" },
{ label: "Visit Campus", href: "/" },
{ label: "Social Media", href: "https://twitter.com" },
{ label: "Careers", href: "#" }
]
}
]}
copyrightText="© 2025 Academy. All rights reserved."
/>
</div>
</ThemeProvider>
);
}

25
src/app/page.tsx
View File

@@ -34,6 +34,7 @@ export default function LandingPage() {
{ name: "Programs", id: "features" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "contact" }
]}
/>
@@ -200,19 +201,27 @@ export default function LandingPage() {
]
},
{
title: "Resources", items: [
{ label: "Student Portal", href: "#" },
{ label: "Parent Resources", href: "#" },
title: "School Info", items: [
{ label: "Admissions", href: "contact" },
{ label: "Events & News", href: "/events" },
{ label: "Academics", href: "features" },
{ label: "Calendar", href: "#" }
{ 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: "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" }
]
}
]}

242
src/app/student-life/page.tsx Normal file
View File

@@ -0,0 +1,242 @@
"use client";
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';
export default function StudentLifePage() {
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: "Student Life", id: "/student-life" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<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."
buttons={[
{ text: "Explore Activities", href: "#activities" },
{ text: "Learn More", href: "#clubs" }
]}
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-students-enjoying-campus-sitting-together_23-2149326135.jpg"
imageAlt="Students enjoying campus activities"
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">
<FeatureCardTwentyFour
title="Campus Activities"
description="Participate in diverse activities that enhance your university experience and create lasting friendships."
tag="What to Do"
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: "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: "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: "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"
}
]}
/>
</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">
<TeamCardTen
title="Major Student Events"
tag="Calendar Highlights"
tagAnimation="slide-up"
membersAnimation="slide-up"
memberVariant="default"
useInvertedBackground={true}
members={[
{
id: "1", name: "Orientation Week - August"
},
{
id: "2", name: "Homecoming Celebration - September"
},
{
id: "3", name: "Cultural Festival - October"
},
{
id: "4", name: "Winter Formal - December"
},
{
id: "5", name: "Spring Carnival - April"
},
{
id: "6", name: "Graduation Celebration - May"
}
]}
/>
</div>
<div id="resources" data-section="resources">
<TestimonialCardTen
title="Student Resources & Support"
description="We're committed to supporting your success and well-being throughout your campus journey."
tag="Support Services"
textboxLayout="default"
useInvertedBackground={false}
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: "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: "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: "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"
}
]}
/>
</div>
<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."
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."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Navigation", items: [
{ label: "Home", href: "/" },
{ label: "Programs", href: "features" },
{ label: "About", href: "about" },
{ label: "Contact", href: "contact" }
]
},
{
title: "Student Life", items: [
{ label: "Activities", href: "#activities" },
{ label: "Clubs", href: "#clubs" },
{ label: "Events", href: "#events" },
{ label: "Resources", href: "#resources" }
]
},
{
title: "Connect", items: [
{ label: "Student Services", href: "#" },
{ label: "Campus Map", href: "#" },
{ label: "Social Media", href: "https://twitter.com" },
{ label: "Feedback", href: "#" }
]
}
]}
copyrightText="© 2025 Academy. All rights reserved."
/>
</div>
</ThemeProvider>
);
}