269 lines
11 KiB
TypeScript
269 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Sparkles, BookOpen, TrendingUp, Lock, Twitter, Linkedin, Instagram } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Content Library", id: "/library" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "Careers", id: "/careers" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="Wacey"
|
|
bottomLeftText="Educational Excellence"
|
|
bottomRightText="hello@wacey.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Master Your Subjects with Wacey"
|
|
description="Interactive learning platform with personalized guidance from your AI tutor. Expert resources for Specialist, Methods, Chemistry, and Physics across all year groups."
|
|
tag="AI-Powered Learning"
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/wireless-technology-could-be-very-useful_329181-14220.jpg?_wi=1"
|
|
imageAlt="Wacey tutoring interface"
|
|
textPosition="center"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Explore Content", href: "/library" },
|
|
{ text: "Start Free Trial", href: "/pricing" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Meet Wacey, Your Learning Companion"
|
|
description="Your friendly AI tutor is here to guide you through every lesson. With an intuitive interface and expert-curated resources, Wacey makes mastering complex subjects engaging and accessible."
|
|
tag="Your Personal Tutor"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Smart Guidance",
|
|
description: "Interactive tours and personalized learning paths tailored to your progress",
|
|
icon: Sparkles,
|
|
},
|
|
{
|
|
title: "Comprehensive Resources",
|
|
description: "Expert-curated materials for Specialist, Methods, Chemistry, and Physics",
|
|
icon: BookOpen,
|
|
},
|
|
{
|
|
title: "Progress Tracking",
|
|
description: "Real-time charts and completion percentages to monitor your growth",
|
|
icon: TrendingUp,
|
|
},
|
|
{
|
|
title: "Flexible Learning",
|
|
description: "Organized by year groups and terms with admin-controlled paywall options",
|
|
icon: Lock,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-winter-animals-collection_23-2149156073.jpg?_wi=1"
|
|
imageAlt="Wacey mascot with fedora"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
buttons={[{ text: "Learn More", href: "/library" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
title="Structured Learning System"
|
|
description="Navigate through year groups with organized subject channels and progressive content unlocking"
|
|
tag="Platform Features"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Year Groups",
|
|
title: "Organized by Education Level",
|
|
subtitle: "Year 9 through Year 12 pathways",
|
|
description:
|
|
"Browse content organized by academic year. Each year group contains subject channels with expandable sections for specialized learning paths.",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/organization-chart_52683-8995.jpg?_wi=1",
|
|
imageAlt: "Year group organization",
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Subject Channels",
|
|
title: "Expert Subject Categories",
|
|
subtitle: "Specialist, Methods, Chemistry, Physics",
|
|
description:
|
|
"Access dedicated channels for each subject with admin-controlled content management. Add resources, organize materials, and track student progress per subject.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-liquids-different-color_1150-19441.jpg?_wi=1",
|
|
imageAlt: "Subject channels interface",
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Term Structure",
|
|
title: "Term-Based Content Organization",
|
|
subtitle: "Term 1 through Term 4 divisions",
|
|
description:
|
|
"Content organized across academic terms with subsections and paywall controls. Track completion rates and student achievement metrics for each term.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-176748.jpg?_wi=1",
|
|
imageAlt: "Term-based organization",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Track Your Progress"
|
|
description="Real-time analytics with completion percentages and growth charts for every subject and term"
|
|
tag="Performance Metrics"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "95%",
|
|
title: "Average Completion",
|
|
description: "Students completing assigned resources",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard_23-2148365531.jpg?_wi=1",
|
|
imageAlt: "Completion statistics",
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "4.8/5",
|
|
title: "Student Satisfaction",
|
|
description: "Average rating from learners worldwide",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-nps-infographic_23-2149966441.jpg",
|
|
imageAlt: "Student feedback metrics",
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "2000+",
|
|
title: "Resources Available",
|
|
description: "Expert-curated content across all subjects",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-studying-with-tablettextbooks-cup-coffee-desk-cozy-home_574295-3876.jpg",
|
|
imageAlt: "Resource library count",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Schools"
|
|
description="Educational institutions worldwide rely on Wacey for student success"
|
|
tag="Partner Schools"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Cambridge Academy",
|
|
"Oxford Prep",
|
|
"Trinity School",
|
|
"St Andrews International",
|
|
"Westfield Academy",
|
|
"Ashton College",
|
|
"Brighton University Prep",
|
|
"London Grammar School",
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Wacey has transformed how our students approach their studies. The structured content library and progress tracking make it easy to identify strengths and areas for improvement. The AI tutor guidance is incredibly helpful."
|
|
rating={5}
|
|
author="Dr. Sarah Johnson, Head of Sciences"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",
|
|
alt: "School administrator 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",
|
|
alt: "School administrator 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",
|
|
alt: "School administrator 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
|
alt: "Teacher 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
|
alt: "Teacher 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
|
alt: "Student representative",
|
|
},
|
|
]}
|
|
useInvertedBackground={false}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Wacey"
|
|
copyrightText="© 2025 Wacey | All rights reserved"
|
|
socialLinks={[
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com/wacey",
|
|
ariaLabel: "Follow us on Twitter",
|
|
},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/wacey",
|
|
ariaLabel: "Connect on LinkedIn",
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/wacey",
|
|
ariaLabel: "Follow us on Instagram",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |