bender/3955999a-8d31-477b-b92b-9a9f6f97fcf3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-03 07:25:57 +00:00
parent 700f8c5a06
commit 20d9390be5
1 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Sparkles, CheckCircle, Brain, Zap, Heart, Shield } from "lucide-react";
import { Sparkles, Brain, Heart, Zap, Shield } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,19 +28,19 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav">
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="AURION"
navItems={[
{ name: "Features", id: "#features" },
{ name: "Products", id: "#products" },
{ name: "Reviews", id: "#testimonials" },
{ name: "FAQ", id: "#faq" }
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "FAQ", id: "faq" }
]}
/>
</div>
<div id="hero">
<div id="hero" data-section="hero">
<HeroSplitTestimonial
title="Track Your Health. Master Your Life."
description="The Aurion smart ring delivers precision biometric monitoring for sleep, recovery, and performance. Elevate your biohacking journey with actionable insights from your body's data."
@@ -52,10 +52,11 @@ export default function LandingPage() {
testimonials={[{
name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Aurion changed how I train. I finally know when to push and when to recover.", rating: 5
}]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="problem-solution">
<div id="problem-solution" data-section="problem-solution">
<MediaAbout
title="Why Settle for Guesswork?"
description="Your body signals stress, fatigue, and burnout before you even notice. Aurion turns those signals into clarity, helping you prevent burnout before it starts."
@@ -64,21 +65,23 @@ export default function LandingPage() {
/>
</div>
<div id="features">
<div id="features" data-section="features">
<FeatureCardMedia
title="Smart Tech, Minimalist Design"
description="Medical-grade sensors wrapped in aerospace titanium. Aurion is designed to be worn anywhere, anytime."
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "s1", title: "Sleep Analysis", description: "Track cycles and REM", tag: "Rest", icon: Brain },
{ id: "s2", title: "Heart Variability", description: "Understand your stress", tag: "Focus", icon: Heart },
{ id: "s3", title: "Readiness score", description: "Your daily power level", tag: "Power", icon: Zap },
{ id: "s4", title: "Water Resistant", description: "5 ATM protection", tag: "Durability", icon: Shield }
{ id: "s1", title: "Sleep Analysis", description: "Track cycles and REM", tag: "Rest" },
{ id: "s2", title: "Heart Variability", description: "Understand your stress", tag: "Focus" },
{ id: "s3", title: "Readiness score", description: "Your daily power level", tag: "Power" },
{ id: "s4", title: "Water Resistant", description: "5 ATM protection", tag: "Durability" }
]}
/>
</div>
<div id="social-proof">
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Performance Experts"
names={["BioHacker Weekly", "Fitness Pro", "Tech Insider", "Wellness Daily"]}
@@ -88,13 +91,14 @@ export default function LandingPage() {
/>
</div>
<div id="products">
<div id="products" data-section="products">
<ProductCardFour
title="Choose Your Aurion"
description="Limited edition finishes. Grab yours before current stock runs out."
gridVariant="three-columns-all-equal-width"
animationType="scale-rotate"
useInvertedBackground={false}
textboxLayout="default"
products={[
{ id: "p1", name: "Midnight Black", price: "$349", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329708.jpg" },
{ id: "p2", name: "Champagne Gold", price: "$399", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12590.jpg" }
@@ -102,30 +106,34 @@ export default function LandingPage() {
/>
</div>
<div id="testimonials">
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="See the difference"
gridVariant="uniform-all-items-equal"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Elena Rossi", role: "Founder", company: "DesignHub", rating: 5, testimonial: "Simply beautiful and incredibly functional." }
{ id: "t1", name: "Elena Rossi", role: "Founder", company: "DesignHub", rating: 5 }
]}
/>
</div>
<div id="faq">
<div id="faq" data-section="faq">
<FaqDouble
title="Common Questions"
description="Everything you need to know about Aurion."
faqs={[
{ id: "q1", title: "Is it comfortable?", content: "Yes, lightweight and unobtrusive." },
{ id: "q2", title: "How do I sync?", content: "Automatic Bluetooth synchronization." }
]}
faqsAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={false}
/>
</div>
<div id="footer">
<div id="footer" data-section="footer">
<FooterCard />
</div>
</ReactLenis>