Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
288
src/app/page.tsx
288
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, BookOpen, GraduationCap, Laptop, Smile, Star, Trophy, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,267 +29,105 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Academic",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Academic", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Winston Standard Secondary School"
|
||||
brandName="Winston Standard"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Winston Standard Secondary School"
|
||||
<HeroBillboardGallery
|
||||
title="Winston Standard Secondary School"
|
||||
description="Excellence in education at Najjanankumbi. Preparing students for a bright and successful future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-vintage-library-featuring-wooden-shelves-classic-green-lamps_482257-118588.jpg", imageAlt: "Library" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-teen-redhead-girl-sits-bench-park-takes-selfie-makes-photo-herself-with_1258-196954.jpg", imageAlt: "Students" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-daughter-hugging-park-sun-bright-summer-herbs_146671-15356.jpg", imageAlt: "Community" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-vintage-library-featuring-wooden-shelves-classic-green-lamps_482257-118588.jpg"
|
||||
imageAlt="modern secondary school campus building"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment to Learning"
|
||||
metrics={[
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Experienced Staff",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: GraduationCap,
|
||||
label: "Graduates Yearly",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Student Population",
|
||||
value: "1000+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: 'Our Commitment to Learning' }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Advanced Science Labs",
|
||||
description: "Hands-on experience in biology, physics, and chemistry.",
|
||||
},
|
||||
{
|
||||
icon: BookOpen,
|
||||
title: "Modern Library",
|
||||
description: "Extensive collection of academic resources and study spaces.",
|
||||
},
|
||||
{
|
||||
icon: Laptop,
|
||||
title: "IT Center",
|
||||
description: "Fully equipped center for modern computing and digital literacy.",
|
||||
},
|
||||
]}
|
||||
<FeatureCardTwentyNine
|
||||
title="Academic Programs"
|
||||
description="We offer a balanced curriculum designed to foster critical thinking and moral integrity."
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "Advanced Science Labs", description: "Hands-on experience in biology, physics, and chemistry.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "Modern Library", description: "Extensive collection of academic resources.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
|
||||
{ title: "IT Center", description: "Computing and digital literacy.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Trophy,
|
||||
title: "Academic Awards",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Satisfied Parents",
|
||||
value: "95%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Sports Titles",
|
||||
value: "40+",
|
||||
},
|
||||
]}
|
||||
<MetricCardFourteen
|
||||
title="School Success"
|
||||
description="Celebrating the achievements and impact of our students over the years."
|
||||
tag="Achievements"
|
||||
metrics={[
|
||||
{ id: "a1", value: "150+", description: "Academic Awards" },
|
||||
{ id: "a2", value: "95%", description: "Satisfied Parents" },
|
||||
{ id: "a3", value: "40+", description: "Sports Titles" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Namutebi",
|
||||
role: "Parent",
|
||||
testimonial: "Excellent academic environment, my children are thriving here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-multiethnic-women-make-research-work-together-blonde-female-spectacles-searches-information-internet-while-her-companion-writes-notebook_273609-44934.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Kisekka",
|
||||
role: "Alumni",
|
||||
testimonial: "Winston prepared me well for university challenges.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-teen-redhead-girl-sits-bench-park-takes-selfie-makes-photo-herself-with_1258-196954.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mary Nakintu",
|
||||
role: "Parent",
|
||||
testimonial: "The staff is professional and truly cares about the students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-stack-books_23-2148418604.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Peter Ssemwogerere",
|
||||
role: "Student",
|
||||
testimonial: "Great facilities and supportive teachers make learning fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mother-daughter-hugging-park-sun-bright-summer-herbs_146671-15356.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Nantege",
|
||||
role: "Parent",
|
||||
testimonial: "Highly recommend Winston Standard to any parent in Kampala.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-father-throwing-baby-boy-against-summer-park-little-boy-wearing-stylish-clothing-dad-spending-time-together-smiling-having-fun-outside-nature-happy-parenting-concept_132075-12487.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
description="What parents and students say about the Winston Standard experience."
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Excellent academic environment, my children are thriving here."
|
||||
rating={5}
|
||||
author="Sarah Namutebi"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[{ src: "", alt: "" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the enrollment process?",
|
||||
content: "Contact our office at 0414 270760 for the latest enrollment guidelines.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where is the school located?",
|
||||
content: "We are located at Najjanakumbi, opposite the Mirambi Stage.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are your opening hours?",
|
||||
content: "The school office is open from 7:00 AM on weekdays.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about enrollment and school life."
|
||||
<FaqSplitMedia
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about enrollment and school life."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "What is the enrollment process?", content: "Contact our office at 0414 270760." },
|
||||
{ id: "q2", title: "Where is the school located?", content: "Najjanakumbi, opposite Mirambi Stage." },
|
||||
{ id: "q3", title: "What are your opening hours?", content: "Weekday mornings from 7:00 AM." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
title="Start Your Educational Journey"
|
||||
description="Interested in joining the Winston Standard community? Get in touch today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+256414270760",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl/",
|
||||
},
|
||||
]}
|
||||
description="Get in touch with us to start the enrollment process today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-prepare-little-daughter-school_1157-31768.jpg"
|
||||
logoText="Winston Standard"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Academic News",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Najjanakumbi, Kampala",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "041 4270760",
|
||||
href: "tel:+256414270760",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Contact", items: [{ label: "041 4270760", href: "tel:+256414270760" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Winston Standard Secondary School"
|
||||
imageAlt="school gates peaceful campus"
|
||||
bottomLeftText="© 2025 Winston Standard"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--background: #f0f8ff;
|
||||
--card: #ffffff;
|
||||
--foreground: #001f3f;
|
||||
--primary-cta: #106efb;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #fde047;
|
||||
--background-accent: #e1efff;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user