349 lines
11 KiB
TypeScript
349 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, CheckCircle, DollarSign, FileText } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Search",
|
|
id: "#search",
|
|
},
|
|
{
|
|
name: "Dashboard",
|
|
id: "#dashboard",
|
|
},
|
|
{
|
|
name: "Community",
|
|
id: "#community",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="UniPath"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Find Your Global Future"
|
|
description="Explore thousands of universities, track your progress, and join a global community of aspiring students."
|
|
kpis={[
|
|
{
|
|
value: "2.5K+",
|
|
label: "Universities",
|
|
},
|
|
{
|
|
value: "120+",
|
|
label: "Countries",
|
|
},
|
|
{
|
|
value: "1M+",
|
|
label: "Student Reviews",
|
|
},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/students-hallway_23-2147679004.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/irritated-young-student-girl-wearing-bandana-backpack-putting-glasses-her-blouse-keeping-fists-air-holding-open-note-pad-her-head-with-closed-eyes-isolated-blue-background_141793-139803.jpg",
|
|
alt: "Student 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg",
|
|
alt: "Student 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-teenager-with-book-library_23-2147845932.jpg",
|
|
alt: "Student 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/neighborhood-life-enjoyed-by-young-adult_23-2149402066.jpg",
|
|
alt: "Student 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-pretty-graduate-student-girl-graduating-robe-with-diploma_496169-1318.jpg",
|
|
alt: "Student 5",
|
|
},
|
|
]}
|
|
avatarText="Join 1M+ students worldwide"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "QS Ranked",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Top Tier Schools",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Global Access",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Financial Aid",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Campus Tours",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="search-features" data-section="search-features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Interactive Global Map",
|
|
description: "Visualize university locations and filter by region.",
|
|
bentoComponent: "map",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/students-hallway_23-2147679004.jpg?_wi=2",
|
|
imageAlt: "modern university campus architecture",
|
|
},
|
|
{
|
|
title: "Active Tasks",
|
|
description: "Never miss a deadline with automated updates.",
|
|
bentoComponent: "3d-task-list",
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Upload Transcripts",
|
|
time: "2 days left",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Submit TOEFL",
|
|
time: "5 days left",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Personal Statement",
|
|
time: "12 days left",
|
|
},
|
|
],
|
|
completedLabel: "Done",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/polygonal-abstract-shapes-network-connection-big-data-concept_90220-460.jpg",
|
|
imageAlt: "digital globe university connectivity",
|
|
},
|
|
{
|
|
title: "Data Insights",
|
|
description: "Compare tuition and rankings visually.",
|
|
bentoComponent: "line-chart",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/irritated-young-student-girl-wearing-bandana-backpack-putting-glasses-her-blouse-keeping-fists-air-holding-open-note-pad-her-head-with-closed-eyes-isolated-blue-background_141793-139803.jpg?_wi=1",
|
|
imageAlt: "student portrait happy academic",
|
|
},
|
|
]}
|
|
title="Smart Tools for Discovery"
|
|
description="Powerful filters, real-time data, and interactive insights to help you find the perfect institution."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "94%",
|
|
title: "Admissions Rate",
|
|
description: "Success rate for our premium users.",
|
|
icon: Award,
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "$150M",
|
|
title: "Scholarships",
|
|
description: "Financial aid sourced through our platform.",
|
|
icon: DollarSign,
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "500K+",
|
|
title: "Applications",
|
|
description: "Processed safely through UniPath.",
|
|
icon: FileText,
|
|
},
|
|
]}
|
|
title="Success by the Numbers"
|
|
description="Proven outcomes for our student community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Chen",
|
|
role: "Computer Science",
|
|
company: "MIT",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/irritated-young-student-girl-wearing-bandana-backpack-putting-glasses-her-blouse-keeping-fists-air-holding-open-note-pad-her-head-with-closed-eyes-isolated-blue-background_141793-139803.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Wilson",
|
|
role: "Architecture",
|
|
company: "UCL",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-african-student-with-earring-wearing-denim-shirt-sitting-wooden-table-doing-his-homework-holding-smartphone-being-happy-recieve-message-from-his-friend-typing-something_273609-7426.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena Rossi",
|
|
role: "International Relations",
|
|
company: "Sciences Po",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-teenager-with-book-library_23-2147845932.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Marcus Thorne",
|
|
role: "Medicine",
|
|
company: "Charité",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-life-enjoyed-by-young-adult_23-2149402066.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Aisha Khan",
|
|
role: "Economics",
|
|
company: "LSE",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-graduate-student-girl-graduating-robe-with-diploma_496169-1318.jpg",
|
|
},
|
|
]}
|
|
title="Stories from the Campus"
|
|
description="Hear how our platform helped students find their path."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "How is tuition data verified?",
|
|
content: "We partner directly with university databases and verify data annually.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Can I compare multiple universities?",
|
|
content: "Yes, use our dashboard to compare up to 4 schools side-by-side.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Is the chat feature real-time?",
|
|
content: "Yes, our community ambassadors provide real-time chat support for all major queries.",
|
|
},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about navigating your university search."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Get Started"
|
|
title="Start Your Journey Today"
|
|
description="Sign up now for personalized alerts and early access to application tracking features."
|
|
imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-draws-with-pencil-digital-tablet_169016-24967.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/students-hallway_23-2147679004.jpg?_wi=3"
|
|
logoText="UniPath"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "/careers",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{
|
|
label: "Scholarship Guide",
|
|
href: "/scholarships",
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "/blog",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Help Center",
|
|
href: "/help",
|
|
},
|
|
{
|
|
label: "Chat Support",
|
|
href: "/chat",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|