From d02332bb3cd0a92efa828567a18353659a4afc64 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Feb 2026 11:07:32 +0000
Subject: [PATCH] Switch to version 10: modified src/app/page.tsx

---
 src/app/page.tsx | 132 +++++++++++++++++++++++++----------------------
 1 file changed, 69 insertions(+), 63 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 58b887a..37dddc5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import { Sparkles, TrendingUp, Users } from 'lucide-react';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Package, Camera, Users, TrendingUp } from 'lucide-react';
 
 export default function SitePage() {
   return (
@@ -30,12 +30,13 @@ export default function SitePage() {
         <NavbarLayoutFloatingOverlay
           navItems={[
             { name: "Moments", id: "features" },
-            { name: "Pricing", id: "pricing" },
+            { name: "Products", id: "products" },
             { name: "About", id: "about" },
             { name: "Stories", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
+            { name: "Achievements", id: "achievements" }
           ]}
-          brandName="Sleep Day"
+          brandName="Life In Me"
           button={{ text: "View Gallery", href: "#gallery" }}
           buttonClassName="min-w-fit px-4 py-2 text-sm rounded-full font-medium shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out"
           buttonTextClassName="text-foreground"
@@ -44,7 +45,7 @@ export default function SitePage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardRotatedCarousel
-          title="Sleep Day: A Visual Journey"
+          title="Life In Me: A Visual Journey"
           description="Discover a curated collection of moments, emotions, and stories captured through the lens. Each photograph tells a unique tale from the journey of life."
           background={{ variant: "radial-gradient" }}
           buttons={[
@@ -64,58 +65,65 @@ export default function SitePage() {
           tag="Photography Collection"
           tagAnimation="slide-up"
           buttonAnimation="slide-up"
-          ariaLabel="Hero section for In My Life photo gallery"
-        />
-      </div>
-
-      <div id="pricing" data-section="pricing">
-        <PricingCardOne
-          plans={[
-            {
-              id: "basic",              badge: "Standard",              price: "$19/mo",              subtitle: "Essential features for your daily sleep tracking.",              features: ["Track sleep cycles", "Daily insights", "Basic reports"],
-              badgeIcon: Sparkles
-            },
-            {
-              id: "pro",              badge: "Most Popular",              price: "$29/mo",              subtitle: "Advanced tools for deep sleep analysis.",              features: ["All Standard features", "Detailed REM analysis", "Personalized recommendations", "Integrates with wearables"],
-              badgeIcon: Sparkles
-            },
-            {
-              id: "premium",              badge: "Ultimate",              price: "$49/mo",              subtitle: "Comprehensive suite for optimal sleep health.",              features: ["All Pro features", "One-on-one coaching", "Custom soundscapes", "Sleep environment tracking", "Premium support"],
-              badgeIcon: Sparkles
-            }
-          ]}
-          animationType="slide-up"
-          title="Choose Your Sleep Plan"
-          description="Select the perfect plan to help you achieve your best sleep."
-          textboxLayout="default"
-          useInvertedBackground={false}
+          ariaLabel="Hero section for Life In Me photo gallery"
         />
       </div>
 
       <div id="features" data-section="features">
-        <FeatureProcessSteps
-          title="Featured Moments"
-          description="Dive into the heart of our collection. Each image is a hand-picked highlight, carefully selected to evoke emotion and spark imagination."
-          steps={[
-            { number: "01", title: "Scenic Landscapes", description: "Majestic views and breathtaking natural wonders, captured in their purest form.", tag: "Nature" },
-            { number: "02", title: "Intimate Portraits", description: "Raw emotions and unique personalities, revealed in every thoughtful gaze.", tag: "People" },
-            { number: "03", title: "Urban Explorations", description: "The vibrant pulse and hidden corners of cities around the world.", tag: "Cities" },
-            { number: "04", title: "Abstract Visions", description: "Exploring form, color, and light in unconventional and artistic ways.", tag: "Art" }
+        <FeatureCardNine
+          title="Capturing Life's Essence"
+          description="Every frame tells a story, beautifully preserved through our unique lens. Explore the features that make our gallery special."
+          features={[
+            {
+              id: 1,
+              title: "Immersive Storytelling",              description: "Our photographers craft visual narratives that draw you into the heart of each moment, making you feel every emotion.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-photo-with-smart-phone_23-2147774218.jpg", imageAlt: "Man taking photo with smartphone" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-empty-screen-wooden-table_23-2148293980.jpg", imageAlt: "Smartphone on wooden table" },
+            },
+            {
+              id: 2,
+              title: "Curated Collections",              description: "From breathtaking landscapes to intimate portraits, our gallery offers diverse collections to explore and inspire.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/group-photos-printed-film-photo-display-board_23-2149547116.jpg", imageAlt: "Photo display board" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vintage-photo-camera-background_23-2148408226.jpg", imageAlt: "Vintage camera" },
+            },
+            {
+              id: 3,
+              title: "Seamless Experience",              description: "Navigate our intuitive platform with ease, find your favorite moments, and share them with the world.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-taking-picture-river_23-2147814717.jpg", imageAlt: "Hand holding smartphone taking picture" },
+              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-camera-close-up_23-2148810675.jpg", imageAlt: "Photographer using camera" },
+            },
           ]}
-          stepsAnimation="slide-up"
+          showStepNumbers={true}
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Categories", href: "#gallery" }]
-          }
-          tag="Curated Selection"
-          tagAnimation="slide-up"
-          buttonAnimation="slide-up"
+          tag="Our Methodology"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          products={[
+            { id: '1', name: 'Vintage Camera', price: '$299', variant: 'Classic Black Edition', imageSrc: 'http://img.b2bpic.net/free-photo/old-vintage-camera-white-background_1462-1049.jpg', imageAlt: 'Vintage camera' },
+            { id: '2', name: 'Photo Album', price: '$45', variant: 'Leather Bound', imageSrc: 'http://img.b2bpic.net/free-photo/vintage-photo-album-white_1203-5182.jpg', imageAlt: 'Leather bound photo album' },
+            { id: '3', name: 'Tripod Stand', price: '$75', variant: 'Lightweight Aluminum', imageSrc: 'http://img.b2bpic.net/free-photo/camera-stand-isolated-white-background_1203-5969.jpg', imageAlt: 'Camera tripod stand' },
+            { id: '4', name: 'Lens Cleaning Kit', price: '$20', variant: 'Pro Series', imageSrc: 'http://img.b2bpic.net/free-photo/still-life-set-professional-cleaning-lens-d_23-2148906323.jpg', imageAlt: 'Lens cleaning kit' }
+          ]}
+          title="Our Products"
+          description="Enhance your photography journey with our carefully selected range of products."
+          tag="Shop Now"
+          tagIcon={Package}
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Browse All", href: "#products" }
+          ]}
         />
       </div>
 
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
           title="Our Journey Through the Lens"
-          description="'Sleep Day' is more than just a gallery; it's a testament to moments that shape us. From the smallest details to the grandest vistas, we believe every photograph holds a piece of a larger story. Our passion is to preserve these fleeting instants, making them timeless for you to revisit and cherish."
+          description="'My Photo Gallery' is more than just a gallery; it's a testament to moments that shape us. From the smallest details to the grandest vistas, we believe every photograph holds a piece of a larger story. Our passion is to preserve these fleeting instants, making them timeless for you to revisit and cherish."
           metrics={[
             { value: "10+", title: "Years of Capturing Memories" },
             { value: "5000+", title: "Photographs in Collection" }
@@ -132,13 +140,13 @@ export default function SitePage() {
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive
           testimonials={[
-            { id: "1", name: "Anya Sharma, Art Collector", date: "Date: October 26, 2023", title: "Truly Breathtaking Photography!", quote: "The 'In My Life' gallery captures a raw authenticity that is rare and beautiful. Each piece resonates deeply, telling a story that feels both personal and universal. A true treasure.", tag: "Insightful", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embraces-her-groom-forest_1153-5973.jpg", imageAlt: "Happy couple during a wedding photoshoot" },
-            { id: "2", name: "Mark Benson, Lifestyle Blogger", date: "Date: November 15, 2023", title: "An Inspiring Collection!", quote: "I'm constantly looking for inspiration, and 'In My Life' delivers. The curation is exceptional, and the quality of the photography is simply stunning. It truly enriches my perspective.", tag: "Inspiring", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mother-hand-holding-baby-little-arm_23-2148341974.jpg", imageAlt: "Parental hands gently holding a newborn baby" },
+            { id: "1", name: "Anya Sharma, Art Collector", date: "Date: October 26, 2023", title: "Truly Breathtaking Photography!", quote: "The 'My Photo Gallery' gallery captures a raw authenticity that is rare and beautiful. Each piece resonates deeply, telling a story that feels both personal and universal. A true treasure.", tag: "Insightful", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embraces-her-groom-forest_1153-5973.jpg", imageAlt: "Happy couple during a wedding photoshoot" },
+            { id: "2", name: "Mark Benson, Lifestyle Blogger", date: "Date: November 15, 2023", title: "An Inspiring Collection!", quote: "I'm constantly looking for inspiration, and 'My Photo Gallery' delivers. The curation is exceptional, and the quality of the photography is simply stunning. It truly enriches my perspective.", tag: "Inspiring", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mother-hand-holding-baby-little-arm_23-2148341974.jpg", imageAlt: "Parental hands gently holding a newborn baby" },
             { id: "3", name: "Chloe Davis, Photographer", date: "Date: December 01, 2023", title: "Masterful Storytelling through Images", quote: "As a fellow photographer, I deeply appreciate the artistry and emotion conveyed in this gallery. It's a masterclass in visual storytelling and a reminder of the power of a single frame.", tag: "Artistic", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-photographer-taking-pictures-with-compact-camera-grey-background_613910-9350.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cute-family-playing-summer-field_1157-36882.jpg", imageAlt: "Family posing for a portrait in a park" },
-            { id: "4", name: "Ethan Kim, Memory Keeper", date: "Date: January 20, 2024", title: "Reliving My Own Moments", quote: "Browsing through 'In My Life' is like reliving my own cherished memories. The photos are so vivid and evocative, they transport you to another time and place. Highly recommend.", tag: "Emotional", avatarSrc: "http://img.b2bpic.net/free-photo/i-like-that-good-job-happy-young-dark-skinned-female-wearing-casual-long-sleeved-t-shirt-making-thumbs-up-sign-smiling-cheerfully-showing-her-support-respect-someone-body-language_273609-1258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dark-low-clouds-beautiful-mountains-lake-pines-backpack-with-scooter-front_613910-17385.jpg", imageAlt: "Person admiring a panoramic mountain view" }
+            { id: "4", name: "Ethan Kim, Memory Keeper", date: "Date: January 20, 2024", title: "Reliving My Own Moments", quote: "Browsing through 'My Photo Gallery' is like reliving my own cherished memories. The photos are so vivid and evocative, they transport you to another time and place. Highly recommend.", tag: "Emotional", avatarSrc: "http://img.b2bpic.net/free-photo/i-like-that-good-job-happy-young-dark-skinned-female-wearing-casual-long-sleeved-t-shirt-making-thumbs-up-sign-smiling-cheerfully-showing-her-support-respect-someone-body-language_273609-1258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dark-low-clouds-beautiful-mountains-lake-pines-backpack-with-scooter-front_613910-17385.jpg", imageAlt: "Person admiring a panoramic mountain view" }
           ]}
           title="Client Stories"
-          description="Hear from those who have been touched by the beauty and depth of 'Sleep Day' photo gallery."
+          description="Hear from those who have been touched by the beauty and depth of 'My Photo Gallery' photo gallery."
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Testimonials"
@@ -166,31 +174,29 @@ export default function SitePage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
+      <div id="achievements" data-section="achievements">
         <MetricCardOne
+          title="Our Gallery's Milestones"
+          description="Celebrating the impact and reach of 'My Photo Gallery' over the years."
           metrics={[
-            {
-              id: "1",              value: "8",              title: "hours",              description: "Average user sleep per night",              icon: TrendingUp
-            },
-            {
-              id: "2",              value: "90",              title: "million",              description: "Total sleep data points analyzed",              icon: Users
-            }
+            { id: "1", value: "10K", title: "Moments Captured", description: "Thousands of unique photographs preserving fleeting beauty.", icon: Camera },
+            { id: "2", value: "500+", title: "Artists Featured", description: "A growing community of photographers contributing their vision.", icon: Users },
+            { id: "3", value: "99%", title: "Visitor Satisfaction", description: "Our visitors consistently praise the quality and curation.", icon: TrendingUp }
           ]}
-          title="Our Sleep Impact"
-          description="See the numbers behind a good night's rest."
           gridVariant="uniform-all-items-equal"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          tag="Our Impact"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterLogoReveal
-          logoText="Sleep Day"
+          logoText="Life In Me"
           leftLink={{ text: "Privacy Policy", href: "/privacy" }}
           rightLink={{ text: "Terms of Service", href: "/terms" }}
-          ariaLabel="Site footer for In My Life photo gallery"
+          ariaLabel="Site footer for Life In Me photo gallery"
         />
       </div>
     </ThemeProvider>