bender/53c0e874-bfff-4eed-a5b8-9984d0afc5fd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 15:48:39 +00:00
parent 9236abf8b2
commit 70bbcd6496
1 changed files with 43 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

203
src/app/page.tsx
View File

@@ -30,18 +30,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Features", id: "#features" },
name: "Features", { name: "Testimonials", id: "#testimonials" },
id: "#features", { name: "Pricing", id: "#pricing" },
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Pricing",
id: "#pricing",
},
]} ]}
brandName="StudyPlan" brandName="StudyPlan"
/> />
@@ -50,47 +41,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{
variant: "rotated-rays-animated", variant: "rotated-rays-animated"}}
}}
title="Master Your Study Schedule, Master Your Grades" title="Master Your Study Schedule, Master Your Grades"
description="Plan your courses, organize your study sessions, and stay on track with our intelligent scheduling app. Study smarter, not harder." description="Plan your courses, organize your study sessions, and stay on track with our intelligent scheduling app. Study smarter, not harder."
buttons={[ buttons={[
{ {
text: "Start Planning Free", text: "Start Planning Free", href: "#"},
href: "#",
},
]} ]}
carouselItems={[ carouselItems={[
{ { id: "1", imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515781.jpg", imageAlt: "Dashboard" },
id: "1", { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103087.jpg", imageAlt: "Calendar" },
imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150515781.jpg", { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg", imageAlt: "Notes" },
imageAlt: "Dashboard", { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/analysis-model-flow-chart-icon_53876-167121.jpg", imageAlt: "Planner" },
}, { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg", imageAlt: "Analytics" },
{ { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/various-menus-beside-digital-tablet-with-blank-black-screen_23-2147844251.jpg", imageAlt: "Notifications" },
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103087.jpg",
imageAlt: "Calendar",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/employee-putting-sticky-notes-laptop-screen-as-work-reminder-company-office-manager-using-adhesive-post-it-paper-display-remember-business-schedule-presentation-close-up_482257-33914.jpg",
imageAlt: "Notes",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/analysis-model-flow-chart-icon_53876-167121.jpg",
imageAlt: "Planner",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
imageAlt: "Analytics",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/various-menus-beside-digital-tablet-with-blank-black-screen_23-2147844251.jpg",
imageAlt: "Notifications",
},
]} ]}
/> />
</div> </div>
@@ -100,9 +64,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="Built for Success" title="Built for Success"
description={[ description={[
"Academic success starts with organization. Our app provides the structure you need to manage your coursework, deadlines, and study sessions with ease.", "Academic success starts with organization. Our app provides the structure you need to manage your coursework, deadlines, and study sessions with ease.", "Stop stressing over last-minute exams and start gaining total control over your academic journey."]}
"Stop stressing over last-minute exams and start gaining total control over your academic journey.",
]}
/> />
</div> </div>
@@ -113,34 +75,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", label: "Planning", title: "Smart Scheduling", items: [
label: "Planning", "Drag and drop courses", "Automated reminders", "Study habit tracking"],
title: "Smart Scheduling",
items: [
"Drag and drop courses",
"Automated reminders",
"Study habit tracking",
],
}, },
{ {
id: "f2", id: "f2", label: "Progress", title: "Grade Analytics", items: [
label: "Progress", "GPA tracking tools", "Course performance reports", "Study time visualization"],
title: "Grade Analytics",
items: [
"GPA tracking tools",
"Course performance reports",
"Study time visualization",
],
}, },
{ {
id: "f3", id: "f3", label: "Focus", title: "Deep Study Mode", items: [
label: "Focus", "Distraction-free timer", "Focus session logging", "Achievement badges"],
title: "Deep Study Mode",
items: [
"Distraction-free timer",
"Focus session logging",
"Achievement badges",
],
}, },
]} ]}
title="Key Features" title="Key Features"
@@ -155,28 +99,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "25%", title: "Grade Improvement", items: [
value: "25%", "Average increase"],
title: "Grade Improvement",
items: [
"Average increase",
],
}, },
{ {
id: "m2", id: "m2", value: "10k+", title: "Active Students", items: [
value: "10k+", "Trusted global community"],
title: "Active Students",
items: [
"Trusted global community",
],
}, },
{ {
id: "m3", id: "m3", value: "4.8/5", title: "User Satisfaction", items: [
value: "4.8/5", "Rated by students"],
title: "User Satisfaction",
items: [
"Rated by students",
],
}, },
]} ]}
title="Proven Results" title="Proven Results"
@@ -186,44 +118,20 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSix <TestimonialCardSix
animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "This app changed my semester. I’m so much more organized now!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg"},
name: "Sarah J.",
handle: "@sarah_j",
testimonial: "This app changed my semester. I’m so much more organized now!",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
},
{ {
id: "2", id: "2", name: "Michael C.", handle: "@m_chen", testimonial: "The grade tracker helps me see exactly where I need to focus.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard_23-2148937909.jpg"},
name: "Michael C.",
handle: "@m_chen",
testimonial: "The grade tracker helps me see exactly where I need to focus.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard_23-2148937909.jpg",
},
{ {
id: "3", id: "3", name: "Emily R.", handle: "@emily_r", testimonial: "I finally stopped cramming for exams. It’s been a life saver.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-woman-red-hat-sits-with-backpack-thermos-using-digital-tablet-outdoors_1258-196860.jpg"},
name: "Emily R.",
handle: "@emily_r",
testimonial: "I finally stopped cramming for exams. It’s been a life saver.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-woman-red-hat-sits-with-backpack-thermos-using-digital-tablet-outdoors_1258-196860.jpg",
},
{ {
id: "4", id: "4", name: "David K.", handle: "@david_k", testimonial: "The best scheduling tool for any engineering student.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg"},
name: "David K.",
handle: "@david_k",
testimonial: "The best scheduling tool for any engineering student.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg",
},
{ {
id: "5", id: "5", name: "Jessica L.", handle: "@jess_l", testimonial: "My grades went up and my stress levels went down. Recommended!", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg"},
name: "Jessica L.",
handle: "@jess_l",
testimonial: "My grades went up and my stress levels went down. Recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg",
},
]} ]}
title="Student Success Stories" title="Student Success Stories"
description="What our users are saying about StudyPlan." description="What our users are saying about StudyPlan."
@@ -236,20 +144,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Is the app free?", content: "Yes, we offer a free tier with full scheduling capabilities."},
title: "Is the app free?",
content: "Yes, we offer a free tier with full scheduling capabilities.",
},
{ {
id: "q2", id: "q2", title: "Can I sync with mobile?", content: "Yes, StudyPlan syncs across all your devices in real-time."},
title: "Can I sync with mobile?",
content: "Yes, StudyPlan syncs across all your devices in real-time.",
},
{ {
id: "q3", id: "q3", title: "Is it for college students only?", content: "It works great for any student from high school to graduate studies."},
title: "Is it for college students only?",
content: "It works great for any student from high school to graduate studies.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Find answers to help you get started." description="Find answers to help you get started."
@@ -261,8 +160,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Download" tag="Download"
title="Start Your Planning Journey" title="Start Your Planning Journey"
description="Sign up now and join thousands of students achieving their potential." description="Sign up now and join thousands of students achieving their potential."
@@ -273,42 +171,27 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Product", title: "Product", items: [
items: [
{ {
label: "Features", label: "Features", href: "#features"},
href: "#features",
},
{ {
label: "Pricing", label: "Pricing", href: "#pricing"},
href: "#pricing",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}