From b8c4105fb9e9cfdc6ebb74ba1517a3c452d81e96 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 12:29:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 282 +++++++++++++++++------------------------------
 1 file changed, 103 insertions(+), 179 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c52bebb..98233e5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import { Briefcase, Heart, Maximize, Star, Sun } from "lucide-react";
+import { Heart, Briefcase, Maximize, Star, Sun } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -25,190 +25,114 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      brandName="For Ruoooo"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            brandName="For Ruoooo"
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "ready" },
+              { name: "Reasons", id: "reasons" },
+              { name: "Secret", id: "password" },
+              { name: "Final", id: "final" }
+            ]}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Welcome, Ruoooo! 💕"
-      description="A very special journey for a very special person."
-      testimonials={[
-        {
-          name: "The Sun",
-          handle: "@shining",
-          testimonial: "Your smile lights up the whole room, Ruoooo! Happy birthday!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/roses-by-small-bowl-red-popcorn-marble-table_114579-56540.jpg?_wi=1",
-        },
-        {
-          name: "The Moon",
-          handle: "@glowing",
-          testimonial: "You deserve the most beautiful, sparkling birthday ever.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/floral-ornaments_23-2148134120.jpg?_wi=1",
-        },
-        {
-          name: "The Stars",
-          handle: "@twinkling",
-          testimonial: "Sending you all the birthday magic in the galaxy today.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-bowl-popcorn-candy-resting-top-piece-pink-fabric-marble-table_114579-56527.jpg?_wi=1",
-        },
-        {
-          name: "The Breeze",
-          handle: "@whispering",
-          testimonial: "May your year be as sweet as you are. Enjoy every moment!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beautiful-valentine-s-day-concept_23-2148717890.jpg?_wi=1",
-        },
-        {
-          name: "The Flowers",
-          handle: "@blooming",
-          testimonial: "Wishing the cutest girl a day filled with laughter and love.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/festive-frame-with-one-rose-pink-wall-top-view-flat-lay-copy-space_127032-2189.jpg?_wi=1",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/festive-frame-with-one-rose-pink-wall-top-view-flat-lay-copy-space_127032-2189.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/festive-frame-with-one-rose-pink-wall-top-view-flat-lay-copy-space_127032-2189.jpg",
-          alt: "Avatar 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/roses-by-small-bowl-red-popcorn-marble-table_114579-56540.jpg",
-          alt: "Avatar 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/floral-ornaments_23-2148134120.jpg",
-          alt: "Avatar 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/glass-bowl-popcorn-candy-resting-top-piece-pink-fabric-marble-table_114579-56527.jpg",
-          alt: "Avatar 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/flat-lay-beautiful-valentine-s-day-concept_23-2148717890.jpg",
-          alt: "Avatar 5",
-        },
-      ]}
-      avatarText="Loved by everyone!"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Welcome, Ruoooo! 💕"
+            description="A very special journey for a very special person."
+            testimonials={[
+              { name: "The Sun", handle: "@shining", testimonial: "Your smile lights up the whole room, Ruoooo! Happy birthday!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/roses-by-small-bowl-red-popcorn-marble-table_114579-56540.jpg" },
+              { name: "The Moon", handle: "@glowing", testimonial: "You deserve the most beautiful, sparkling birthday ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/floral-ornaments_23-2148134120.jpg" },
+              { name: "The Stars", handle: "@twinkling", testimonial: "Sending you all the birthday magic in the galaxy today.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glass-bowl-popcorn-candy-resting-top-piece-pink-fabric-marble-table_114579-56527.jpg" },
+              { name: "The Breeze", handle: "@whispering", testimonial: "May your year be as sweet as you are. Enjoy every moment!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beautiful-valentine-s-day-concept_23-2148717890.jpg" },
+              { name: "The Flowers", handle: "@blooming", testimonial: "Wishing the cutest girl a day filled with laughter and love.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/festive-frame-with-one-rose-pink-wall-top-view-flat-lay-copy-space_127032-2189.jpg" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/festive-frame-with-one-rose-pink-wall-top-view-flat-lay-copy-space_127032-2189.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/festive-frame-with-one-rose-pink-wall-top-view-flat-lay-copy-space_127032-2189.jpg", alt: "Avatar 1" },
+              { src: "http://img.b2bpic.net/free-photo/roses-by-small-bowl-red-popcorn-marble-table_114579-56540.jpg", alt: "Avatar 2" },
+              { src: "http://img.b2bpic.net/free-photo/floral-ornaments_23-2148134120.jpg", alt: "Avatar 3" },
+              { src: "http://img.b2bpic.net/free-photo/glass-bowl-popcorn-candy-resting-top-piece-pink-fabric-marble-table_114579-56527.jpg", alt: "Avatar 4" },
+              { src: "http://img.b2bpic.net/free-photo/flat-lay-beautiful-valentine-s-day-concept_23-2148717890.jpg", alt: "Avatar 5" }
+            ]}
+            avatarText="Loved by everyone!"
+          />
+        </div>
 
-  <div id="ready" data-section="ready">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Are you ready yaa ruoooo! 💕"
-      description="Click the button below to start your surprise."
-      metrics={[
-        {
-          value: "100%",
-          title: "Celebration Level",
-        },
-        {
-          value: "∞",
-          title: "Happiness Factor",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/glass-bowl-popcorn-candy-resting-top-piece-pink-fabric-marble-table_114579-56527.jpg?_wi=2"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="ready" data-section="ready">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Are you ready yaa ruoooo! 💕"
+            description="Click the button below to start your surprise."
+            metrics={[
+              { value: "100%", title: "Celebration Level" },
+              { value: "∞", title: "Happiness Factor" }
+            ]}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/glass-bowl-popcorn-candy-resting-top-piece-pink-fabric-marble-table_114579-56527.jpg"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="message" data-section="message">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "Why today?",
-          content: "Because the world became a much brighter place the day you were born.",
-        },
-        {
-          id: "2",
-          title: "My wish for you",
-          content: "That you always feel as cherished, celebrated, and loved as you are right now.",
-        },
-      ]}
-      title="Message for you"
-      description="Read this letter with all my heart."
-      faqsAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/floral-ornaments_23-2148134120.jpg?_wi=2"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="message" data-section="message">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "Why today?", content: "Because the world became a much brighter place the day you were born." },
+              { id: "2", title: "My wish for you", content: "That you always feel as cherished, celebrated, and loved as you are right now." }
+            ]}
+            title="Message for you"
+            description="Read this letter with all my heart."
+            faqsAnimation="blur-reveal"
+            imageSrc="http://img.b2bpic.net/free-photo/floral-ornaments_23-2148134120.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="reasons" data-section="reasons">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Heart,
-          title: "Cutest girl in the world",
-          description: "Simply the best.",
-        },
-        {
-          icon: Briefcase,
-          title: "Big biceps",
-          description: "Super strong!",
-        },
-        {
-          icon: Maximize,
-          title: "156 cm tall",
-          description: "Perfect height.",
-        },
-        {
-          icon: Star,
-          title: "Lovely soul",
-          description: "Truly unique.",
-        },
-        {
-          icon: Sun,
-          title: "Positive soul",
-          description: "Always shining.",
-        },
-      ]}
-      title="You thought it was over!!!!"
-      description="We've only just begun! Here are reasons I love you."
-    />
-  </div>
+        <div id="reasons" data-section="reasons">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Heart, title: "Cutest girl in the world", description: "Simply the best." },
+              { icon: Briefcase, title: "Big biceps", description: "Super strong!" },
+              { icon: Maximize, title: "156 cm tall", description: "Perfect height." },
+              { icon: Star, title: "Lovely soul", description: "Truly unique." },
+              { icon: Sun, title: "Positive soul", description: "Always shining." }
+            ]}
+            title="You thought it was over!!!!"
+            description="We've only just begun! Here are reasons I love you."
+          />
+        </div>
 
-  <div id="password" data-section="password">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Secret"
-      title="ENTER THE SECRET PASSWORD"
-      description="Only for the birthday girl."
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-beautiful-valentine-s-day-concept_23-2148717890.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="password" data-section="password">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Secret"
+            title="ENTER THE SECRET PASSWORD"
+            description="Only for the birthday girl."
+            imageSrc="http://img.b2bpic.net/free-photo/flat-lay-beautiful-valentine-s-day-concept_23-2148717890.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="final" data-section="final">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Final Surprise"
-      title="happy birthday day yaa ruoooo 🎂❤️"
-      description="I hope you love it wish you all the best ya katkott enjoy your day"
-      imageSrc="http://img.b2bpic.net/free-photo/roses-by-small-bowl-red-popcorn-marble-table_114579-56540.jpg?_wi=2"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="final" data-section="final">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Final Surprise"
+            title="happy birthday day yaa ruoooo 🎂❤️"
+            description="I hope you love it wish you all the best ya katkott enjoy your day"
+            imageSrc="http://img.b2bpic.net/free-photo/roses-by-small-bowl-red-popcorn-marble-table_114579-56540.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1