From 20d9390be587cf3fc4b35fc8b33bb3aa3dde7e92 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 07:25:57 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 46 +++++++++++++++++++++++++++-------------------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 784b1f2..6fb18de 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>