From 4d1686469a4dc05ba77d0de4b5a0bd0535b18457 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 09:11:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 490 ++++++++++++++---------------------------------
 1 file changed, 142 insertions(+), 348 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7a6de5d..877ddbf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Activity, Award, Clock, Zap } from "lucide-react";
+import { Activity, Award, Clock, Zap, TrendingUp, Users, Clipboard } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,362 +29,156 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Metrics",
-          id: "metrics",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="LiftRate"
-      button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Features", id: "features" },
+                { name: "Metrics", id: "metrics" },
+                { name: "Pricing", id: "pricing" },
+                { name: "Contact", id: "contact" },
+              ]}
+              brandName="LiftRate"
+              button={{ text: "Get Started", href: "#contact" }}
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Rate. Track. Conquer Your Workouts."
-      description="Unlock your potential with precision workout logging, exercise rating, and performance analytics. See how your effort pays off."
-      tag="Revolutionize Your Fitness Journey"
-      buttons={[
-        {
-          text: "Track Your First Workout",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165171.jpg",
-          imageAlt: "Workout Tracking Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-phone-while-walking_1262-4856.jpg",
-          imageAlt: "Athlete Tracking Progress",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-being-scanned-by-digital-health-app_23-2151891754.jpg",
-          imageAlt: "Person being scanned by digital health app",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165165.jpg",
-          imageAlt: "Data and stats around person doing physical activity",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165179.jpg",
-          imageAlt: "Data and stats around person doing physical activity",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Trusted by 10,000+ fitness enthusiasts"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitDualMedia
+              background={{ variant: "radial-gradient" }}
+              title="Rate. Track. Conquer Your Workouts."
+              description="Unlock your potential with precision workout logging, exercise rating, and performance analytics. See how your effort pays off."
+              tag="Revolutionize Your Fitness Journey"
+              buttons={[{ text: "Track Your First Workout", href: "#contact" }]}
+              mediaItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165171.jpg", imageAlt: "Workout Tracking Dashboard" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/concentrated-man-using-phone-while-walking_1262-4856.jpg", imageAlt: "Athlete Tracking Progress" }
+              ]}
+              mediaAnimation="slide-up"
+              rating={5}
+              ratingText="Trusted by 10,000+ fitness enthusiasts"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Built for Results"
-      title="Stop Guessing, Start Improving"
-      description="We built LiftRate to bridge the gap between effort and result. Easily log every set, rate the intensity of your sessions, and watch your progression over time."
-      subdescription="Whether you are a powerlifter, marathon runner, or fitness beginner, our intuitive tracking tools help you optimize your training efficiency."
-      icon={Zap}
-      imageSrc="http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg"
-      imageAlt="Tracking Progress on Multiple Devices"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TestimonialAboutCard
+              useInvertedBackground={false}
+              tag="Built for Results"
+              title="Stop Guessing, Start Improving"
+              description="We built LiftRate to bridge the gap between effort and result. Easily log every set, rate the intensity of your sessions, and watch your progression over time."
+              subdescription="Whether you are a powerlifter, marathon runner, or fitness beginner, our intuitive tracking tools help you optimize your training efficiency."
+              icon={Zap}
+              imageSrc="http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg"
+              imageAlt="Tracking Progress on Multiple Devices"
+              mediaAnimation="blur-reveal"
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Precise Exercise Rating",
-          description: "Rate every single exercise based on RPE and intensity, helping you manage fatigue and recovery effectively.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gym-outfit-dumbbells_23-2149872134.jpg",
-          buttonIcon: "Activity",
-        },
-        {
-          title: "Visual Progress Tracking",
-          description: "Beautiful charts that illustrate your strength progression, volume increase, and endurance improvements over weeks or months.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notepad-with-weights-pen_23-2148523282.jpg",
-          buttonIcon: "TrendingUp",
-        },
-        {
-          title: "Community Sharing",
-          description: "Connect with friends, share your best workout sessions, and motivate each other to reach new PRs every week.",
-          imageSrc: "http://img.b2bpic.net/free-vector/gym-icon_1394-1539.jpg",
-          buttonIcon: "Users",
-        },
-        {
-          title: "Personalized Routine Builder",
-          description: "Create, save, and modify your workout routines on the fly with our dynamic, easy-to-use exercise library.",
-          imageSrc: "http://img.b2bpic.net/free-photo/code-icon-front-side_187299-39421.jpg",
-          buttonIcon: "Clipboard",
-        },
-      ]}
-      title="Everything You Need to Track Your Gains"
-      description="Powerful features designed to make workout tracking fast, accurate, and incredibly rewarding."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentySix
+              textboxLayout="default"
+              useInvertedBackground={true}
+              features={[
+                { title: "Precise Exercise Rating", description: "Rate every single exercise based on RPE and intensity, helping you manage fatigue and recovery effectively.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gym-outfit-dumbbells_23-2149872134.jpg", buttonIcon: Activity },
+                { title: "Visual Progress Tracking", description: "Beautiful charts that illustrate your strength progression, volume increase, and endurance improvements over weeks or months.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notepad-with-weights-pen_23-2148523282.jpg", buttonIcon: TrendingUp },
+                { title: "Community Sharing", description: "Connect with friends, share your best workout sessions, and motivate each other to reach new PRs every week.", imageSrc: "http://img.b2bpic.net/free-vector/gym-icon_1394-1539.jpg", buttonIcon: Users },
+                { title: "Personalized Routine Builder", description: "Create, save, and modify your workout routines on the fly with our dynamic, easy-to-use exercise library.", imageSrc: "http://img.b2bpic.net/free-photo/code-icon-front-side_187299-39421.jpg", buttonIcon: Clipboard }
+              ]}
+              title="Everything You Need to Track Your Gains"
+              description="Powerful features designed to make workout tracking fast, accurate, and incredibly rewarding."
+            />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "1.2M",
-          title: "Workouts Logged",
-          description: "Successful training sessions completed by our community.",
-          icon: Activity,
-        },
-        {
-          id: "m2",
-          value: "85%",
-          title: "Progression Rate",
-          description: "Average improvement in strength observed among active users.",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Support Availability",
-          description: "Always here to help you refine your routines or solve tech issues.",
-          icon: Clock,
-        },
-      ]}
-      title="Real Performance Impact"
-      description="Quantifiable data that drives real results. Our metrics provide insights that translate directly to strength gains."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardOne
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="bento-grid"
+              useInvertedBackground={false}
+              metrics={[
+                { id: "m1", value: "1.2M", title: "Workouts Logged", description: "Successful training sessions completed by our community.", icon: Activity },
+                { id: "m2", value: "85%", title: "Progression Rate", description: "Average improvement in strength observed among active users.", icon: Award },
+                { id: "m3", value: "24/7", title: "Support Availability", description: "Always here to help you refine your routines or solve tech issues.", icon: Clock }
+              ]}
+              title="Real Performance Impact"
+              description="Quantifiable data that drives real results. Our metrics provide insights that translate directly to strength gains."
+            />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="depth-3d"
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "free",
-          badge: "Basic",
-          price: "$0",
-          subtitle: "Perfect for beginners",
-          features: [
-            "Unlimited exercise logs",
-            "Basic progression charts",
-            "Community access",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Elite",
-          price: "$9.99",
-          subtitle: "For serious athletes",
-          features: [
-            "All Free features",
-            "Advanced analytics",
-            "Custom workout library",
-            "Priority support",
-          ],
-        },
-        {
-          id: "annual",
-          badge: "Pro Annual",
-          price: "$89",
-          subtitle: "Best value for pros",
-          features: [
-            "All Pro features",
-            "2 months free",
-            "Exclusive content access",
-          ],
-        },
-      ]}
-      title="Choose Your Training Partner"
-      description="Select the plan that aligns with your fitness goals and budget."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+            <PricingCardOne
+              animationType="depth-3d"
+              textboxLayout="split-description"
+              useInvertedBackground={true}
+              plans={[
+                { id: "free", badge: "Basic", price: "$0", subtitle: "Perfect for beginners", features: ["Unlimited exercise logs", "Basic progression charts", "Community access"] },
+                { id: "pro", badge: "Elite", price: "$9.99", subtitle: "For serious athletes", features: ["All Free features", "Advanced analytics", "Custom workout library", "Priority support"] },
+                { id: "annual", badge: "Pro Annual", price: "$89", subtitle: "Best value for pros", features: ["All Pro features", "2 months free", "Exclusive content access"] }
+              ]}
+              title="Choose Your Training Partner"
+              description="Select the plan that aligns with your fitness goals and budget."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Powerlifter",
-          company: "LiftLife",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-training-gym_23-2149517278.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael C.",
-          role: "Coach",
-          company: "FitLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-fit-woman-gym-medium-shot_23-2149445951.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Marathoner",
-          company: "RunFast",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor_343629-27.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Weightlifter",
-          company: "GymMasters",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg",
-        },
-        {
-          id: "5",
-          name: "Laura M.",
-          role: "Active Parent",
-          company: "BusyFit",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-training_23-2147755496.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "10K+",
-          label: "Active Users",
-        },
-        {
-          value: "5M+",
-          label: "Workouts",
-        },
-        {
-          value: "4.9/5",
-          label: "Avg Rating",
-        },
-      ]}
-      title="Proven Performance Results"
-      description="Join thousands of satisfied users who have reached their strength goals by tracking and rating their training."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSixteen
+              textboxLayout="split"
+              useInvertedBackground={false}
+              animationType="blur-reveal"
+              testimonials={[
+                { id: "1", name: "Sarah J.", role: "Powerlifter", company: "LiftLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-training-gym_23-2149517278.jpg" },
+                { id: "2", name: "Michael C.", role: "Coach", company: "FitLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-fit-woman-gym-medium-shot_23-2149445951.jpg" },
+                { id: "3", name: "Emily R.", role: "Marathoner", company: "RunFast", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nice-musculature-man-portrait-fitness-athlete-handsome-man-posing-outdoor_343629-27.jpg" },
+                { id: "4", name: "David K.", role: "Weightlifter", company: "GymMasters", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-with-cloud-talc-around-dark-background_613910-15101.jpg" },
+                { id: "5", name: "Laura M.", role: "Active Parent", company: "BusyFit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-camera-training_23-2147755496.jpg" }
+              ]}
+              kpiItems={[
+                { value: "10K+", label: "Active Users" },
+                { value: "5M+", label: "Workouts" },
+                { value: "4.9/5", label: "Avg Rating" }
+              ]}
+              title="Proven Performance Results"
+              description="Join thousands of satisfied users who have reached their strength goals by tracking and rating their training."
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Can I import my existing workouts?",
-          content: "Yes, we support bulk imports via CSV.",
-        },
-        {
-          id: "f2",
-          title: "Does it track heart rate?",
-          content: "Absolutely, we integrate with Apple Health and Google Fit.",
-        },
-        {
-          id: "f3",
-          title: "Is the mobile app available?",
-          content: "Yes, download it on iOS or Android today.",
-        },
-        {
-          id: "f4",
-          title: "Can I cancel at any time?",
-          content: "Yes, our subscriptions are flexible with no long-term contracts.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions about how LiftRate can help you reach your goals? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqDouble
+              textboxLayout="default"
+              useInvertedBackground={true}
+              faqs={[
+                { id: "f1", title: "Can I import my existing workouts?", content: "Yes, we support bulk imports via CSV." },
+                { id: "f2", title: "Does it track heart rate?", content: "Absolutely, we integrate with Apple Health and Google Fit." },
+                { id: "f3", title: "Is the mobile app available?", content: "Yes, download it on iOS or Android today." },
+                { id: "f4", title: "Can I cancel at any time?", content: "Yes, our subscriptions are flexible with no long-term contracts." }
+              ]}
+              title="Frequently Asked Questions"
+              description="Have questions about how LiftRate can help you reach your goals? We've got answers."
+              faqsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Ready to Rate Your Workouts?"
-      description="Join the fitness revolution and start logging your progress with precision today. Sign up for free."
-      buttonText="Sign Up Now"
-      tag="Contact Us"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+              useInvertedBackground={false}
+              background={{ variant: "gradient-bars" }}
+              title="Ready to Rate Your Workouts?"
+              description="Join the fitness revolution and start logging your progress with precision today. Sign up for free."
+              buttonText="Sign Up Now"
+              tag="Contact Us"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/cool-dummy-head-with-xanadu-leaves_53876-100141.jpg"
-      logoText="LiftRate"
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia
+              imageSrc="http://img.b2bpic.net/free-photo/cool-dummy-head-with-xanadu-leaves_53876-100141.jpg"
+              logoText="LiftRate"
+              columns={[
+                { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+                { title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Help Center", href: "#" }] },
+                { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1