338 lines
22 KiB
TypeScript
338 lines
22 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Users, BookOpen, ShieldCheck, Sparkles, Award } from "lucide-react";
|
|
|
|
const assetMap: { [key: string]: { url: string; alt: string } } = {
|
|
"hero-students-campus-1": {"url":"http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891266.jpg","alt":"happy diverse students campus christian school"},
|
|
"hero-students-campus-2": {"url":"http://img.b2bpic.net/free-photo/back-view-blurry-kids-sunday-school_23-2149613743.jpg","alt":"group of students studying classroom"},
|
|
"testimonial-avatar-1": {"url":"http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg","alt":"parent avatar portrait smiling"},
|
|
"testimonial-avatar-2": {"url":"http://img.b2bpic.net/free-photo/close-up-surprised-handsome-guy-with-beard-looking-amused-smiling-happy-camera-standing-blu_1258-152687.jpg","alt":"parent avatar portrait confident"},
|
|
"testimonial-avatar-3": {"url":"http://img.b2bpic.net/free-photo/close-up-vertical-image-smiling-african-man-looking_171337-9837.jpg","alt":"parent avatar portrait warm smile"},
|
|
"testimonial-avatar-4": {"url":"http://img.b2bpic.net/free-photo/thoughtful-pretty-teenage-girl-looking-up-keeping-arms-crossed-isolated-white-wall-with-copy-space_141793-109693.jpg","alt":"parent avatar portrait thoughtful"},
|
|
"testimonial-avatar-5": {"url":"http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg","alt":"parent avatar portrait cheerful"},
|
|
"campus-gallery-1": {"url":"http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361569.jpg","alt":"bright elementary classroom activity"},
|
|
"campus-gallery-2": {"url":"http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707984.jpg","alt":"students playing sports field school"},
|
|
"campus-gallery-3": {"url":"http://img.b2bpic.net/free-photo/medium-shot-children-teachers-school_23-2149547938.jpg","alt":"school event music performance stage"},
|
|
"campus-gallery-4": {"url":"http://img.b2bpic.net/free-photo/medium-shot-girls-holding-flasks_23-2148913649.jpg","alt":"science lab students experiment"},
|
|
"campus-gallery-5": {"url":"http://img.b2bpic.net/free-photo/school-education-home-tutoring-concept-horizontal-shot-black-clever-african-amercan-woman-answers-some-question-schoolboy-who-has-headache-cant-understand-flipchart-diagram_273609-44824.jpg","alt":"library students reading studying"},
|
|
"campus-gallery-6": {"url":"http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891372.jpg","alt":"group of teachers students interaction"},
|
|
"admissions-step-1": {"url":"http://img.b2bpic.net/free-photo/medium-shot-kid-drawing-board_23-2149071632.jpg","alt":"family school tour welcome sign"},
|
|
"admissions-step-2": {"url":"http://img.b2bpic.net/free-photo/side-view-girl-taking-notes_23-2149547971.jpg","alt":"application form clipboard pen"},
|
|
"admissions-step-3": {"url":"http://img.b2bpic.net/free-photo/schoolgirl-with-notebook-her-hands-sunset-background-school-goes-school_169016-59166.jpg","alt":"happy student backpack smiling school"},
|
|
"hero-students-campus-1__2": {"url":"http://img.b2bpic.net/free-photo/boy-scouts-spending-time-nature_23-2149572893.jpg","alt":"happy diverse students campus christian school"},
|
|
"hero-students-campus-1__3": {"url":"http://img.b2bpic.net/free-photo/colleagues-studying-together-front-their-college-before-exam_23-2149038481.jpg","alt":"happy diverse students campus christian school"},
|
|
"hero-students-campus-1__4": {"url":"http://img.b2bpic.net/free-photo/group-international-students-sitting-grass-together-park-university-african-caucasian-girls-indian-boy-talking-outdoors_1157-50063.jpg","alt":"happy diverse students campus christian school"},
|
|
"hero-students-campus-1__5": {"url":"http://img.b2bpic.net/free-photo/youngsters-enjoying-time-together_23-2147663744.jpg","alt":"happy diverse students campus christian school"},
|
|
"hero-students-campus-1__6": {"url":"http://img.b2bpic.net/free-photo/view-young-students-attending-school_23-2150911495.jpg","alt":"happy diverse students campus christian school"},
|
|
"hero-students-campus-1__7": {"url":"http://img.b2bpic.net/free-photo/friends-spending-some-quality-time-together_23-2149032314.jpg","alt":"happy diverse students campus christian school"}
|
|
};
|
|
|
|
function getAssetUrl(id: string): string {
|
|
return assetMap[id]?.url || '';
|
|
}
|
|
|
|
function getAssetAlt(id: string): string {
|
|
return assetMap[id]?.alt || '';
|
|
}
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Orlando Private School"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Academics", id: "#academics" },
|
|
{ name: "Admissions", id: "#admissions" },
|
|
{ name: "Student Life", id: "#student-life" },
|
|
{ name: "Tuition", id: "#tuition" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
button={{
|
|
text: "Schedule a Tour", href: "#contact"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Guiding Futures: Academic Excellence, Character, and Faith at Orlando Private School"
|
|
description="At Orlando Private School, we partner with families to cultivate students who excel academically, grow spiritually, and develop strong character, preparing them to lead with purpose and integrity."
|
|
background={{ variant: "plain" }}
|
|
tag="Faith-Centered Education"
|
|
buttons={[
|
|
{ text: "Schedule a Tour", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: getAssetUrl("hero-students-campus-1"), imageAlt: getAssetAlt("hero-students-campus-1") },
|
|
{ imageSrc: getAssetUrl("hero-students-campus-2"), imageAlt: getAssetAlt("hero-students-campus-2") }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by Orlando Families"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose-us" data-section="why-choose-us">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
title="The Orlando Private School Difference"
|
|
description="Discover what makes our educational journey unique and impactful for every student. We provide a nurturing environment where your child can flourish."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Personalized Attention", description: "Small class sizes ensure every child receives individualized support, fostering curiosity and deeper learning.", bentoComponent: "reveal-icon", icon: Users
|
|
},
|
|
{
|
|
title: "Strong Academics", description: "Our rigorous, future-ready curriculum challenges students to achieve academic excellence and critical thinking.", bentoComponent: "reveal-icon", icon: BookOpen
|
|
},
|
|
{
|
|
title: "Faith & Character", description: "We instill Christ-centered values, nurturing integrity, leadership, and a strong moral foundation for life.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="Nurturing Minds, Building Character, Inspiring Faith"
|
|
description="Orlando Private School serves Pre-K through 8th grade, providing a Christ-centered education that challenges students academically, nurtures their spiritual growth, and develops strong moral character. Our mission is to equip students to impact the world for Christ through rigorous academics and a supportive community. We believe in fostering a safe, loving, and academically enriching environment where every child can thrive and realize their God-given potential."
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="\"Choosing Orlando Private School was the best decision for our family. The teachers are incredibly caring, and we've seen remarkable academic progress alongside a deepening of our child's faith. The communication from the school is outstanding!\""
|
|
rating={5}
|
|
author="Sarah M., Parent"
|
|
avatars={[
|
|
{ src: getAssetUrl("testimonial-avatar-1"), alt: getAssetAlt("testimonial-avatar-1") },
|
|
{ src: getAssetUrl("testimonial-avatar-2"), alt: getAssetAlt("testimonial-avatar-2") },
|
|
{ src: getAssetUrl("testimonial-avatar-3"), alt: getAssetAlt("testimonial-avatar-3") },
|
|
{ src: getAssetUrl("testimonial-avatar-4"), alt: getAssetAlt("testimonial-avatar-4") },
|
|
{ src: getAssetUrl("testimonial-avatar-5"), alt: getAssetAlt("testimonial-avatar-5") }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="student-life" data-section="student-life">
|
|
<BlogCardThree
|
|
animationType="slide-up"
|
|
title="Experience Life at Orlando Private School"
|
|
description="A vibrant snapshot of daily life, engaging learning, and spiritual growth across our thriving campus."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
blogs={[
|
|
{
|
|
id: "gallery-1", category: "Classrooms", title: "Engaged Learning Environments", excerpt: "Our classrooms are vibrant spaces where curiosity is sparked and learning comes alive through interactive lessons and dedicated teachers.", imageSrc: getAssetUrl("campus-gallery-1"),
|
|
imageAlt: getAssetAlt("campus-gallery-1"),
|
|
authorName: "Orlando Private School", authorAvatar: getAssetUrl("hero-students-campus-1__2"),
|
|
date: "Ongoing"
|
|
},
|
|
{
|
|
id: "gallery-2", category: "Athletics", title: "Developing Character Through Sports", excerpt: "From soccer to basketball, our athletic programs foster teamwork, discipline, and healthy competition in a Christ-centered environment.", imageSrc: getAssetUrl("campus-gallery-2"),
|
|
imageAlt: getAssetAlt("campus-gallery-2"),
|
|
authorName: "Orlando Private School", authorAvatar: getAssetUrl("hero-students-campus-1__3"),
|
|
date: "Ongoing"
|
|
},
|
|
{
|
|
id: "gallery-3", category: "Spiritual Life", title: "Chapel & Community Worship", excerpt: "Weekly chapel services and spiritual retreats help students grow in their faith and build a strong, supportive Christian community.", imageSrc: getAssetUrl("campus-gallery-3"),
|
|
imageAlt: getAssetAlt("campus-gallery-3"),
|
|
authorName: "Orlando Private School", authorAvatar: getAssetUrl("hero-students-campus-1__4"),
|
|
date: "Ongoing"
|
|
},
|
|
{
|
|
id: "gallery-4", category: "Academics", title: "Hands-On Science Exploration", excerpt: "Our students dive into science with exciting experiments, fostering critical thinking and a love for discovery in our modern labs.", imageSrc: getAssetUrl("campus-gallery-4"),
|
|
imageAlt: getAssetAlt("campus-gallery-4"),
|
|
authorName: "Orlando Private School", authorAvatar: getAssetUrl("hero-students-campus-1__5"),
|
|
date: "Ongoing"
|
|
},
|
|
{
|
|
id: "gallery-5", category: "Enrichment", title: "Cultivating Lifelong Readers", excerpt: "Our expansive library is a hub for learning and imagination, where students develop strong literacy skills and a passion for reading.", imageSrc: getAssetUrl("campus-gallery-5"),
|
|
imageAlt: getAssetAlt("campus-gallery-5"),
|
|
authorName: "Orlando Private School", authorAvatar: getAssetUrl("hero-students-campus-1__6"),
|
|
date: "Ongoing"
|
|
},
|
|
{
|
|
id: "gallery-6", category: "Mentorship", title: "Dedicated Teachers, Bright Futures", excerpt: "Experience the difference of teachers who truly care, mentoring students to reach their full academic and personal potential.", imageSrc: getAssetUrl("campus-gallery-6"),
|
|
imageAlt: getAssetAlt("campus-gallery-6"),
|
|
authorName: "Orlando Private School", authorAvatar: getAssetUrl("hero-students-campus-1__7"),
|
|
date: "Ongoing"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="admissions" data-section="admissions">
|
|
<ProductCardFour
|
|
title="Your Journey to Orlando Private School Made Simple"
|
|
description="We've streamlined our admissions process to be clear, supportive, and welcoming for every family, guiding you every step of the way."
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "step-1", name: "Step 1: Schedule a Tour", price: "Personalized Visit", variant: "Experience Our Campus", imageSrc: getAssetUrl("admissions-step-1"),
|
|
imageAlt: getAssetAlt("admissions-step-1")
|
|
},
|
|
{
|
|
id: "step-2", name: "Step 2: Complete Application & Screening", price: "Easy & Secure", variant: "Online Forms & Support", imageSrc: getAssetUrl("admissions-step-2"),
|
|
imageAlt: getAssetAlt("admissions-step-2")
|
|
},
|
|
{
|
|
id: "step-3", name: "Step 3: Get Ready for the School Year", price: "Welcome to OPS!", variant: "Enrollment Confirmation", imageSrc: getAssetUrl("admissions-step-3"),
|
|
imageAlt: getAssetAlt("admissions-step-3")
|
|
}
|
|
]}
|
|
buttons={[{ text: "Start with a Tour", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="tuition" data-section="tuition">
|
|
<PricingCardEight
|
|
title="An Investment in Excellence and Faith"
|
|
description="Orlando Private School offers affordable tuition without compromising the high-quality, faith-based education your child deserves. We believe in preparing students for a bright future, spiritually and academically, providing an unparalleled return on investment."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "elementary", badge: "Foundational", badgeIcon: Sparkles,
|
|
price: "Contact Admissions", subtitle: "Pre-K to 5th Grade", buttons: [{ text: "Learn More" }],
|
|
features: [
|
|
"Christ-Centered Curriculum", "Small Class Sizes", "Individualized Attention", "Character Development Focus", "Engaging Enrichment Programs"
|
|
]
|
|
},
|
|
{
|
|
id: "middle-school", badge: "Leadership Focused", badgeIcon: Award,
|
|
price: "Contact Admissions", subtitle: "6th to 8th Grade", buttons: [{ text: "Learn More" }],
|
|
features: [
|
|
"Advanced Academic Rigor", "Leadership Development", "Spiritual Mentorship", "Extracurricular Opportunities", "Preparation for High School"
|
|
]
|
|
}
|
|
]}
|
|
buttons={[{ text: "View Tuition & Financial Aid", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find quick answers to common questions about enrollment, academics, and student life at Orlando Private School. If you need more information, please don't hesitate to reach out."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "grades-offered", title: "What grades do you offer?", content: "Orlando Private School proudly offers classes from Pre-K 3 and 4 year olds, through Kindergarten to 8th grade. We are dedicated to nurturing students throughout their foundational years."
|
|
},
|
|
{
|
|
id: "before-after-care", title: "Is before/after care available?", content: "Yes, we provide extended daycare services both before and after school hours to accommodate working families. Our programs offer a safe and engaging environment for students."
|
|
},
|
|
{
|
|
id: "curriculum", title: "What curriculum do you use?", content: "We utilize a rigorous, Christ-centered curriculum that aligns with academic standards while integrating biblical principles across all subjects, ensuring a holistic education."
|
|
},
|
|
{
|
|
id: "how-to-apply", title: "How do I apply?", content: "Our application process is simple! You can begin by scheduling a tour, then complete our online application forms, followed by an academic screening and an interview."
|
|
},
|
|
{
|
|
id: "extracurriculars", title: "Do you offer extracurricular activities?", content: "Absolutely! We offer a wide range of extracurricular activities including various sports, arts programs, academic clubs, and spiritual enrichment groups to enhance student life."
|
|
},
|
|
{
|
|
id: "schedule-tour", title: "How can I schedule a tour?", content: "You can easily schedule a personalized campus tour by clicking the 'Schedule a Tour' button found throughout our website or by contacting our admissions office directly."
|
|
}
|
|
]}
|
|
buttons={[{ text: "Contact Admissions", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Connect With Us"
|
|
title="Discover the Difference of a Christ-Centered Education"
|
|
description="Ready to embark on a journey of academic rigor, character formation, and spiritual growth? Contact us today to learn more or schedule your personalized campus tour."
|
|
buttons={[
|
|
{ text: "Schedule a Tour", href: "#" },
|
|
{ text: "Apply Today", href: "#" }
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Orlando Private School"
|
|
columns={[
|
|
{
|
|
title: "Admissions", items: [
|
|
{ label: "Tuition", href: "#tuition" },
|
|
{ label: "Apply Now", href: "#admissions" },
|
|
{ label: "Schedule a Tour", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Academics", items: [
|
|
{ label: "Early Childhood", href: "#academics" },
|
|
{ label: "Elementary", href: "#academics" },
|
|
{ label: "Middle School", href: "#academics" },
|
|
{ label: "Curriculum", href: "#academics" }
|
|
]
|
|
},
|
|
{
|
|
title: "Student Life", items: [
|
|
{ label: "Athletics", href: "#student-life" },
|
|
{ label: "Arts & Clubs", href: "#student-life" },
|
|
{ label: "Chapel", href: "#student-life" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "4161 North Powers Dr, Orlando, FL", href: "https://maps.app.goo.gl/example" },
|
|
{ label: "(407) 555-1234", href: "tel:+14075551234" },
|
|
{ label: "info@orlandoprivateschool.com", href: "mailto:info@orlandoprivateschool.com" },
|
|
{ label: "Office Hours: Mon-Fri, 7:30am - 4:00pm", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Orlando Private School. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|