Merge version_1 into main #2
251
src/app/page.tsx
251
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "features",
|
||||
},
|
||||
name: "Programs", id: "features"},
|
||||
{
|
||||
name: "Leadership",
|
||||
id: "team",
|
||||
},
|
||||
name: "Leadership", id: "team"},
|
||||
{
|
||||
name: "Enrollment",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Enrollment", id: "contact"},
|
||||
]}
|
||||
brandName="District Connect"
|
||||
/>
|
||||
@@ -56,98 +48,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Education that empowers every student"
|
||||
description="Access programs, resources, and community support designed to help your child thrive. Stay connected with real-time updates, enrollment tools, and transparent insights into our district."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@jane_s",
|
||||
testimonial: "The communication from the district has completely changed our family's involvement.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-multiethnic-dark-skinned-woman-youngster-give-high-five-each-other-sit-workplace-achieve-good-results-while-study-together-write-records-notepad-demonstrate-their-agreement_273609-29243.jpg?_wi=1",
|
||||
},
|
||||
name: "Jane Smith", handle: "@jane_s", testimonial: "The communication from the district has completely changed our family's involvement.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-multiethnic-dark-skinned-woman-youngster-give-high-five-each-other-sit-workplace-achieve-good-results-while-study-together-write-records-notepad-demonstrate-their-agreement_273609-29243.jpg"},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@ml_student",
|
||||
testimonial: "The resources on the portal make it so easy to stay on top of assignments.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-mobile-phone-looking-camera-isolated-olive-green-background_141793-137086.jpg",
|
||||
},
|
||||
name: "Marcus L.", handle: "@ml_student", testimonial: "The resources on the portal make it so easy to stay on top of assignments.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-female-student-wearing-glasses-bandana-headphones-around-neck-holding-note-pads-mobile-phone-looking-camera-isolated-olive-green-background_141793-137086.jpg"},
|
||||
{
|
||||
name: "Sarah T.",
|
||||
handle: "@teacher_sarah",
|
||||
testimonial: "A truly empowering environment for educators and students alike.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg",
|
||||
},
|
||||
name: "Sarah T.", handle: "@teacher_sarah", testimonial: "A truly empowering environment for educators and students alike.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@parent_david",
|
||||
testimonial: "Transparency in achievement reporting has been vital for our family.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-parents-kid-home_23-2149610784.jpg",
|
||||
},
|
||||
name: "David W.", handle: "@parent_david", testimonial: "Transparency in achievement reporting has been vital for our family.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-parents-kid-home_23-2149610784.jpg"},
|
||||
{
|
||||
name: "Elisa M.",
|
||||
handle: "@student_elisa",
|
||||
testimonial: "I love the extracurricular options they showcase here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-pretty-caucasian-schoolgirl-wearing-glasses-sits-desk-with-school-tools-thumbs-up-points-with-hand-side-isolated-orange-space-with-copy-space_141793-60045.jpg",
|
||||
},
|
||||
name: "Elisa M.", handle: "@student_elisa", testimonial: "I love the extracurricular options they showcase here.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-pretty-caucasian-schoolgirl-wearing-glasses-sits-desk-with-school-tools-thumbs-up-points-with-hand-side-isolated-orange-space-with-copy-space_141793-60045.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore enrollment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Explore enrollment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/caucasian-tutor-guiding-two-elementary-school-girls-library-desk_482257-123184.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/caucasian-tutor-guiding-two-elementary-school-girls-library-desk_482257-123184.jpg"
|
||||
imageAlt="diverse group of students in classroom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-people-studying-together_23-2147656322.jpg",
|
||||
alt: "Student profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-people-studying-together_23-2147656322.jpg", alt: "Student profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/students-learning-exam-side-view_23-2149647125.jpg",
|
||||
alt: "Student profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/students-learning-exam-side-view_23-2149647125.jpg", alt: "Student profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-students-communicating_23-2147663806.jpg",
|
||||
alt: "Student profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-students-communicating_23-2147663806.jpg", alt: "Student profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-studying-together-university-library_23-2148844694.jpg",
|
||||
alt: "Student profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-studying-together-university-library_23-2148844694.jpg", alt: "Student profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/students-learning-stairs-outdoors-full-shot_23-2149647075.jpg",
|
||||
alt: "Student profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/students-learning-stairs-outdoors-full-shot_23-2149647075.jpg", alt: "Student profile 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Empowering Future Generations",
|
||||
},
|
||||
type: "text", text: "Empowering Future Generations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative STEM Programs",
|
||||
},
|
||||
type: "text", text: "Innovative STEM Programs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community-First Education",
|
||||
},
|
||||
type: "text", text: "Community-First Education"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence in Academics",
|
||||
},
|
||||
type: "text", text: "Excellence in Academics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Supportive Learning Hub",
|
||||
},
|
||||
type: "text", text: "Supportive Learning Hub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,7 +109,7 @@ export default function LandingPage() {
|
||||
description="We are dedicated to providing a high-quality education that prepares every child for the complexities of tomorrow. Through community engagement and institutional excellence, we foster success."
|
||||
subdescription="Our curriculum evolves to meet student needs, ensuring equity, growth, and inclusion at every level."
|
||||
icon={GraduationCap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/town-square_1359-844.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/town-square_1359-844.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -172,26 +121,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Academic Excellence",
|
||||
subtitle: "Curriculum",
|
||||
category: "Academic",
|
||||
value: "STEM/Liberal Arts",
|
||||
},
|
||||
id: "1", title: "Academic Excellence", subtitle: "Curriculum", category: "Academic", value: "STEM/Liberal Arts"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Community Outreach",
|
||||
subtitle: "Services",
|
||||
category: "Community",
|
||||
value: "Supportive Hub",
|
||||
},
|
||||
id: "2", title: "Community Outreach", subtitle: "Services", category: "Community", value: "Supportive Hub"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Extracurriculars",
|
||||
subtitle: "Activities",
|
||||
category: "Student",
|
||||
value: "Wide range",
|
||||
},
|
||||
id: "3", title: "Extracurriculars", subtitle: "Activities", category: "Student", value: "Wide range"},
|
||||
]}
|
||||
title="Core District Offerings"
|
||||
description="Comprehensive resources tailored to our unique community needs."
|
||||
@@ -205,23 +139,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Active Students",
|
||||
value: "15,000+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Active Students", value: "15,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: BookOpen,
|
||||
title: "Academic Programs",
|
||||
value: "120",
|
||||
},
|
||||
id: "m2", icon: BookOpen,
|
||||
title: "Academic Programs", value: "120"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Graduation Rate",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Graduation Rate", value: "98%"},
|
||||
]}
|
||||
title="District Impact at a Glance"
|
||||
description="Transparent data on our institutional progress and success rates."
|
||||
@@ -236,33 +161,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Sarah Miller",
|
||||
role: "Superintendent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-jacket-stands-before-window-street_8353-1337.jpg",
|
||||
imageAlt: "Woman in white jacket stands before a window on the street ",
|
||||
},
|
||||
id: "t1", name: "Dr. Sarah Miller", role: "Superintendent", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-jacket-stands-before-window-street_8353-1337.jpg", imageAlt: "Woman in white jacket stands before a window on the street "},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
role: "Board President",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-tutor-guiding-two-elementary-school-girls-library-desk_482257-123184.jpg?_wi=2",
|
||||
imageAlt: "Woman in white jacket stands before a window on the street ",
|
||||
},
|
||||
id: "t2", name: "James Chen", role: "Board President", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-tutor-guiding-two-elementary-school-girls-library-desk_482257-123184.jpg", imageAlt: "Woman in white jacket stands before a window on the street "},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Rodriguez",
|
||||
role: "Director of Instruction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-844.jpg?_wi=2",
|
||||
imageAlt: "Woman in white jacket stands before a window on the street ",
|
||||
},
|
||||
id: "t3", name: "Maria Rodriguez", role: "Director of Instruction", imageSrc: "http://img.b2bpic.net/free-photo/town-square_1359-844.jpg", imageAlt: "Woman in white jacket stands before a window on the street "},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Banks",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-multiethnic-dark-skinned-woman-youngster-give-high-five-each-other-sit-workplace-achieve-good-results-while-study-together-write-records-notepad-demonstrate-their-agreement_273609-29243.jpg?_wi=2",
|
||||
imageAlt: "Woman in white jacket stands before a window on the street ",
|
||||
},
|
||||
id: "t4", name: "Robert Banks", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/glad-multiethnic-dark-skinned-woman-youngster-give-high-five-each-other-sit-workplace-achieve-good-results-while-study-together-write-records-notepad-demonstrate-their-agreement_273609-29243.jpg", imageAlt: "Woman in white jacket stands before a window on the street "},
|
||||
]}
|
||||
title="District Leadership"
|
||||
description="The administrative team driving our vision forward."
|
||||
@@ -274,30 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Parent Council",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-black-boy-eating-apple-while-doing-homework_637285-9306.jpg",
|
||||
},
|
||||
id: "1", name: "Parent Council", imageSrc: "http://img.b2bpic.net/free-photo/small-black-boy-eating-apple-while-doing-homework_637285-9306.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Student Advisory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-thinking-with-pencil-his-chin_23-2147659182.jpg",
|
||||
},
|
||||
id: "2", name: "Student Advisory", imageSrc: "http://img.b2bpic.net/free-photo/young-boy-thinking-with-pencil-his-chin_23-2147659182.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Faculty Board",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-class-with-friends-studying-background_1098-2531.jpg",
|
||||
},
|
||||
id: "3", name: "Faculty Board", imageSrc: "http://img.b2bpic.net/free-photo/girl-class-with-friends-studying-background_1098-2531.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Community Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684437.jpg",
|
||||
},
|
||||
id: "4", name: "Community Partner", imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-football-supervised-by-football-trainer_23-2149684437.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alumni Association",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-presentation-his-colleague-office_23-2147847550.jpg",
|
||||
},
|
||||
id: "5", name: "Alumni Association", imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-presentation-his-colleague-office_23-2147847550.jpg"},
|
||||
]}
|
||||
cardTitle="Voices of the Community"
|
||||
cardTag="Testimonials"
|
||||
@@ -311,20 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I enroll?",
|
||||
content: "Visit our enrollment center page to download documents.",
|
||||
},
|
||||
id: "f1", title: "How do I enroll?", content: "Visit our enrollment center page to download documents."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "When is school starting?",
|
||||
content: "The new term begins on the first Monday of September.",
|
||||
},
|
||||
id: "f2", title: "When is school starting?", content: "The new term begins on the first Monday of September."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there volunteer spots?",
|
||||
content: "We welcome volunteers! Register on the community page.",
|
||||
},
|
||||
id: "f3", title: "Are there volunteer spots?", content: "We welcome volunteers! Register on the community page."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers for students, parents, and community members."
|
||||
@@ -334,10 +215,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Join our Community"
|
||||
description="Sign up for district news and updates directly to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/room-interior-design_23-2148899442.jpg"
|
||||
@@ -350,37 +231,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Parent Portal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Parent Portal", href: "#"},
|
||||
{
|
||||
label: "Staff Login",
|
||||
href: "#",
|
||||
},
|
||||
label: "Staff Login", href: "#"},
|
||||
{
|
||||
label: "Policies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Policies", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user