Merge version_2 into main #2
147
src/app/page.tsx
147
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
@@ -18,32 +18,24 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Programmes",
|
||||
id: "features",
|
||||
},
|
||||
name: "Programmes", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Elite Academy"
|
||||
/>
|
||||
@@ -52,19 +44,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Elite Academy"
|
||||
description="Cultivating excellence in an environment of refined learning and tradition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Enquire Now", href: "#contact"},
|
||||
{
|
||||
text: "Our Heritage",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Heritage", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-students-learning-library_23-2149647043.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -76,9 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Excellence"
|
||||
description={[
|
||||
"Founded on the principles of academic rigour and character development, Elite Academy provides a world-class education for the leaders of tomorrow.",
|
||||
"Our campus is designed to foster curiosity and creativity, blending timeless architectural beauty with modern pedagogical tools.",
|
||||
]}
|
||||
"Founded on the principles of academic rigour and character development, Elite Academy provides a world-class education for the leaders of tomorrow.", "Our campus is designed to foster curiosity and creativity, blending timeless architectural beauty with modern pedagogical tools."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,22 +74,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Personalised Pedagogy",
|
||||
description: "Small class sizes ensure every student receives dedicated attention, fostering individual growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-adults-studying-together_23-2150331628.jpg",
|
||||
},
|
||||
title: "Personalised Pedagogy", description: "Small class sizes ensure every student receives dedicated attention, fostering individual growth.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-adults-studying-together_23-2150331628.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Modern Research Labs",
|
||||
description: "State-of-the-art facilities providing hands-on experience in science and innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-library-space-designed-with-historic-architecture-study-desks_482257-125245.jpg",
|
||||
},
|
||||
title: "Modern Research Labs", description: "State-of-the-art facilities providing hands-on experience in science and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/professional-library-space-designed-with-historic-architecture-study-desks_482257-125245.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Premier Athletics",
|
||||
description: "A holistic approach to development through comprehensive sports and wellness programs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg",
|
||||
},
|
||||
title: "Premier Athletics", description: "A holistic approach to development through comprehensive sports and wellness programs.", imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg"},
|
||||
]}
|
||||
title="Excellence in Every Pillar"
|
||||
description="Our curriculum is carefully curated to empower students with the knowledge and confidence to thrive in a global society."
|
||||
@@ -118,40 +94,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eleanor Vance",
|
||||
handle: "Parent",
|
||||
testimonial: "The attention to individual development here is simply unmatched. My children have truly flourished.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574106.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Eleanor Vance", handle: "Parent", testimonial: "The attention to individual development here is simply unmatched. My children have truly flourished.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574106.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Arthur Penhaligon",
|
||||
handle: "Student",
|
||||
testimonial: "The faculty pushes you to think beyond the textbook. It's a wonderful place to learn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-spends-leisure-time-urban-setting-holds-modern-device-takeaway-coffee-notepad-wears-casual-clothes-focused-forward-uses-touch-pad-navigation_273609-55236.jpg",
|
||||
},
|
||||
id: "2", name: "Arthur Penhaligon", handle: "Student", testimonial: "The faculty pushes you to think beyond the textbook. It's a wonderful place to learn.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-spends-leisure-time-urban-setting-holds-modern-device-takeaway-coffee-notepad-wears-casual-clothes-focused-forward-uses-touch-pad-navigation_273609-55236.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Isabella Thorne",
|
||||
handle: "Alumna",
|
||||
testimonial: "The foundation I received at Elite Academy was instrumental to my career success later in life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-grey-outfit-posing-near-street-cafe-short-haired-charming-girl-oversize-jacket-smiles-enjoys-spring-day-outside_197531-18570.jpg",
|
||||
},
|
||||
id: "3", name: "Isabella Thorne", handle: "Alumna", testimonial: "The foundation I received at Elite Academy was instrumental to my career success later in life.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-grey-outfit-posing-near-street-cafe-short-haired-charming-girl-oversize-jacket-smiles-enjoys-spring-day-outside_197531-18570.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dr. Julian Blackwood",
|
||||
handle: "Faculty Member",
|
||||
testimonial: "It is an honour to work with students who are so intellectually hungry and driven.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-outdoors-work_23-2148740311.jpg",
|
||||
},
|
||||
id: "4", name: "Dr. Julian Blackwood", handle: "Faculty Member", testimonial: "It is an honour to work with students who are so intellectually hungry and driven.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-outdoors-work_23-2148740311.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus Sterling",
|
||||
handle: "Alumnus",
|
||||
testimonial: "Elite Academy provided the perfect balance of rigour and support for my professional development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574106.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Marcus Sterling", handle: "Alumnus", testimonial: "Elite Academy provided the perfect balance of rigour and support for my professional development.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574106.jpg?_wi=2"},
|
||||
]}
|
||||
title="Voices of the Elite"
|
||||
description="Discover why families choose us for their child's academic journey."
|
||||
@@ -164,20 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the admissions timeline?",
|
||||
content: "Admissions typically begin 12 months prior to the academic year. Contact our office for details.",
|
||||
},
|
||||
id: "1", title: "What is the admissions timeline?", content: "Admissions typically begin 12 months prior to the academic year. Contact our office for details."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there financial aid options?",
|
||||
content: "Yes, we offer limited scholarships based on academic merit and character reference.",
|
||||
},
|
||||
id: "2", title: "Are there financial aid options?", content: "Yes, we offer limited scholarships based on academic merit and character reference."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are the extracurricular options?",
|
||||
content: "We provide a diverse range including music, arts, robotics, and varsity sports.",
|
||||
},
|
||||
id: "3", title: "What are the extracurricular options?", content: "We provide a diverse range including music, arts, robotics, and varsity sports."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-young-redhead-curly-woman-sitting-cafe_171337-16559.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -188,41 +130,20 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/big-building-kilkenny-castle-park-dukes-meadows_181624-22980.jpg"
|
||||
<FooterBaseCard
|
||||
columns={[
|
||||
{
|
||||
title: "Admissions",
|
||||
items: [
|
||||
{
|
||||
label: "Enquire",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Fees",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#",
|
||||
},
|
||||
title: "Admissions", items: [
|
||||
{ label: "Enquire", href: "#contact" },
|
||||
{ label: "Fees", href: "#" },
|
||||
{ label: "Process", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Discover",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Curriculum",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Faculty",
|
||||
href: "#",
|
||||
},
|
||||
title: "Discover", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Curriculum", href: "#features" },
|
||||
{ label: "Faculty", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -233,4 +154,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--background-accent: #e1b875;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user