Update src/app/page.tsx
This commit is contained in:
230
src/app/page.tsx
230
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Activity, CheckCircle, Droplet, Link, Lock, Maximize, Shield, Wind, Zap } from "lucide-react";
|
||||
import { Activity, CheckCircle, Droplet, Link, Lock, Maximize, Shield, Wind, Zap, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Design",
|
||||
id: "#design",
|
||||
},
|
||||
{
|
||||
name: "Sensors",
|
||||
id: "#sensors",
|
||||
},
|
||||
{
|
||||
name: "Bands",
|
||||
id: "#bands",
|
||||
},
|
||||
{
|
||||
name: "Specs",
|
||||
id: "#specs",
|
||||
},
|
||||
{ name: "Design", id: "#design" },
|
||||
{ name: "Sensors", id: "#sensors" },
|
||||
{ name: "Bands", id: "#bands" },
|
||||
{ name: "Specs", id: "#specs" },
|
||||
]}
|
||||
brandName="AURA-Link"
|
||||
/>
|
||||
@@ -49,13 +44,8 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="AURA-Link"
|
||||
description="The ultimate anti-smartwatch performance wearable. Total focus. Total precision. No compromises."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Technology",
|
||||
href: "#design",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df7BrqHekJbf0JwnZVPres5doV/uploaded-1778661601905-gywd2xsg.jpg?_wi=1"
|
||||
buttons={[{ text: "Explore Technology", href: "#design" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df7BrqHekJbf0JwnZVPres5doV/uploaded-1778661601905-gywd2xsg.jpg"
|
||||
imageAlt="AURA-Link Wearable Tracking System"
|
||||
/>
|
||||
</div>
|
||||
@@ -67,44 +57,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Titanium Core",
|
||||
description: "Grade-5 titanium shell, sandblasted for a stealth aesthetic.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg?_wi=1",
|
||||
},
|
||||
title: "Titanium Core", description: "Grade-5 titanium shell, sandblasted for a stealth aesthetic.", media: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Scratch-resistant",
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "CNC Precision",
|
||||
},
|
||||
{ icon: Shield, text: "Scratch-resistant" },
|
||||
{ icon: Cpu, text: "CNC Precision" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df7BrqHekJbf0JwnZVPres5doV/uploaded-1778661601905-gywd2xsg.jpg?_wi=2",
|
||||
imageAlt: "matte black tech wearable core",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Robust Versatility",
|
||||
description: "Engineered for 10 ATM pressure and extreme activity.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-glad-woman-wears-yellow-raincoat-with-hood-smiles-happily-walks-shore-mountain-lake_273609-25903.jpg",
|
||||
},
|
||||
title: "Robust Versatility", description: "Engineered for 10 ATM pressure and extreme activity.", media: { imageSrc: "http://img.b2bpic.net/free-photo/rear-view-glad-woman-wears-yellow-raincoat-with-hood-smiles-happily-walks-shore-mountain-lake_273609-25903.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Droplet,
|
||||
text: "Waterproof Seal",
|
||||
},
|
||||
{
|
||||
icon: Wind,
|
||||
text: "Aerodynamic Profile",
|
||||
},
|
||||
{ icon: Droplet, text: "Waterproof Seal" },
|
||||
{ icon: Wind, text: "Aerodynamic Profile" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174317.jpg",
|
||||
imageAlt: "matte black tech wearable core",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Precision Architecture"
|
||||
@@ -117,28 +83,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Monitoring",
|
||||
description: "Continuous heart rate tracking.",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "SpO2",
|
||||
title: "Analysis",
|
||||
description: "Blood oxygen saturation tracking.",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10ATM",
|
||||
title: "Durability",
|
||||
description: "Depth and pressure endurance.",
|
||||
icon: Link,
|
||||
},
|
||||
{ id: "m1", value: "24/7", title: "Monitoring", description: "Continuous heart rate tracking.", icon: Activity },
|
||||
{ id: "m2", value: "SpO2", title: "Analysis", description: "Blood oxygen saturation tracking.", icon: Activity },
|
||||
{ id: "m3", value: "10ATM", title: "Durability", description: "Depth and pressure endurance.", icon: Link },
|
||||
]}
|
||||
title="Bio-Telemetry Precision"
|
||||
description="Advanced multi-sensor array for high-fidelity data acquisition during intensive exercise."
|
||||
@@ -152,44 +101,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Slide Rail Lock",
|
||||
description: "Haptic, metallic locking mechanism.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545635.jpg",
|
||||
},
|
||||
title: "Slide Rail Lock", description: "Haptic, metallic locking mechanism.", media: { imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545635.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Lock,
|
||||
text: "Dual safety lock",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Tool-free exchange",
|
||||
},
|
||||
{ icon: Lock, text: "Dual safety lock" },
|
||||
{ icon: Zap, text: "Tool-free exchange" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df7BrqHekJbf0JwnZVPres5doV/uploaded-1778661601905-gywd2xsg.jpg?_wi=3",
|
||||
imageAlt: "mechanical watch band lock",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Performance Integration",
|
||||
description: "Designed for maximum skin contact.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9084.jpg",
|
||||
},
|
||||
title: "Performance Integration", description: "Designed for maximum skin contact.", media: { imageSrc: "http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9084.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "No movement",
|
||||
},
|
||||
{
|
||||
icon: Maximize,
|
||||
text: "Adaptive fit",
|
||||
},
|
||||
{ icon: CheckCircle, text: "No movement" },
|
||||
{ icon: Maximize, text: "Adaptive fit" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg?_wi=2",
|
||||
imageAlt: "mechanical watch band lock",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Modular Locking System"
|
||||
@@ -204,27 +129,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Neon Performance",
|
||||
price: "€59",
|
||||
variant: "Stretch-Nylon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cord-rope-isolated-white-surface_181624-37738.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ocean Lifestyle",
|
||||
price: "€49",
|
||||
variant: "Ocean Plastic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-screen-digital-device_53876-96833.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Titan Edition",
|
||||
price: "€199",
|
||||
variant: "Grade-5 Titanium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-rimmel-dark-blackboard_23-2148210801.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Neon Performance", price: "€59", variant: "Stretch-Nylon", imageSrc: "http://img.b2bpic.net/free-photo/white-cord-rope-isolated-white-surface_181624-37738.jpg" },
|
||||
{ id: "p2", name: "Ocean Lifestyle", price: "€49", variant: "Ocean Plastic", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-screen-digital-device_53876-96833.jpg" },
|
||||
{ id: "p3", name: "Titan Edition", price: "€199", variant: "Grade-5 Titanium", imageSrc: "http://img.b2bpic.net/free-photo/group-rimmel-dark-blackboard_23-2148210801.jpg" },
|
||||
]}
|
||||
title="Band Ecosystem"
|
||||
description="Premium bands for every environment, from track sessions to daily living."
|
||||
@@ -235,21 +142,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Why no display?",
|
||||
content: "Total focus. Screens are distractions; AURA-Link is data.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How to charge?",
|
||||
content: "Inductive charging via an included magnetic dock.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Battery life?",
|
||||
content: "Up to 10 days of normal usage.",
|
||||
},
|
||||
{ id: "q1", title: "Why no display?", content: "Total focus. Screens are distractions; AURA-Link is data." },
|
||||
{ id: "q2", title: "How to charge?", content: "Inductive charging via an included magnetic dock." },
|
||||
{ id: "q3", title: "Battery life?", content: "Up to 10 days of normal usage." },
|
||||
]}
|
||||
sideTitle="Tech Insights"
|
||||
sideDescription="Common questions regarding the AURA-Link system."
|
||||
@@ -262,14 +157,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Runners Collective",
|
||||
"Triathlon Pro",
|
||||
"Olympic Tech",
|
||||
"Crossfit Elite",
|
||||
"Alpine Guide",
|
||||
"Marathon Series",
|
||||
"Endurance Lab",
|
||||
]}
|
||||
"Runners Collective", "Triathlon Pro", "Olympic Tech", "Crossfit Elite", "Alpine Guide", "Marathon Series", "Endurance Lab"]}
|
||||
title="Trusted by Athletes"
|
||||
description="Engineered for those who push their limits daily."
|
||||
/>
|
||||
@@ -278,17 +166,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Waitlist"
|
||||
title="Secure Your AURA-Link"
|
||||
description="Sign up to be among the first to experience the ultimate performance wearable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Waitlist",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Join Waitlist" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -298,30 +180,10 @@ export default function LandingPage() {
|
||||
logoText="AURA-Link"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#design",
|
||||
},
|
||||
{
|
||||
label: "Tech Specs",
|
||||
href: "#specs",
|
||||
},
|
||||
],
|
||||
title: "Product", items: [{ label: "Design", href: "#design" }, { label: "Tech Specs", href: "#specs" }],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -329,4 +191,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user