Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7b2c468c3e | |||
| 876f5cb767 | |||
| a465f2ff5c | |||
| 8feaaffb4e | |||
| 9760755fb8 | |||
| a8d2f6492f |
230
src/app/page.tsx
230
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="PreMedPro"
|
||||
/>
|
||||
@@ -51,75 +45,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Your Journey to Medicine, Organized."
|
||||
description="The ultimate subscription platform designed to track your Pre-Med and Pre-PA journey, manage requirements, and ace your applications with confidence."
|
||||
kpis={[
|
||||
{
|
||||
value: "15k+",
|
||||
label: "Active Students",
|
||||
},
|
||||
value: "15k+", label: "Active Students"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Acceptance Rate",
|
||||
},
|
||||
value: "98%", label: "Acceptance Rate"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Expert Support",
|
||||
},
|
||||
value: "24/7", label: "Expert Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hxtb1w"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "asset://hero-avatar-1", alt: "Student 1"},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "asset://hero-avatar-2", alt: "Student 2"},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "asset://hero-avatar-3", alt: "Student 3"},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "asset://hero-avatar-4", alt: "Student 4"},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "asset://hero-avatar-5", alt: "Student 5"},
|
||||
]}
|
||||
avatarText="Trusted by 15,000+ students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "GPA Tracking",
|
||||
icon: GraduationCap,
|
||||
type: "text-icon", text: "GPA Tracking", icon: GraduationCap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "App Analytics",
|
||||
icon: LineChart,
|
||||
type: "text-icon", text: "App Analytics", icon: LineChart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Storage",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Secure Storage", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Task Management",
|
||||
icon: CalendarDays,
|
||||
type: "text-icon", text: "Task Management", icon: CalendarDays,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Mentorship",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Mentorship", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -132,26 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Academic Tracker",
|
||||
description: "Log every course, GPA, and prerequisite with ease.",
|
||||
tag: "Essential",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=720hj3",
|
||||
},
|
||||
id: "f1", title: "Academic Tracker", description: "Log every course, GPA, and prerequisite with ease.", tag: "Essential", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=720hj3"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "App Analytics",
|
||||
description: "Visualize your application strength against acceptance criteria.",
|
||||
tag: "Advanced",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gc8nrb",
|
||||
},
|
||||
id: "f2", title: "App Analytics", description: "Visualize your application strength against acceptance criteria.", tag: "Advanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gc8nrb"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Secure Portal",
|
||||
description: "Keep your personal statement and research papers private and secure.",
|
||||
tag: "Secure",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbluk4",
|
||||
},
|
||||
id: "f3", title: "Secure Portal", description: "Keep your personal statement and research papers private and secure.", tag: "Secure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbluk4"},
|
||||
]}
|
||||
title="Everything You Need to Succeed"
|
||||
description="Comprehensive tools built for Pre-Med and Pre-PA students to stay on top of their game."
|
||||
@@ -165,49 +117,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$9/mo",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "basic", price: "$9/mo", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
},
|
||||
text: "Start Free Trial"},
|
||||
],
|
||||
features: [
|
||||
"Basic GPA Tracker",
|
||||
"Application Checklist",
|
||||
"Community Access",
|
||||
],
|
||||
"Track 50+ courses", "Application Checklist", "Community Access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$19/mo",
|
||||
name: "Pro",
|
||||
buttons: [
|
||||
id: "pro", price: "$19/mo", name: "Pro", badge: "Most Popular", buttons: [
|
||||
{
|
||||
text: "Upgrade to Pro",
|
||||
},
|
||||
text: "Upgrade to Pro"},
|
||||
],
|
||||
features: [
|
||||
"All Starter Features",
|
||||
"Analytics Dashboard",
|
||||
"Personal Statement Review",
|
||||
],
|
||||
"Track unlimited courses", "Deep Analytics Dashboard", "Personal Statement Review"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
price: "$29/mo",
|
||||
name: "Elite",
|
||||
buttons: [
|
||||
id: "elite", price: "$29/mo", name: "Elite", buttons: [
|
||||
{
|
||||
text: "Get Elite",
|
||||
},
|
||||
text: "Get Elite"},
|
||||
],
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"1-on-1 Mentorship",
|
||||
"Priority Support",
|
||||
],
|
||||
"Elite Pro Features", "1-on-1 Mentorship", "24/7 Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -222,23 +153,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Average GPA Boost",
|
||||
value: "0.4",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Average GPA Boost", value: "0.4"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Time Saved Per Week",
|
||||
value: "12h",
|
||||
},
|
||||
id: "m2", icon: Zap,
|
||||
title: "Time Saved Per Week", value: "12h"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Applications Completed",
|
||||
value: "50k+",
|
||||
},
|
||||
id: "m3", icon: CheckCircle,
|
||||
title: "Applications Completed", value: "50k+"},
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="See why thousands of students trust our platform for their medical journey."
|
||||
@@ -251,45 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Saved my application!",
|
||||
quote: "I was overwhelmed until I started tracking everything here.",
|
||||
name: "Sarah J.",
|
||||
role: "Medical Student",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmyv6r",
|
||||
},
|
||||
id: "1", title: "Saved my application!", quote: "I was overwhelmed until I started tracking everything here.", name: "Sarah J.", role: "Medical Student", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmyv6r"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Life changing tool.",
|
||||
quote: "The analytics helped me identify my weak spots early on.",
|
||||
name: "Mike R.",
|
||||
role: "PA Student",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj3bw5",
|
||||
},
|
||||
id: "2", title: "Life changing tool.", quote: "The analytics helped me identify my weak spots early on.", name: "Mike R.", role: "PA Student", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj3bw5"},
|
||||
{
|
||||
id: "3",
|
||||
title: "So organized.",
|
||||
quote: "I can focus on studying instead of worrying about deadlines.",
|
||||
name: "Emma L.",
|
||||
role: "Med Student",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ft2ovp",
|
||||
},
|
||||
id: "3", title: "So organized.", quote: "I can focus on studying instead of worrying about deadlines.", name: "Emma L.", role: "Med Student", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ft2ovp"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Must have for Premeds.",
|
||||
quote: "Everything I needed in one single dashboard.",
|
||||
name: "David K.",
|
||||
role: "Medical Student",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwles5",
|
||||
},
|
||||
id: "4", title: "Must have for Premeds.", quote: "Everything I needed in one single dashboard.", name: "David K.", role: "Medical Student", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwles5"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Incredible support!",
|
||||
quote: "The community and features are top-notch.",
|
||||
name: "Grace M.",
|
||||
role: "Pre-PA",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxlz2c",
|
||||
},
|
||||
id: "5", title: "Incredible support!", quote: "The community and features are top-notch.", name: "Grace M.", role: "Pre-PA", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxlz2c"},
|
||||
]}
|
||||
title="Student Success Stories"
|
||||
description="Join the next generation of medical professionals."
|
||||
@@ -302,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it safe?",
|
||||
content: "Yes, we use industry-standard encryption for your data.",
|
||||
},
|
||||
id: "q1", title: "Is it safe?", content: "Yes, we use industry-standard encryption for your data."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, you can cancel your subscription at any time.",
|
||||
},
|
||||
id: "q2", title: "Can I cancel anytime?", content: "Yes, you can cancel your subscription at any time."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it for PA students too?",
|
||||
content: "Absolutely, it covers all pre-health tracks.",
|
||||
},
|
||||
id: "q3", title: "Is it for PA students too?", content: "Absolutely, it covers all pre-health tracks."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2dlg7n"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -329,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Join Now"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Sign up today and get organized for your medical school applications."
|
||||
@@ -341,29 +223,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -373,4 +245,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user