Update src/app/page.tsx
This commit is contained in:
262
src/app/page.tsx
262
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Programs",
|
||||
id: "#programs",
|
||||
},
|
||||
name: "Programs", id: "#programs"},
|
||||
{
|
||||
name: "Faculty",
|
||||
id: "#faculty",
|
||||
},
|
||||
name: "Faculty", id: "#faculty"},
|
||||
{
|
||||
name: "Admissions",
|
||||
id: "#admissions",
|
||||
},
|
||||
name: "Admissions", id: "#admissions"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Saint Peters Academy"
|
||||
/>
|
||||
@@ -67,21 +53,16 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
logoText="Saint Peters International Academy"
|
||||
description="Cultivating future leaders through academic excellence, character development, and global perspectives."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Programs",
|
||||
href: "#programs",
|
||||
},
|
||||
text: "Explore Programs", href: "#programs"},
|
||||
{
|
||||
text: "Admissions",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Admissions", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-casual-girl-using-tablet-sitting-with-suitcase-bench-city-park_574295-2527.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-casual-girl-using-tablet-sitting-with-suitcase-bench-city-park_574295-2527.jpg"
|
||||
imageAlt="Luxurious Saint Peters International Academy campus"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -92,19 +73,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Empowering Minds for a Brighter Future",
|
||||
},
|
||||
type: "text", content: "Empowering Minds for a Brighter Future"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Mission", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,38 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "academic-rigor",
|
||||
title: "Academic Rigor & Innovation",
|
||||
descriptions: [
|
||||
"Challenging programs designed to foster critical thinking and problem-solving skills.",
|
||||
"Access to advanced placement courses and cutting-edge research opportunities.",
|
||||
"Personalized learning paths tailored to individual student strengths and aspirations.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-scientist-watching-girls-experimenting-with-chemistry_23-2148571321.jpg",
|
||||
imageAlt: "Student studying intently with books",
|
||||
},
|
||||
id: "academic-rigor", title: "Academic Rigor & Innovation", descriptions: [
|
||||
"Challenging programs designed to foster critical thinking and problem-solving skills.", "Access to advanced placement courses and cutting-edge research opportunities.", "Personalized learning paths tailored to individual student strengths and aspirations."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-scientist-watching-girls-experimenting-with-chemistry_23-2148571321.jpg", imageAlt: "Student studying intently with books"},
|
||||
{
|
||||
id: "arts-culture",
|
||||
title: "Vibrant Arts & Culture",
|
||||
descriptions: [
|
||||
"Extensive programs in visual arts, music, drama, and creative writing.",
|
||||
"Opportunities to showcase talent in school productions, concerts, and exhibitions.",
|
||||
"Cultural exchange initiatives promoting global understanding and appreciation.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-female-artist-working-new-painting-her-workshop_662251-399.jpg",
|
||||
imageAlt: "Student painting in an art class",
|
||||
},
|
||||
id: "arts-culture", title: "Vibrant Arts & Culture", descriptions: [
|
||||
"Extensive programs in visual arts, music, drama, and creative writing.", "Opportunities to showcase talent in school productions, concerts, and exhibitions.", "Cultural exchange initiatives promoting global understanding and appreciation."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-young-female-artist-working-new-painting-her-workshop_662251-399.jpg", imageAlt: "Student painting in an art class"},
|
||||
{
|
||||
id: "sports-wellness",
|
||||
title: "Sports & Holistic Wellness",
|
||||
descriptions: [
|
||||
"State-of-the-art athletic facilities for various sports and physical activities.",
|
||||
"Emphasis on physical fitness, teamwork, and healthy lifestyle choices.",
|
||||
"Counseling services and wellness programs supporting mental and emotional health.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-running-starting-line_23-2149731266.jpg",
|
||||
imageAlt: "Students playing basketball on a court",
|
||||
},
|
||||
id: "sports-wellness", title: "Sports & Holistic Wellness", descriptions: [
|
||||
"State-of-the-art athletic facilities for various sports and physical activities.", "Emphasis on physical fitness, teamwork, and healthy lifestyle choices.", "Counseling services and wellness programs supporting mental and emotional health."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-running-starting-line_23-2149731266.jpg", imageAlt: "Students playing basketball on a court"},
|
||||
]}
|
||||
title="Holistic Education for Global Citizens"
|
||||
description="Our comprehensive curriculum and innovative teaching methodologies nurture intellectual curiosity and personal growth, ensuring students are well-prepared for higher education and beyond."
|
||||
@@ -161,20 +115,11 @@ export default function LandingPage() {
|
||||
tag="Achievements"
|
||||
metrics={[
|
||||
{
|
||||
id: "student-success",
|
||||
value: "98%",
|
||||
description: "University Acceptance Rate",
|
||||
},
|
||||
id: "student-success", value: "98%", description: "University Acceptance Rate"},
|
||||
{
|
||||
id: "faculty-experience",
|
||||
value: "20+",
|
||||
description: "Average Years of Faculty Experience",
|
||||
},
|
||||
id: "faculty-experience", value: "20+", description: "Average Years of Faculty Experience"},
|
||||
{
|
||||
id: "student-ratio",
|
||||
value: "12:1",
|
||||
description: "Student-to-Teacher Ratio",
|
||||
},
|
||||
id: "student-ratio", value: "12:1", description: "Student-to-Teacher Ratio"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -187,60 +132,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "leadership",
|
||||
groupTitle: "School Leadership",
|
||||
members: [
|
||||
id: "leadership", groupTitle: "School Leadership", members: [
|
||||
{
|
||||
id: "principal-1",
|
||||
title: "Dr. Eleanor Vance",
|
||||
subtitle: "Principal",
|
||||
detail: "Over 25 years of educational leadership experience, passionate about student-centric learning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-content-teacher-with-folded-hands_74855-10318.jpg",
|
||||
imageAlt: "Portrait of Dr. Eleanor Vance, Principal",
|
||||
},
|
||||
id: "principal-1", title: "Dr. Eleanor Vance", subtitle: "Principal", detail: "Over 25 years of educational leadership experience, passionate about student-centric learning.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-content-teacher-with-folded-hands_74855-10318.jpg", imageAlt: "Portrait of Dr. Eleanor Vance, Principal"},
|
||||
{
|
||||
id: "vice-principal-1",
|
||||
title: "Mr. Alistair Finch",
|
||||
subtitle: "Vice Principal",
|
||||
detail: "Specializing in curriculum development and innovative teaching strategies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-library-wear-white-blouse-black-mini-skirt-sexy-business-woman-teacher-concept-smile-braces_627829-11381.jpg",
|
||||
imageAlt: "Portrait of Mr. Alistair Finch, Vice Principal",
|
||||
},
|
||||
id: "vice-principal-1", title: "Mr. Alistair Finch", subtitle: "Vice Principal", detail: "Specializing in curriculum development and innovative teaching strategies.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-library-wear-white-blouse-black-mini-skirt-sexy-business-woman-teacher-concept-smile-braces_627829-11381.jpg", imageAlt: "Portrait of Mr. Alistair Finch, Vice Principal"},
|
||||
{
|
||||
id: "dean-academics-1",
|
||||
title: "Ms. Isabella Chen",
|
||||
subtitle: "Dean of Academics",
|
||||
detail: "Dedicated to maintaining high academic standards and fostering intellectual curiosity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-darkskinned-browneyed-brunette-longsleeved-tshirt-looks-into-camera-runs-upstairs-outdoors_197531-28721.jpg",
|
||||
imageAlt: "Portrait of Ms. Isabella Chen, Dean of Academics",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-girl-using-tablet-sitting-with-suitcase-bench-city-park_574295-2527.jpg?_wi=2",
|
||||
imageAlt: "professional male teacher portrait smiling",
|
||||
id: "dean-academics-1", title: "Ms. Isabella Chen", subtitle: "Dean of Academics", detail: "Dedicated to maintaining high academic standards and fostering intellectual curiosity.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-darkskinned-browneyed-brunette-longsleeved-tshirt-looks-into-camera-runs-upstairs-outdoors_197531-28721.jpg", imageAlt: "Portrait of Ms. Isabella Chen, Dean of Academics"},
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "teaching-staff",
|
||||
groupTitle: "Teaching Staff Highlights",
|
||||
members: [
|
||||
id: "teaching-staff", groupTitle: "Teaching Staff Highlights", members: [
|
||||
{
|
||||
id: "teacher-4",
|
||||
title: "Mr. David Lee",
|
||||
subtitle: "Head of Science Department",
|
||||
detail: "Inspiring young scientists with engaging experiments and real-world applications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sitting-inside-room-with-paints-easel-white-background_140725-103614.jpg",
|
||||
imageAlt: "Portrait of Mr. David Lee, Head of Science Department",
|
||||
},
|
||||
id: "teacher-4", title: "Mr. David Lee", subtitle: "Head of Science Department", detail: "Inspiring young scientists with engaging experiments and real-world applications.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sitting-inside-room-with-paints-easel-white-background_140725-103614.jpg", imageAlt: "Portrait of Mr. David Lee, Head of Science Department"},
|
||||
{
|
||||
id: "teacher-5",
|
||||
title: "Ms. Sophia Patel",
|
||||
subtitle: "Head of Arts & Culture",
|
||||
detail: "Nurturing creativity and artistic expression across various disciplines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",
|
||||
imageAlt: "Portrait of Ms. Sophia Patel, Head of Arts & Culture",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-teacher-student-looking-earth-globe_23-2148618657.jpg",
|
||||
imageAlt: "professional male teacher portrait smiling",
|
||||
id: "teacher-5", title: "Ms. Sophia Patel", subtitle: "Head of Arts & Culture", detail: "Nurturing creativity and artistic expression across various disciplines.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg", imageAlt: "Portrait of Ms. Sophia Patel, Head of Arts & Culture"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Meet Our Dedicated Educators"
|
||||
@@ -256,25 +163,15 @@ export default function LandingPage() {
|
||||
author="A Grateful Parent"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-woman-executive-smiling-confident-standing-street_839833-33412.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-woman-executive-smiling-confident-standing-street_839833-33412.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-outdoors_23-2149073989.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-outdoors_23-2149073989.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-pretty-blonde-slavic-woman-looks-camera-olive-green_141793-69796.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-pretty-blonde-slavic-woman-looks-camera-olive-green_141793-69796.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
alt: "Maria Garcia",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", alt: "Maria Garcia"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -287,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What is the admissions process?",
|
||||
content: "Our admissions process involves an online application, submission of academic records, an interview, and a potential assessment. We encourage prospective families to schedule a campus tour.",
|
||||
},
|
||||
id: "faq-1", title: "What is the admissions process?", content: "Our admissions process involves an online application, submission of academic records, an interview, and a potential assessment. We encourage prospective families to schedule a campus tour."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "What extracurricular activities are available?",
|
||||
content: "We offer a wide range of extracurricular activities, including various sports, art clubs, debate teams, robotics, music ensembles, and community service programs to enrich student life.",
|
||||
},
|
||||
id: "faq-2", title: "What extracurricular activities are available?", content: "We offer a wide range of extracurricular activities, including various sports, art clubs, debate teams, robotics, music ensembles, and community service programs to enrich student life."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What support is available for new students?",
|
||||
content: "New students are supported through a dedicated buddy program, orientation sessions, and access to academic and pastoral counseling to ensure a smooth transition and integration into the academy community.",
|
||||
},
|
||||
id: "faq-3", title: "What support is available for new students?", content: "New students are supported through a dedicated buddy program, orientation sessions, and access to academic and pastoral counseling to ensure a smooth transition and integration into the academy community."},
|
||||
]}
|
||||
title="Your Questions, Answered"
|
||||
description="Find quick answers to common inquiries about admissions, campus life, academic programs, and more."
|
||||
@@ -315,27 +203,16 @@ export default function LandingPage() {
|
||||
description="We invite you to connect with our admissions team, schedule a campus tour, or inquire about our programs. Your child's future begins here."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your inquiry (e.g., admissions, programs, tour request)",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your inquiry (e.g., admissions, programs, tour request)", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-school-hallway_23-2151110148.jpg"
|
||||
@@ -351,54 +228,33 @@ export default function LandingPage() {
|
||||
logoText="Saint Peters International Academy"
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Mission", href: "#about"},
|
||||
{
|
||||
label: "Our History",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our History", href: "#"},
|
||||
{
|
||||
label: "Leadership",
|
||||
href: "#faculty",
|
||||
},
|
||||
label: "Leadership", href: "#faculty"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Academics",
|
||||
items: [
|
||||
title: "Academics", items: [
|
||||
{
|
||||
label: "Programs",
|
||||
href: "#programs",
|
||||
},
|
||||
label: "Programs", href: "#programs"},
|
||||
{
|
||||
label: "Curriculum",
|
||||
href: "#programs",
|
||||
},
|
||||
label: "Curriculum", href: "#programs"},
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Admissions", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user