Update src/pages/HomePage.tsx

This commit is contained in:
2026-06-22 09:37:47 +00:00
parent af304644a4
commit 1f44950356

View File

@@ -20,25 +20,18 @@ export default function HomePage() {
title="Master Your Focus"
description="Stop context switching. Start producing. Our tracker monitors your browser behavior to keep your focus score at its peak."
primaryButton={{
text: "Get Started",
href: "/dashboard",
}}
text: "Get Started", href: "/dashboard"}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
text: "Learn More", href: "#about"}}
items={[
{
text: "Real-time Tracking",
icon: Zap,
text: "Real-time Tracking", icon: Zap,
},
{
text: "Focus Score",
icon: Target,
text: "Focus Score", icon: Target,
},
{
text: "Timeline Logs",
icon: Clock,
text: "Timeline Logs", icon: Clock,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
@@ -51,9 +44,7 @@ export default function HomePage() {
<AboutText
title="Built for Deep Work"
primaryButton={{
text: "Explore Features",
href: "#features",
}}
text: "Explore Features", href: "#features"}}
/>
</SectionErrorBoundary>
</div>
@@ -66,11 +57,7 @@ export default function HomePage() {
description="Visualizing your focus patterns across multiple sessions."
metrics={[
{
value: "94%",
title: "Focus Retention",
description: "Average daily score maintained",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991208.jpg",
},
value: "94%", title: "Focus Retention", description: "Average daily score maintained", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-graphics-composition_23-2148991208.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -84,29 +71,17 @@ export default function HomePage() {
description="The logic behind maintaining your flow."
items={[
{
title: "Smart Detection",
tags: [
"AI",
"Focus",
],
imageSrc: "http://img.b2bpic.net/free-vector/freelancer-flat-set_1284-7351.jpg",
},
title: "Smart Detection", tags: [
"AI", "Focus"],
imageSrc: "http://img.b2bpic.net/free-vector/freelancer-flat-set_1284-7351.jpg"},
{
title: "Session Logs",
tags: [
"History",
"Logs",
],
imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg",
},
title: "Session Logs", tags: [
"History", "Logs"],
imageSrc: "http://img.b2bpic.net/free-photo/finance-economic-progress-analysis-concept_53876-124375.jpg"},
{
title: "Secure Access",
tags: [
"Auth",
"Admin",
],
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-security-protecting-data-privacy_23-2151997033.jpg",
},
title: "Secure Access", tags: [
"Auth", "Admin"],
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-security-protecting-data-privacy_23-2151997033.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -120,47 +95,19 @@ export default function HomePage() {
description="Built-in intelligence for your workflow."
items={[
{
title: "Tab Monitoring",
description: "Automatic background switch detection",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/freelancer-workspace-worldwide-collaboration-remote-jobs_1284-6625.jpg",
},
title: "Tab Monitoring", description: "Automatic background switch detection", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/freelancer-workspace-worldwide-collaboration-remote-jobs_1284-6625.jpg"},
{
title: "History Tracking",
description: "Complete session overview",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-coworking-space-wth-schedule_53876-94967.jpg",
},
title: "History Tracking", description: "Complete session overview", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/laptop-coworking-space-wth-schedule_53876-94967.jpg"},
{
title: "Auth Protection",
description: "NextAuth integrated access",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-secure-login-password-illustration_107791-16640.jpg",
},
title: "Auth Protection", description: "NextAuth integrated access", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-secure-login-password-illustration_107791-16640.jpg"},
{
title: "Alert System",
description: "Focus loss notifications",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-sitting-desk-surrounded-with-gadgets-papers_273609-41500.jpg",
},
title: "Alert System", description: "Focus loss notifications", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-sitting-desk-surrounded-with-gadgets-papers_273609-41500.jpg"},
{
title: "Data Sync",
description: "Real-time database updates",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg",
},
title: "Data Sync", description: "Real-time database updates", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-worker-server-hub-using-tablet_482257-90062.jpg"},
{
title: "Cloud Analytics",
description: "Global performance insights",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/20-data-analysis-flat-color-icon-presentation_1142-24722.jpg",
},
title: "Cloud Analytics", description: "Global performance insights", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/20-data-analysis-flat-color-icon-presentation_1142-24722.jpg"},
{
title: "Global Heatmap",
description: "Productivity trends analysis",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113286.jpg",
},
title: "Global Heatmap", description: "Productivity trends analysis", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113286.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -174,45 +121,22 @@ export default function HomePage() {
description="Choose your tracking tier."
plans={[
{
tag: "Free",
price: "$0",
description: "Basic tracking",
features: [
"Limited logs",
"Real-time score",
],
tag: "Free", price: "$0", description: "Basic tracking", features: [
"Limited logs", "Real-time score"],
primaryButton: {
text: "Start",
href: "#",
},
text: "Start", href: "#"},
},
{
tag: "Pro",
price: "$12",
description: "Advanced analytics",
features: [
"Full history",
"Export CSV",
"Priority support",
],
tag: "Pro", price: "$12", description: "Advanced analytics", features: [
"Full history", "Export CSV", "Priority support"],
primaryButton: {
text: "Upgrade",
href: "#",
},
text: "Upgrade", href: "#"},
},
{
tag: "Enterprise",
price: "Custom",
description: "Team productivity",
features: [
"Advanced APIs",
"SSO",
"Team insights",
],
tag: "Enterprise", price: "Custom", description: "Team productivity", features: [
"Advanced APIs", "SSO", "Team insights"],
primaryButton: {
text: "Contact",
href: "#",
},
text: "Contact", href: "#"},
},
]}
/>
@@ -224,16 +148,9 @@ export default function HomePage() {
<SocialProofMarquee
tag="Trusted by"
title="Leading Productivity Teams"
description="Join our community."
names={[
"FocusCo",
"DeepWork.ai",
"FlowStates",
"ProDev",
"TaskSync",
"MindFlow",
"ZenLabs",
]}
description="Trusted by innovative teams worldwide."
"FocusCo", "DeepWork.ai", "FlowStates", "ProDev", "TaskSync", "MindFlow", "ZenLabs"]}
/>
</SectionErrorBoundary>
</div>
@@ -243,20 +160,14 @@ export default function HomePage() {
<FaqSimple
tag="Support"
title="Frequently Asked Questions"
description="Find answers to common questions about our focus tracking platform."
description="Answers to common questions."
items={[
{
question: "How is focus calculated?",
answer: "Focus is calculated based on tab inactivity switches.",
},
question: "How is focus calculated?", answer: "Focus is calculated based on tab inactivity switches."},
{
question: "Is my data private?",
answer: "Yes, we prioritize end-to-end encryption.",
},
question: "Is my data private?", answer: "Yes, we prioritize end-to-end encryption."},
{
question: "Can I export data?",
answer: "CSV export is available in the Pro tier.",
},
question: "Can I export data?", answer: "CSV export is available in the Pro tier."},
]}
/>
</SectionErrorBoundary>
@@ -268,13 +179,9 @@ export default function HomePage() {
tag="Support"
text="Ready to track your focus? Contact our support team for integrations."
primaryButton={{
text: "Contact Support",
href: "mailto:admin@example.com",
}}
text: "Contact Support", href: "mailto:admin@example.com"}}
secondaryButton={{
text: "Read Docs",
href: "#",
}}
text: "Read Docs", href: "#"}}
/>
</SectionErrorBoundary>
</div>