Merge version_1 into main #2
142
src/app/page.tsx
142
src/app/page.tsx
@@ -28,18 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Hero", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" }
|
||||
]}
|
||||
brandName="BlockTimer"
|
||||
/>
|
||||
@@ -49,39 +41,22 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Master Your Time with Precision"
|
||||
description="The ultimate minimalist timer designed for flow, focus, and productivity. Inspired by the sleek efficiency of top-tier task management apps."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex_prod",
|
||||
testimonial: "This timer changed how I work. Simple and powerful.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/abstract-geometric-shapes-floating-in-da-1774611590810-3d96847d.png?_wi=1",
|
||||
},
|
||||
name: "Alex R.", handle: "@alex_prod", testimonial: "This timer changed how I work. Simple and powerful.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/abstract-geometric-shapes-floating-in-da-1774611590810-3d96847d.png"},
|
||||
{
|
||||
name: "Jamie S.",
|
||||
handle: "@jamie_dev",
|
||||
testimonial: "Finally, a timer that gets out of my way.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/soft-golden-light-beams-on-a-dark-textur-1774611590718-081bd53b.png?_wi=1",
|
||||
},
|
||||
name: "Jamie S.", handle: "@jamie_dev", testimonial: "Finally, a timer that gets out of my way.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/soft-golden-light-beams-on-a-dark-textur-1774611590718-081bd53b.png"},
|
||||
{
|
||||
name: "Morgan K.",
|
||||
handle: "@m_creative",
|
||||
testimonial: "Perfect aesthetic for a focused workspace.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/dark-minimalist-texture-with-thin-golden-1774611590906-9e0b5e71.png?_wi=1",
|
||||
},
|
||||
name: "Morgan K.", handle: "@m_creative", testimonial: "Perfect aesthetic for a focused workspace.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/dark-minimalist-texture-with-thin-golden-1774611590906-9e0b5e71.png"},
|
||||
{
|
||||
name: "Casey L.",
|
||||
handle: "@caseyl",
|
||||
testimonial: "Efficient, beautiful, and absolutely essential.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/digital-glitch-effect-in-subtle-gold-col-1774611590869-6210de61.png?_wi=1",
|
||||
},
|
||||
name: "Casey L.", handle: "@caseyl", testimonial: "Efficient, beautiful, and absolutely essential.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/digital-glitch-effect-in-subtle-gold-col-1774611590869-6210de61.png"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/a-high-tech-digital-timer-interface-on-a-1774611590768-34258dce.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -95,37 +70,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Minimalist Controls",
|
||||
description: "Intuitive gestures for effortless timing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
title: "Minimalist Controls", description: "Intuitive gestures for effortless timing.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Visual Focus",
|
||||
description: "Clean UI to keep your eyes on the task.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Eye,
|
||||
title: "Visual Focus", description: "Clean UI to keep your eyes on the task.", bentoComponent: "reveal-icon", icon: Eye,
|
||||
},
|
||||
{
|
||||
title: "History",
|
||||
description: "Track your productivity patterns seamlessly.",
|
||||
bentoComponent: "3d-task-list",
|
||||
items: [
|
||||
title: "History", description: "Track your productivity patterns seamlessly.", bentoComponent: "3d-task-list", items: [
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Session 1",
|
||||
time: "25m",
|
||||
},
|
||||
label: "Session 1", time: "25m"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Session 2",
|
||||
time: "50m",
|
||||
},
|
||||
label: "Session 2", time: "50m"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Session 3",
|
||||
time: "25m",
|
||||
},
|
||||
label: "Session 3", time: "25m"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -141,31 +101,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
title: "Active Users",
|
||||
items: [
|
||||
"Global community",
|
||||
"Growing daily",
|
||||
],
|
||||
id: "m1", value: "15K+", title: "Active Users", items: [
|
||||
"Global community", "Growing daily"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Always reliable",
|
||||
"Always ready",
|
||||
],
|
||||
id: "m2", value: "99.9%", title: "Uptime", items: [
|
||||
"Always reliable", "Always ready"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5M+",
|
||||
title: "Focus Hours",
|
||||
items: [
|
||||
"Hours of deep work",
|
||||
"Proven results",
|
||||
],
|
||||
id: "m3", value: "5M+", title: "Focus Hours", items: [
|
||||
"Hours of deep work", "Proven results"],
|
||||
},
|
||||
]}
|
||||
title="Optimized Productivity"
|
||||
@@ -175,37 +120,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sam W.",
|
||||
handle: "@samw",
|
||||
testimonial: "It's the only timer I trust for high-stakes deep work.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/abstract-geometric-shapes-floating-in-da-1774611590810-3d96847d.png?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sam W.", handle: "@samw", testimonial: "It's the only timer I trust for high-stakes deep work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/abstract-geometric-shapes-floating-in-da-1774611590810-3d96847d.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elise R.",
|
||||
handle: "@eliser",
|
||||
testimonial: "I love how it respects my time and focus.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/soft-golden-light-beams-on-a-dark-textur-1774611590718-081bd53b.png?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Elise R.", handle: "@eliser", testimonial: "I love how it respects my time and focus.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/soft-golden-light-beams-on-a-dark-textur-1774611590718-081bd53b.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David B.",
|
||||
handle: "@dblogs",
|
||||
testimonial: "The best UI implementation for a timer app.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/dark-minimalist-texture-with-thin-golden-1774611590906-9e0b5e71.png?_wi=2",
|
||||
},
|
||||
id: "t3", name: "David B.", handle: "@dblogs", testimonial: "The best UI implementation for a timer app.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/dark-minimalist-texture-with-thin-golden-1774611590906-9e0b5e71.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Zara T.",
|
||||
handle: "@zarat",
|
||||
testimonial: "Simple. Beautiful. Indispensable.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/digital-glitch-effect-in-subtle-gold-col-1774611590869-6210de61.png?_wi=2",
|
||||
},
|
||||
id: "t4", name: "Zara T.", handle: "@zarat", testimonial: "Simple. Beautiful. Indispensable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWiZrBQ3qZEX1QXi0tXbuZG6xy/digital-glitch-effect-in-subtle-gold-col-1774611590869-6210de61.png"},
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="Real feedback from professionals who rely on our timer."
|
||||
@@ -216,13 +142,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="BlockTimer"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@blocktimer.app",
|
||||
}}
|
||||
text: "Contact Support", href: "mailto:hello@blocktimer.app"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user