Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -18,27 +18,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<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",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="UniPath"
|
||||
/>
|
||||
@@ -46,73 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-hallway_23-2147679004.jpg"
|
||||
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>
|
||||
|
||||
@@ -123,44 +61,18 @@ export default function LandingPage() {
|
||||
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: "Interactive Global Map", description: "Visualize university locations and filter by region.", bentoComponent: "map"
|
||||
},
|
||||
{
|
||||
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: "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" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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: "Data Insights", description: "Compare tuition and rankings visually.", bentoComponent: "line-chart"
|
||||
}
|
||||
]}
|
||||
title="Smart Tools for Discovery"
|
||||
description="Powerful filters, real-time data, and interactive insights to help you find the perfect institution."
|
||||
@@ -174,27 +86,9 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{ 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."
|
||||
@@ -208,46 +102,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ id: "1", name: "Sarah Chen", role: "Computer Science", company: "MIT", rating: 5 },
|
||||
{ id: "2", name: "James Wilson", role: "Architecture", company: "UCL", rating: 5 },
|
||||
{ id: "3", name: "Elena Rossi", role: "International Relations", company: "Sciences Po", rating: 5 },
|
||||
{ id: "4", name: "Marcus Thorne", role: "Medicine", company: "Charité", rating: 5 },
|
||||
{ id: "5", name: "Aisha Khan", role: "Economics", company: "LSE", rating: 5 }
|
||||
]}
|
||||
title="Stories from the Campus"
|
||||
description="Hear how our platform helped students find their path."
|
||||
@@ -259,21 +118,9 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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."
|
||||
@@ -284,9 +131,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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."
|
||||
@@ -297,48 +142,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-hallway_23-2147679004.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-hallway_23-2147679004.jpg"
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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>
|
||||
|
||||
Reference in New Issue
Block a user