144 lines
3.8 KiB
TypeScript
144 lines
3.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import { BookOpen, GraduationCap, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
{
|
|
name: "Courses",
|
|
id: "/courses",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "/contact",
|
|
},
|
|
]}
|
|
brandName="Wisdom Science & Maths"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-body" data-section="about-body">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="About Our Academy"
|
|
metrics={[
|
|
{
|
|
icon: GraduationCap,
|
|
label: "Years Experience",
|
|
value: "10+",
|
|
},
|
|
{
|
|
icon: Users,
|
|
label: "Active Students",
|
|
value: "200+",
|
|
},
|
|
{
|
|
icon: BookOpen,
|
|
label: "Subjects",
|
|
value: "8",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="teachers-body" data-section="teachers-body">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "t1",
|
|
name: "Dr. Silva",
|
|
role: "Senior Science Lead",
|
|
description: "Experienced Science tutor.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-making-hand-gestures_23-2148938303.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Ms. Perera",
|
|
role: "Math Head",
|
|
description: "Expert Mathematics teacher.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-african-woman-student-smiling-laughing-sitting-cafe-books-magazines-lying-table-learning-education_176420-12412.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Mr. Fernando",
|
|
role: "Physics Lead",
|
|
description: "O/L revision specialist.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
|
|
},
|
|
]}
|
|
title="Our Expert Teachers"
|
|
description="Learn from the best educators in the field."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Courses",
|
|
href: "/courses",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact Us",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
label: "Schedule",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Wisdom Science & Maths"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|