Merge version_1 into main #2
319
src/app/page.tsx
319
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Trophy } from "lucide-react";
|
||||
import { Trophy, FlaskConical, Cpu, Dumbbell } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,220 +17,125 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kwekwe High"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kwekwe High"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Excellence in Education at Kwekwe High School"
|
||||
description="Empowering the next generation of leaders through academic rigor, discipline, and community values in the heart of Kwekwe."
|
||||
tag="Celebrating Academic Achievement"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fox-excel-pub-united-kingdom-daytime_181624-15001.jpg?_wi=1",
|
||||
imageAlt: "Kwekwe High School Front Entrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fox-excel-pub-united-kingdom-daytime_181624-15001.jpg?_wi=2",
|
||||
imageAlt: "Students walking on school grounds",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fox-excel-pub-united-kingdom-daytime_181624-15001.jpg?_wi=3",
|
||||
imageAlt: "Modern school building architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fox-excel-pub-united-kingdom-daytime_181624-15001.jpg?_wi=4",
|
||||
imageAlt: "Kwekwe High School campus view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fox-excel-pub-united-kingdom-daytime_181624-15001.jpg?_wi=5",
|
||||
imageAlt: "Education facility campus landscape",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by the Kwekwe Community"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Excellence in Education at Kwekwe High School"
|
||||
description="Empowering the next generation of leaders through academic rigor, discipline, and community values in the heart of Kwekwe."
|
||||
tag="Celebrating Academic Achievement"
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#about" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fox-excel-pub-united-kingdom-daytime_181624-15001.jpg", imageAlt: "Kwekwe High School Front Entrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fox-excel-pub-united-kingdom-daytime_181624-15001.jpg", imageAlt: "Students walking on school grounds" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by the Kwekwe Community"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="About Our School"
|
||||
description="Kwekwe High School is dedicated to fostering an environment where every student can achieve their full potential. With a long-standing history of excellence, we provide a holistic education that prepares students for the challenges of tomorrow."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Academic Excellence",
|
||||
description: "Rigorous curriculum standards across all subjects.",
|
||||
},
|
||||
{
|
||||
title: "Character Development",
|
||||
description: "Emphasis on values, discipline, and community service.",
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Facilities",
|
||||
description: "Equipped with modern laboratories and sports facilities.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-stacked-book-with-academic-cap-glasses_23-2148756616.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="About Our School"
|
||||
description="Kwekwe High School is dedicated to fostering an environment where every student can achieve their full potential. With a long-standing history of excellence, we provide a holistic education that prepares students for the challenges of tomorrow."
|
||||
bulletPoints={[
|
||||
{ title: "Academic Excellence", description: "Rigorous curriculum standards across all subjects." },
|
||||
{ title: "Character Development", description: "Emphasis on values, discipline, and community service." },
|
||||
{ title: "Comprehensive Facilities", description: "Equipped with modern laboratories and sports facilities." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-stacked-book-with-academic-cap-glasses_23-2148756616.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "STEM Excellence",
|
||||
description: "Advanced science and technology labs for practical learning.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-science-day-arrangement-with-microscope_23-2149112670.jpg",
|
||||
imageAlt: "Science Lab",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: FlaskConical,
|
||||
text: "Advanced Chemistry Lab",
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Computer Science Studies",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fox-excel-pub-united-kingdom-daytime_181624-15001.jpg?_wi=6",
|
||||
imageAlt: "school building exterior architecture",
|
||||
},
|
||||
{
|
||||
title: "Athletic Program",
|
||||
description: "A strong commitment to physical fitness and competitive sports.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girls-training-rugby-match_23-2148355406.jpg",
|
||||
imageAlt: "Sports Field",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Dumbbell,
|
||||
text: "Competitive Sports",
|
||||
},
|
||||
{
|
||||
icon: Trophy,
|
||||
text: "Team Athletics",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-stacked-book-with-academic-cap-glasses_23-2148756616.jpg?_wi=2",
|
||||
imageAlt: "students learning in classroom",
|
||||
},
|
||||
]}
|
||||
title="Our Educational Programs"
|
||||
description="We offer a wide range of subjects and extra-curricular activities designed to build well-rounded individuals."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "STEM Excellence", description: "Advanced science and technology labs for practical learning.", media: { imageSrc: "http://img.b2bpic.net/free-photo/world-science-day-arrangement-with-microscope_23-2149112670.jpg", imageAlt: "Science Lab" },
|
||||
items: [
|
||||
{ icon: FlaskConical, text: "Advanced Chemistry Lab" },
|
||||
{ icon: Cpu, text: "Computer Science Studies" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Athletic Program", description: "A strong commitment to physical fitness and competitive sports.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-girls-training-rugby-match_23-2148355406.jpg", imageAlt: "Sports Field" },
|
||||
items: [
|
||||
{ icon: Dumbbell, text: "Competitive Sports" },
|
||||
{ icon: Trophy, text: "Team Athletics" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Our Educational Programs"
|
||||
description="We offer a wide range of subjects and extra-curricular activities designed to build well-rounded individuals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I enroll my child?",
|
||||
content: "Admissions are processed through our main office. Please visit us to collect an application form.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are the school hours?",
|
||||
content: "Classes typically begin at 7:30 AM and conclude at 3:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are there extra-curricular activities?",
|
||||
content: "Yes, we offer clubs, sports, and arts programs for all students.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I enroll my child?", content: "Admissions are processed through our main office. Please visit us to collect an application form." },
|
||||
{ id: "2", title: "What are the school hours?", content: "Classes typically begin at 7:30 AM and conclude at 3:00 PM." },
|
||||
{ id: "3", title: "Are there extra-curricular activities?", content: "Yes, we offer clubs, sports, and arts programs for all students." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Contact Kwekwe High School"
|
||||
description="Have questions? Our administrative team is ready to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Admin Office",
|
||||
href: "tel:+263...",
|
||||
},
|
||||
{
|
||||
text: "Email Inquiry",
|
||||
href: "mailto:info@kwekwehigh.edu",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Contact Kwekwe High School"
|
||||
description="Have questions? Our administrative team is ready to help."
|
||||
buttons={[
|
||||
{ text: "Call Admin Office", href: "tel:+263..." },
|
||||
{ text: "Email Inquiry", href: "mailto:info@kwekwehigh.edu" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kwekwe High School"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kwekwe High School"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Use", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user