diff --git a/src/app/page.tsx b/src/app/page.tsx index 8966b4e..ce707ed 100644 --- a/src/app/page.tsx +++ b/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" > @@ -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() { @@ -278,17 +166,11 @@ export default function LandingPage() {
@@ -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() {
); -} +} \ No newline at end of file