Merge version_1 into main #1
304
src/app/page.tsx
304
src/app/page.tsx
@@ -25,213 +25,115 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Unipredict"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Pricing", id: "pricing" }
|
||||
]}
|
||||
brandName="Unipredict"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Predict Your Future in Germany"
|
||||
description="Find your dream university in Germany with AI-driven insights and comprehensive search tools."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Searching",
|
||||
href: "#search",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-afghanistan-gold-glitter-map-dark-background_559531-10561.jpg"
|
||||
imageAlt="Unipredict University Search Interface"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ successful students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered Analysis",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Data",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified University Portals",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Comprehensive Comparison",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Enrollment",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Predict Your Future in Germany"
|
||||
description="Find your dream university in Germany with AI-driven insights and comprehensive search tools."
|
||||
buttons={[{ text: "Start Searching", href: "#search" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-afghanistan-gold-glitter-map-dark-background_559531-10561.jpg"
|
||||
imageAlt="Unipredict University Search Interface"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 5" }
|
||||
]}
|
||||
avatarText="Join 10,000+ successful students"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "AI-Powered Analysis" },
|
||||
{ type: "text", text: "Real-time Data" },
|
||||
{ type: "text", text: "Verified University Portals" },
|
||||
{ type: "text", text: "Comprehensive Comparison" },
|
||||
{ type: "text", text: "Seamless Enrollment" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No hidden costs",
|
||||
"No outdated information",
|
||||
"No complex navigation",
|
||||
"No spammy content",
|
||||
"No confusing bureaucracy",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Accurate predictions",
|
||||
"Easy university filtering",
|
||||
"Comprehensive data",
|
||||
"Global recognition",
|
||||
"Career alignment",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Unipredict?"
|
||||
description="Powerful tools designed to simplify your German higher education journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["No hidden costs", "No outdated information", "No complex navigation", "No spammy content", "No confusing bureaucracy"] }}
|
||||
positiveCard={{ items: ["Accurate predictions", "Easy university filtering", "Comprehensive data", "Global recognition", "Career alignment"] }}
|
||||
title="Why Choose Unipredict?"
|
||||
description="Powerful tools designed to simplify your German higher education journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Unipredict by the Numbers"
|
||||
tag="Trusted Success"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Universities Indexed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
description: "Successful Students",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Data Accuracy",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Unipredict by the Numbers"
|
||||
tag="Trusted Success"
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", description: "Universities Indexed" },
|
||||
{ id: "m2", value: "10k+", description: "Successful Students" },
|
||||
{ id: "m3", value: "99%", description: "Data Accuracy" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start?",
|
||||
content: "Just enter your preferences and let our platform find the best universities for you.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the data reliable?",
|
||||
content: "Yes, we update our data directly from official university portals weekly.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is Unipredict free?",
|
||||
content: "Yes, our basic university search and comparison features are completely free for all students.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you navigate your university search."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do I start?", content: "Just enter your preferences and let our platform find the best universities for you." },
|
||||
{ id: "f2", title: "Is the data reliable?", content: "Yes, we update our data directly from official university portals weekly." },
|
||||
{ id: "f3", title: "Is Unipredict free?", content: "Yes, our basic university search and comparison features are completely free for all students." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you navigate your university search."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Choose Your Plan"
|
||||
description="Select the perfect plan to boost your university application journey."
|
||||
plans={[
|
||||
{ id: "basic", title: "Basic", price: "Free", features: ["Search Universities", "Basic Compare"] },
|
||||
{ id: "pro", title: "Pro", price: "$19", features: ["Advanced Analytics", "Priority Support"] },
|
||||
{ id: "enterprise", title: "Enterprise", price: "Custom", features: ["Personal Consultant", "Direct Enrollment Help"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="UNIPREDICT"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Unipredict. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="UNIPREDICT"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Unipredict. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user