From cf59d7fea344f4002226a0b8cab3c5c0dbff45f3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 1 May 2026 07:17:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 390 +++++++++++++++++------------------------------
 1 file changed, 136 insertions(+), 254 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a9edacf..1a2f5df 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,270 +15,152 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="StockFlow Pro"
-      button={{
-        text: "Get Started",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "About", id: "about" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="StockFlow Pro"
+            button={{ text: "Get Started" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Master Your Inventory Anywhere"
-      description="Powerful desktop stock management software designed for offline productivity, advanced reporting, and seamless user role management."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-home-office-with-tablet-laptop-shows-infographics-accounting-data_482257-91198.jpg",
-          imageAlt: "stock management dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
-          imageAlt: "stock management dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
-          imageAlt: "stock management dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg",
-          imageAlt: "Empty business workspace with device showing data analytics and infographics",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-100071.jpg",
-          imageAlt: "Empty urban office used as insurance agency headquarters to help people",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="Master Your Inventory Anywhere"
+            description="Powerful desktop stock management software designed for offline productivity, advanced reporting, and seamless user role management."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-home-office-with-tablet-laptop-shows-infographics-accounting-data_482257-91198.jpg", imageAlt: "stock management dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg", imageAlt: "stock management dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg", imageAlt: "stock management dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg", imageAlt: "Empty business workspace with device showing data analytics and infographics" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/empty-urban-office-used-as-insurance-agency-headquarters-help-people_482257-100071.jpg", imageAlt: "Empty urban office used as insurance agency headquarters to help people" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Inventory Tracking",
-          description: "Manage stock levels, categories, and movements with full offline capability.",
-          imageSrc: "http://img.b2bpic.net/free-photo/unlocking-car-by-qr-code-smartphone_53876-95797.jpg",
-        },
-        {
-          title: "Robust Reporting",
-          description: "Generate comprehensive sales, stock, and profit reports instantly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-discussion-corporate-concept_53876-121054.jpg",
-        },
-        {
-          title: "User Management",
-          description: "Define custom user roles and permissions for team access control.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg",
-        },
-      ]}
-      title="Core Features"
-      description="Everything you need to manage your inventory and team efficiently."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            features={[
+              { title: "Inventory Tracking", description: "Manage stock levels, categories, and movements with full offline capability.", imageSrc: "http://img.b2bpic.net/free-photo/unlocking-car-by-qr-code-smartphone_53876-95797.jpg" },
+              { title: "Robust Reporting", description: "Generate comprehensive sales, stock, and profit reports instantly.", imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-discussion-corporate-concept_53876-121054.jpg" },
+              { title: "User Management", description: "Define custom user roles and permissions for team access control.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-with-blue-icons_1134-57.jpg" },
+            ]}
+            title="Core Features"
+            description="Everything you need to manage your inventory and team efficiently."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Designed for Reliability",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/unrecognizable-man-working-with-tablet_23-2147717389.jpg",
-          alt: "stock management dashboard",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Designed for Reliability" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/unrecognizable-man-working-with-tablet_23-2147717389.jpg", alt: "stock management dashboard" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Performance at a Glance"
-      tag="Trusted by Pros"
-      metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          description: "Offline Ready",
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          description: "Stock Items Managed",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Always Available",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Performance at a Glance"
+            tag="Trusted by Pros"
+            metrics={[
+              { id: "m1", value: "100%", description: "Offline Ready" },
+              { id: "m2", value: "5k+", description: "Stock Items Managed" },
+              { id: "m3", value: "24/7", description: "Always Available" },
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Excellent tool",
-          quote: "The best offline stock management system I have used.",
-          name: "John Doe",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
-        },
-        {
-          id: "t2",
-          title: "Great reporting",
-          quote: "Reporting features are incredibly fast and accurate.",
-          name: "Jane Smith",
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
-        {
-          id: "t3",
-          title: "Easy user roles",
-          quote: "User management helped us define precise access control.",
-          name: "Mark Wilson",
-          role: "IT Admin",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
-        },
-        {
-          id: "t4",
-          title: "Very reliable",
-          quote: "Works flawlessly without needing any internet connection.",
-          name: "Sarah Miller",
-          role: "Retail Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
-        },
-        {
-          id: "t5",
-          title: "Highly recommended",
-          quote: "The performance is top-notch for our warehouse.",
-          name: "David Brown",
-          role: "Operations",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg",
-        },
-      ]}
-      title="Trusted by Businesses"
-      description="See why inventory managers choose our desktop solution."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", title: "Excellent tool", quote: "The best offline stock management system I have used.", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg" },
+              { id: "t2", title: "Great reporting", quote: "Reporting features are incredibly fast and accurate.", name: "Jane Smith", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
+              { id: "t3", title: "Easy user roles", quote: "User management helped us define precise access control.", name: "Mark Wilson", role: "IT Admin", imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg" },
+              { id: "t4", title: "Very reliable", quote: "Works flawlessly without needing any internet connection.", name: "Sarah Miller", role: "Retail Lead", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg" },
+              { id: "t5", title: "Highly recommended", quote: "The performance is top-notch for our warehouse.", name: "David Brown", role: "Operations", imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg" },
+            ]}
+            title="Trusted by Businesses"
+            description="See why inventory managers choose our desktop solution."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Is internet needed?",
-          content: "No, it is a fully desktop-based offline application.",
-        },
-        {
-          id: "f2",
-          title: "Are reports exportable?",
-          content: "Yes, you can export all reports in multiple formats.",
-        },
-        {
-          id: "f3",
-          title: "Can I add more users?",
-          content: "Absolutely, our user management system supports unlimited users.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Find answers to the most common queries about our system."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/empty-business-office-with-cubicles-used-organizational-activity-efficiency_482257-125625.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Is internet needed?", content: "No, it is a fully desktop-based offline application." },
+              { id: "f2", title: "Are reports exportable?", content: "Yes, you can export all reports in multiple formats." },
+              { id: "f3", title: "Can I add more users?", content: "Absolutely, our user management system supports unlimited users." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Find answers to the most common queries about our system."
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/empty-business-office-with-cubicles-used-organizational-activity-efficiency_482257-125625.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get Started"
-      title="Request a Demo"
-      description="Start managing your stock more effectively today."
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-office-desk-with-copy-space_23-2148219239.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Get Started"
+            title="Request a Demo"
+            description="Start managing your stock more effectively today."
+            imageSrc="http://img.b2bpic.net/free-photo/flat-lay-office-desk-with-copy-space_23-2148219239.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Features",
-          items: [
-            {
-              label: "Inventory",
-              href: "#features",
-            },
-            {
-              label: "Reports",
-              href: "#features",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 StockFlow Pro. All rights reserved."
-      bottomRightText="Built for desktop."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "#about" },
+                  { label: "Contact", href: "#contact" },
+                ],
+              },
+              {
+                title: "Features",                items: [
+                  { label: "Inventory", href: "#features" },
+                  { label: "Reports", href: "#features" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 StockFlow Pro. All rights reserved."
+            bottomRightText="Built for desktop."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1