Merge version_1 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Progress",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Progress", id: "metrics"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="StudyTrack"
|
||||
/>
|
||||
@@ -58,35 +50,15 @@ export default function LandingPage() {
|
||||
description="The intelligent platform for monitoring your academic progress and optimizing your daily study routine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Get Started", href: "#features"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glasses-agendas-with-blanket-lights_23-2148791064.jpg?_wi=1",
|
||||
imageAlt: "Modern Study Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-girl-sitting-library-floor_23-2147617626.jpg?_wi=1",
|
||||
imageAlt: "Library Learning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bullet-journals-paper-clips_23-2149740086.jpg?_wi=1",
|
||||
imageAlt: "Progress Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-vector-illustration-yellow-sticky-notes-pencil_1308-186781.jpg",
|
||||
imageAlt: "Productivity Concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-library-reading-club-learning-from-books_23-2150293572.jpg",
|
||||
imageAlt: "Group Collaboration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-composition-with-notepad-pens_23-2147662371.jpg",
|
||||
imageAlt: "Planning Routine",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glasses-agendas-with-blanket-lights_23-2148791064.jpg", imageAlt: "Modern Study Setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/reading-girl-sitting-library-floor_23-2147617626.jpg", imageAlt: "Library Learning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bullet-journals-paper-clips_23-2149740086.jpg", imageAlt: "Progress Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cartoon-vector-illustration-yellow-sticky-notes-pencil_1308-186781.jpg", imageAlt: "Productivity Concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-library-reading-club-learning-from-books_23-2150293572.jpg", imageAlt: "Group Collaboration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/back-school-composition-with-notepad-pens_23-2147662371.jpg", imageAlt: "Planning Routine" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,14 +68,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Master Your Academic Goals"
|
||||
description={[
|
||||
"StudyTrack gives you the tools to monitor your study time, analyze your learning patterns, and achieve your educational targets with ease.",
|
||||
"Our platform is designed to provide clear, actionable insights into how you learn, ensuring you stay motivated throughout your semester.",
|
||||
]}
|
||||
"StudyTrack gives you the tools to monitor your study time, analyze your learning patterns, and achieve your educational targets with ease.", "Our platform is designed to provide clear, actionable insights into how you learn, ensuring you stay motivated throughout your semester."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,67 +83,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Time Tracking",
|
||||
description: "Accurately log your study sessions and see where you spend your time.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg?_wi=1",
|
||||
imageAlt: "Tracking",
|
||||
},
|
||||
title: "Time Tracking", description: "Accurately log your study sessions and see where you spend your time.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glasses-agendas-with-blanket-lights_23-2148791064.jpg", imageAlt: "Tracking"},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Session logs",
|
||||
},
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Weekly trends",
|
||||
},
|
||||
{ icon: Clock, text: "Session logs" },
|
||||
{ icon: BarChart, text: "Weekly trends" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glasses-agendas-with-blanket-lights_23-2148791064.jpg?_wi=2",
|
||||
imageAlt: "student desk study setup",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Goal Setting",
|
||||
description: "Set clear academic milestones and track your progress toward them.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg?_wi=2",
|
||||
imageAlt: "Goals",
|
||||
},
|
||||
title: "Goal Setting", description: "Set clear academic milestones and track your progress toward them.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-girl-sitting-library-floor_23-2147617626.jpg", imageAlt: "Goals"},
|
||||
items: [
|
||||
{
|
||||
icon: Target,
|
||||
text: "Goal definition",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Achievement tracking",
|
||||
},
|
||||
{ icon: Target, text: "Goal definition" },
|
||||
{ icon: CheckCircle, text: "Achievement tracking" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-girl-sitting-library-floor_23-2147617626.jpg?_wi=2",
|
||||
imageAlt: "student library study",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Insight Analytics",
|
||||
description: "Deep dive into your performance patterns to improve efficiency.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-view-african-american-startup-employee-looking-laptop-screen-with-business-analytics-charts-sitting-desk-close-focus-portable-computer-display-with-sales-results_482257-38698.jpg?_wi=3",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
title: "Insight Analytics", description: "Deep dive into your performance patterns to improve efficiency.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bullet-journals-paper-clips_23-2149740086.jpg", imageAlt: "Analytics"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Study insights",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Efficiency score",
|
||||
},
|
||||
{ icon: Zap, text: "Study insights" },
|
||||
{ icon: TrendingUp, text: "Efficiency score" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bullet-journals-paper-clips_23-2149740086.jpg?_wi=2",
|
||||
imageAlt: "digital study planner ui",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Key Study Tools"
|
||||
@@ -189,24 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: BookOpen,
|
||||
title: "Chapters Covered",
|
||||
value: "240",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Hours Logged",
|
||||
value: "1,200",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Goals Achieved",
|
||||
value: "45",
|
||||
},
|
||||
{ id: "m1", icon: BookOpen, title: "Chapters Covered", value: "240" },
|
||||
{ id: "m2", icon: Clock, title: "Hours Logged", value: "1,200" },
|
||||
{ id: "m3", icon: Award, title: "Goals Achieved", value: "45" },
|
||||
]}
|
||||
title="Success Metrics"
|
||||
description="Visualizing your path to academic excellence."
|
||||
@@ -218,46 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Academic Success",
|
||||
quote: "StudyTrack helped me stay consistent with my prep.",
|
||||
name: "Alex R.",
|
||||
role: "Biology Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-dark-skinned-student-writing-something-down-from-book-listening-audio-book-his-headphones-while-sitting-cafeteria-his-break-drinking-takeaway-coffee-working-hard_273609-7455.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Life Changer",
|
||||
quote: "Finally, I can visualize my study progress effectively.",
|
||||
name: "Jordan S.",
|
||||
role: "Computer Science",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-man-winning-car-race_140725-34619.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Increased Focus",
|
||||
quote: "My efficiency has skyrocketed since using these tools.",
|
||||
name: "Casey L.",
|
||||
role: "Engineering",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Grade Improvement",
|
||||
quote: "My grades have improved thanks to consistent monitoring.",
|
||||
name: "Morgan B.",
|
||||
role: "Medicine",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-businesswoman_1098-16070.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Motivation Booster",
|
||||
quote: "Seeing progress bars makes me study every day.",
|
||||
name: "Taylor P.",
|
||||
role: "Law Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-student-girl-with-coffee-books_23-2151936249.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Academic Success", quote: "StudyTrack helped me stay consistent with my prep.", name: "Alex R.", role: "Biology Student", imageSrc: "http://img.b2bpic.net/free-photo/smart-dark-skinned-student-writing-something-down-from-book-listening-audio-book-his-headphones-while-sitting-cafeteria-his-break-drinking-takeaway-coffee-working-hard_273609-7455.jpg" },
|
||||
{ id: "t2", title: "Life Changer", quote: "Finally, I can visualize my study progress effectively.", name: "Jordan S.", role: "Computer Science", imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-man-winning-car-race_140725-34619.jpg" },
|
||||
{ id: "t3", title: "Increased Focus", quote: "My efficiency has skyrocketed since using these tools.", name: "Casey L.", role: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg" },
|
||||
{ id: "t4", title: "Grade Improvement", quote: "My grades have improved thanks to consistent monitoring.", name: "Morgan B.", role: "Medicine", imageSrc: "http://img.b2bpic.net/free-photo/creative-businesswoman_1098-16070.jpg" },
|
||||
{ id: "t5", title: "Motivation Booster", quote: "Seeing progress bars makes me study every day.", name: "Taylor P.", role: "Law Student", imageSrc: "http://img.b2bpic.net/free-photo/happy-student-girl-with-coffee-books_23-2151936249.jpg" },
|
||||
]}
|
||||
title="What Students Say"
|
||||
description="Success stories from learners just like you."
|
||||
@@ -269,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I start tracking?",
|
||||
content: "Simply sign up and log your first study session in the dashboard.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Is the mobile app available?",
|
||||
content: "Yes, our mobile app syncs with your desktop dashboard perfectly.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I share my progress?",
|
||||
content: "Sharing features are available in the premium plan for study groups.",
|
||||
},
|
||||
{ id: "faq1", title: "How do I start tracking?", content: "Simply sign up and log your first study session in the dashboard." },
|
||||
{ id: "faq2", title: "Is the mobile app available?", content: "Yes, our mobile app syncs with your desktop dashboard perfectly." },
|
||||
{ id: "faq3", title: "Can I share my progress?", content: "Sharing features are available in the premium plan for study groups." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164797.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -299,16 +169,8 @@ export default function LandingPage() {
|
||||
title="Need Help?"
|
||||
description="Reach out to our support team for any queries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-depression-blue-shirt-gradient_1187-4889.jpg"
|
||||
/>
|
||||
@@ -317,30 +179,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Features", href: "#features" }] },
|
||||
{ items: [{ label: "Support", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="StudyTrack"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user