156 lines
6.6 KiB
TypeScript
156 lines
6.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Programs", id: "programs"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Cornerstone Debate"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Cornerstone Debate"
|
|
description="Building the foundation for future leaders through excellence in competitive debate and public speaking."
|
|
buttons={[
|
|
{
|
|
text: "Enroll Now", href: "#programs"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hotel-reception-diffuse_1203-662.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Mission"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257202.jpg", alt: "Academy"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="programs" data-section="programs">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Beginner", name: "Foundations", price: "$450", rating: 5,
|
|
reviewCount: "20+", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-international-day-education_23-2151045703.jpg?_wi=1"},
|
|
{
|
|
id: "p2", brand: "Intermediate", name: "Advanced Research", price: "$600", rating: 5,
|
|
reviewCount: "15+", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-international-day-education_23-2151045703.jpg?_wi=2"},
|
|
{
|
|
id: "p3", brand: "Expert", name: "National Circuit", price: "$850", rating: 5,
|
|
reviewCount: "10+", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-international-day-education_23-2151045703.jpg?_wi=3"},
|
|
{
|
|
id: "p4", brand: "Private", name: "1-on-1 Coaching", price: "$120/hr", rating: 5,
|
|
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-international-day-education_23-2151045703.jpg?_wi=4"},
|
|
{
|
|
id: "p5", brand: "Team", name: "Camp Workshop", price: "$950", rating: 5,
|
|
reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-international-day-education_23-2151045703.jpg?_wi=5"},
|
|
{
|
|
id: "p6", brand: "Elite", name: "Tournament Prep", price: "$700", rating: 5,
|
|
reviewCount: "25+", imageSrc: "http://img.b2bpic.net/free-vector/flat-labels-collection-international-day-education_23-2151045703.jpg?_wi=6"},
|
|
]}
|
|
title="Our Programs"
|
|
description="Comprehensive debate training for all levels of experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
useInvertedBackground={false}
|
|
animationType="depth-3d"
|
|
gridVariant="full-width-top-items-bottom-row"
|
|
textboxLayout="split-description"
|
|
title="Student Success Stories"
|
|
description="Hear from our successful alumni and students about their journey at Cornerstone."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alex R.", role: "National Finalist", company: "Cornerstone Alum", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg"},
|
|
{
|
|
id: "2", name: "Sam K.", role: "Tournament Champion", company: "Cornerstone Alum", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg"},
|
|
{
|
|
id: "3", name: "Jamie L.", role: "Scholarship Recipient", company: "Cornerstone Alum", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teenager-with-glasses-holding-books_1098-4054.jpg"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
tag="Get Started"
|
|
title="Ready to Elevate Your Debate Skills?"
|
|
description="Connect with our expert coaches and start your journey toward debate excellence today."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Programs", href: "#programs"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Cornerstone Debate"
|
|
bottomRightText="All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|