Merge version_1 into main #1
205
src/app/page.tsx
205
src/app/page.tsx
@@ -31,28 +31,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Programs", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Oakwood High"
|
||||
button={{ text: "Apply Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,40 +47,16 @@ export default function LandingPage() {
|
||||
logoText="Oakwood High School"
|
||||
description="Empowering the leaders of tomorrow through excellence in education, arts, and athletics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Learn More", href: "#about" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-3201.jpg",
|
||||
imageAlt: "School Exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/students-starting-run_23-2147679020.jpg",
|
||||
imageAlt: "Students in class",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everything-will-be-awesome-group-young-people-casual-clothes-working-modern-office_146671-16522.jpg",
|
||||
imageAlt: "Tech and Arts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-pressing-hands-ears-looking-left-side-graduation-gown-cap-looking-focused_176474-82565.jpg",
|
||||
imageAlt: "Collaborative learning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-group-university-students-walking-away-school-hallway_662251-1147.jpg",
|
||||
imageAlt: "Science department",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-with-glass-back-back-with-girl_259150-60297.jpg",
|
||||
imageAlt: "Campus life",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-3201.jpg", imageAlt: "School Exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/students-starting-run_23-2147679020.jpg", imageAlt: "Students in class" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/everything-will-be-awesome-group-young-people-casual-clothes-working-modern-office_146671-16522.jpg", imageAlt: "Tech and Arts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-pressing-hands-ears-looking-left-side-graduation-gown-cap-looking-focused_176474-82565.jpg", imageAlt: "Collaborative learning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rear-view-group-university-students-walking-away-school-hallway_662251-1147.jpg", imageAlt: "Science department" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/boy-with-glass-back-back-with-girl_259150-60297.jpg", imageAlt: "Campus life" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,21 +66,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Academic Programs",
|
||||
value: "45+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Student Enrollment",
|
||||
value: "1200",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Distinctions",
|
||||
value: "15",
|
||||
},
|
||||
{ icon: BookOpen, label: "Academic Programs", value: "45+" },
|
||||
{ icon: Users, label: "Student Enrollment", value: "1200" },
|
||||
{ icon: Award, label: "Distinctions", value: "15" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -130,21 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: BookOpen,
|
||||
title: "Science & Tech",
|
||||
description: "State of the art labs for biology, chemistry, and computer science.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Arts & Creative",
|
||||
description: "Full range of music, visual arts, and drama performances.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Athletics",
|
||||
description: "Competitive sports and wellness programs for all levels.",
|
||||
},
|
||||
{ icon: BookOpen, title: "Science & Tech", description: "State of the art labs for biology, chemistry, and computer science." },
|
||||
{ icon: Palette, title: "Arts & Creative", description: "Full range of music, visual arts, and drama performances." },
|
||||
{ icon: Award, title: "Athletics", description: "Competitive sports and wellness programs for all levels." },
|
||||
]}
|
||||
title="Academic Offerings"
|
||||
description="Comprehensive programs designed for student success."
|
||||
@@ -158,21 +96,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Graduation Rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "92%",
|
||||
description: "College Acceptance",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1:15",
|
||||
description: "Student-Teacher Ratio",
|
||||
},
|
||||
{ id: "m1", value: "98%", description: "Graduation Rate" },
|
||||
{ id: "m2", value: "92%", description: "College Acceptance" },
|
||||
{ id: "m3", value: "1:15", description: "Student-Teacher Ratio" },
|
||||
]}
|
||||
title="School Performance"
|
||||
description="Demonstrating our commitment to academic success."
|
||||
@@ -186,46 +112,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "Parent",
|
||||
company: "Class of 2024",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clueless-young-female-student-wearing-headphones-bandana-neck-backpack-showing-money-note-book-looking-camera-isolated-olive-green-background_141793-137885.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Student",
|
||||
company: "Class of 2025",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. Miller",
|
||||
role: "Alumni",
|
||||
company: "Class of 2010",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sara King",
|
||||
role: "Teacher",
|
||||
company: "Science Dept",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-business-woman-showing-thumb-up_1262-4720.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Wilson",
|
||||
role: "Parent",
|
||||
company: "Class of 2026",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-son-posing-smiling_23-2148414883.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jane Doe", role: "Parent", company: "Class of 2024", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clueless-young-female-student-wearing-headphones-bandana-neck-backpack-showing-money-note-book-looking-camera-isolated-olive-green-background_141793-137885.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Student", company: "Class of 2025", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dreamy-cute-smiling-woman-glasses-exhange-student-walking-along-campus-holding-totebag-looking-camera-carefree-joyful-concept-youth-modern-generation-career_197531-30538.jpg" },
|
||||
{ id: "3", name: "Dr. Miller", role: "Alumni", company: "Class of 2010", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg" },
|
||||
{ id: "4", name: "Sara King", role: "Teacher", company: "Science Dept", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-pretty-business-woman-showing-thumb-up_1262-4720.jpg" },
|
||||
{ id: "5", name: "Mark Wilson", role: "Parent", company: "Class of 2026", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-son-posing-smiling_23-2148414883.jpg" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our school community has to say."
|
||||
@@ -236,21 +127,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I apply for enrollment?",
|
||||
content: "Admissions are handled via our portal. Please submit your application by March 1st.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What extracurriculars are available?",
|
||||
content: "We offer over 30 clubs and organizations including robotics, debate, and music.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there financial aid options?",
|
||||
content: "Yes, we offer various scholarship and financial aid programs based on eligibility.",
|
||||
},
|
||||
{ id: "f1", title: "How do I apply for enrollment?", content: "Admissions are handled via our portal. Please submit your application by March 1st." },
|
||||
{ id: "f2", title: "What extracurriculars are available?", content: "We offer over 30 clubs and organizations including robotics, debate, and music." },
|
||||
{ id: "f3", title: "Are there financial aid options?", content: "Yes, we offer various scholarship and financial aid programs based on eligibility." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about admissions, academics, and school life."
|
||||
@@ -261,9 +140,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Stay Informed"
|
||||
title="Get School Updates"
|
||||
description="Sign up for our newsletter to receive monthly updates about events and school programs."
|
||||
@@ -278,21 +155,9 @@ export default function LandingPage() {
|
||||
logoText="Oakwood High"
|
||||
copyrightText="© 2025 Oakwood High School. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user