219 lines
10 KiB
TypeScript
219 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Award, Instagram, Shield, Sparkles, Star, Twitter, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Colleges", id: "colleges"},
|
|
{
|
|
name: "Support", id: "faq"},
|
|
]}
|
|
brandName="EduConnect"
|
|
button={{ text: "Get Started", href: "#" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Navigate Your Academic Future"
|
|
description="The ultimate platform for students to explore, connect, and apply to top-tier colleges seamlessly."
|
|
buttons={[
|
|
{
|
|
text: "Explore Colleges", href: "#colleges"},
|
|
{
|
|
text: "Join Free", href: "#"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/male-student-listening-ambient-study-music-headset-collecting-data_482257-126918.jpg", imageAlt: "Modern Study Environment"},
|
|
{
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/three-happy-students-writing-notebooks-laptop-library_496169-1220.jpg", imageAlt: "Student Discussion"},
|
|
{
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hotel_1127-4038.jpg", imageAlt: "University Campus"},
|
|
{
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/laptop-displaying-business-analytics_482257-115250.jpg", imageAlt: "App UI Analytics"},
|
|
{
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-smiling-relaxing-city-cafe-terrace-sunny-weather-bright-make-up-stylish-casual-outfit-holidays-travel-vacation-joy_291049-979.jpg", imageAlt: "Student Learning"},
|
|
{
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3188.jpg", imageAlt: "Institutional Building"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Smart Match Algorithms", description: "Find your dream college based on profile and potential.", icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-manager-reviewing-documents_482257-123692.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Progress Tracking", description: "Monitor your applications and academic goals effortlessly.", icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/classroom-class-study-academic-schedule_53876-133781.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tablet-books-arrangement_23-2149765756.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Direct Admissions Chat", description: "Get direct access to representatives and counselors.", icon: Shield,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/marketing-plan-commercial-strategy-business_53876-133615.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mature-group-college-students-read-green-screen-device_482257-123157.jpg"},
|
|
],
|
|
},
|
|
]}
|
|
title="Built for Academic Success"
|
|
description="Unlock a smarter path to college admission with powerful tools and insights."
|
|
/>
|
|
</div>
|
|
|
|
<div id="colleges" data-section="colleges">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "c1", name: "Oxford Institute", price: "High Rating", variant: "Top 10", imageSrc: "http://img.b2bpic.net/free-photo/unfocused-view-university-territory_23-2147659197.jpg"},
|
|
{
|
|
id: "c2", name: "Stanford Tech", price: "Research Hub", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/smiling-users-wearing-vr-glasses_74855-1629.jpg"},
|
|
{
|
|
id: "c3", name: "Greenfield Univ", price: "Campus Life", variant: "Best", imageSrc: "http://img.b2bpic.net/free-photo/students-working-together-project_23-2148844664.jpg"},
|
|
{
|
|
id: "c4", name: "Global City College", price: "Affordable", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-college-classmates-library_23-2147678962.jpg"},
|
|
{
|
|
id: "c5", name: "Sports Valley Univ", price: "Athletic Focus", variant: "Active", imageSrc: "http://img.b2bpic.net/free-photo/volleyball-players-having-match_23-2149492334.jpg"},
|
|
{
|
|
id: "c6", name: "History Academy", price: "Heritage", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/modern-amphitheater-usa_1268-14358.jpg"},
|
|
]}
|
|
title="Featured Institutions"
|
|
description="Discover highly rated colleges waiting for applicants like you."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Award,
|
|
title: "Successful Admissions", value: "50,000+"},
|
|
{
|
|
id: "m2", icon: Star,
|
|
title: "Partner Colleges", value: "1,200+"},
|
|
{
|
|
id: "m3", icon: Shield,
|
|
title: "Student Satisfaction", value: "98%"},
|
|
]}
|
|
title="Our Impact"
|
|
description="Empowering students worldwide to achieve their educational dreams."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Anna Smith", role: "Oxford Student", testimonial: "This platform made the application process so much easier.", imageSrc: "http://img.b2bpic.net/free-photo/happy-student-girl-holding-notebook_23-2151936264.jpg"},
|
|
{
|
|
id: "2", name: "Mark Jones", role: "Stanford Tech", testimonial: "I found colleges I never even considered before.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-student-with-laptop_23-2151936280.jpg"},
|
|
{
|
|
id: "3", name: "Elaine Wong", role: "Global College", testimonial: "The metrics really helped me decide where to apply.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-positive-student-girl-smiling-while-doing-homework-college-bench-city-park-stylish-girl-studying-outdoor-study-concept_574295-4522.jpg"},
|
|
{
|
|
id: "4", name: "David Miller", role: "Heritage Academy", testimonial: "Simple, fast, and highly effective tool.", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-happy-young-curly-haired-woman-dressed-casual-shirt-carried-fabric-bag-holds-fresh-water-bottle-smiles-positively-strolls-city-glass-skyscrapers-enjoys-spare-time_273609-56640.jpg"},
|
|
{
|
|
id: "5", name: "Sophia Lee", role: "Tech Academy", testimonial: "Highly recommend to all high school seniors.", imageSrc: "http://img.b2bpic.net/free-photo/girl-studying-university-library_23-2148844689.jpg"},
|
|
]}
|
|
title="Student Stories"
|
|
description="Hear from students who navigated their future with our platform."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "How does matching work?", content: "Our AI analyzes your profile, academic performance, and interests to suggest colleges."},
|
|
{
|
|
id: "f2", title: "Is it free to join?", content: "Basic features are completely free for all students."},
|
|
{
|
|
id: "f3", title: "Can I chat with colleges?", content: "Yes, our platform provides a direct line to college reps."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Got questions? We have clear answers to guide you."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="EduConnect"
|
|
copyrightText="© 2025 EduConnect. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Twitter,
|
|
href: "#", ariaLabel: "Twitter"},
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|