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

---
 src/app/page.tsx | 326 ++++++++++++++++++++++++-----------------------
 1 file changed, 165 insertions(+), 161 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c4801bf..9ecb678 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,185 +2,189 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { Shield, Rocket, BarChart3, Code2 } from 'lucide-react';
 
-export default function LandingPage() {
+export default function Page() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="medium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="aurora"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="aurora"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Services", id: "features" },
-        { name: "Insights", id: "blog" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="TechLogic Consulting"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Blog", id: "blog" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="TechLogic Consulting"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{ variant: "gradient-bars" }}
-      title="Empowering Your Business Through Strategic IT"
-      description="We architect robust software solutions and provide expert IT consultancy to help your organization innovate, scale, and secure your digital future."
-      leftCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg", imageAlt: "IT Consulting Workspace" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg", imageAlt: "IT Architecture" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/connected-elements_1134-92.jpg", imageAlt: "Cyber Security Analyst" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg", imageAlt: "Tech Strategy Workshop" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "IT Metrics Dashboard" },
-      ]}
-      rightCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/concept-online-storage_1048-2913.jpg", imageAlt: "IT Consulting Workspace" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg", imageAlt: "IT Architecture" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/computer-program-code_1385-530.jpg", imageAlt: "Software Engineering" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", imageAlt: "IT Analytics" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/reading-statistics_1098-13505.jpg", imageAlt: "IT Strategy Session" },
-      ]}
-      buttons={[
-        { text: "Explore Services", href: "#features" },
-        { text: "Contact Us", href: "#contact" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Empowering Your Business Through Strategic IT"
+            description="We architect robust software solutions and provide expert IT consultancy to help your organization innovate, scale, and secure your digital future."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg", imageAlt: "IT Consulting Workspace" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg", imageAlt: "IT Architecture" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/connected-elements_1134-92.jpg", imageAlt: "Cyber Security Analyst" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-94719.jpg", imageAlt: "Tech Strategy Workshop" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "IT Metrics Dashboard" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/concept-online-storage_1048-2913.jpg", imageAlt: "IT Consulting Workspace" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-works-computer-solve-finance-tasks-meeting-objectives-coming-up-with_482257-133471.jpg", imageAlt: "IT Architecture" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/computer-program-code_1385-530.jpg", imageAlt: "Software Engineering" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", imageAlt: "IT Analytics" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/reading-statistics_1098-13505.jpg", imageAlt: "IT Strategy Session" }
+            ]}
+            buttons={[
+              { text: "Explore Services", href: "#features" },
+              { text: "Contact Us", href: "#contact" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySix
-      textboxLayout="inline-image"
-      useInvertedBackground={true}
-      features={[
-        { title: "Cybersecurity Audit", description: "Protect your assets with proactive threat intelligence.", imageSrc: "http://img.b2bpic.net/free-photo/project-manager-examining-key-performance-metrics-ensure-business-success_482257-91058.jpg", buttonIcon: Shield },
-        { title: "Strategic Planning", description: "Long-term technology roadmap development.", imageSrc: "http://img.b2bpic.net/free-photo/executive-board-members-meeting-conference-room-establish-growth_482257-117186.jpg", buttonIcon: Rocket },
-        { title: "Data Insights", description: "Harness the power of your business data.", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg", buttonIcon: BarChart3 },
-        { title: "Software Development", description: "Custom enterprise-grade software development.", imageSrc: "http://img.b2bpic.net/free-photo/admin-writing-code-doing-maintenance-artificial-intelligence-neural-networks_482257-126864.jpg", buttonIcon: Code2 },
-      ]}
-      title="Comprehensive IT Capabilities"
-      description="Our suite of professional services is designed to streamline your operations."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySix
+            textboxLayout="inline-image"
+            useInvertedBackground={true}
+            features={[
+              { title: "Cybersecurity Audit", description: "Protect your assets with proactive threat intelligence.", imageSrc: "http://img.b2bpic.net/free-photo/project-manager-examining-key-performance-metrics-ensure-business-success_482257-91058.jpg", buttonIcon: Shield },
+              { title: "Strategic Planning", description: "Long-term technology roadmap development.", imageSrc: "http://img.b2bpic.net/free-photo/executive-board-members-meeting-conference-room-establish-growth_482257-117186.jpg", buttonIcon: Rocket },
+              { title: "Data Insights", description: "Harness the power of your business data.", imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-office-with-high-tech-technology-dual-monitors-used-developing-business_482257-132975.jpg", buttonIcon: BarChart3 },
+              { title: "Software Development", description: "Custom enterprise-grade software development.", imageSrc: "http://img.b2bpic.net/free-photo/admin-writing-code-doing-maintenance-artificial-intelligence-neural-networks_482257-126864.jpg", buttonIcon: Code2 }
+            ]}
+            title="Comprehensive IT Capabilities"
+            description="Our suite of professional services is designed to streamline your operations."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      metrics={[
-        { id: "m1", value: "150+", description: "Successful Projects" },
-        { id: "m2", value: "99.9%", description: "Uptime Guaranteed" },
-        { id: "m3", value: "40%", description: "Operational Efficiency Gain" },
-      ]}
-      title="Impact by the Numbers"
-      description="Delivering measurable success for clients across the globe."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "150+", description: "Successful Projects" },
+              { id: "m2", value: "99.9%", description: "Uptime Guaranteed" },
+              { id: "m3", value: "40%", description: "Operational Efficiency Gain" }
+            ]}
+            title="Impact by the Numbers"
+            description="Delivering measurable success for clients across the globe."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Sarah Jenkins", role: "CEO", company: "GlobalTrade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" },
-        { id: "2", name: "Michael Thorne", role: "CTO", company: "Innovate Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
-        { id: "3", name: "Emily Chen", role: "Marketing Director", company: "Techify", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg" },
-        { id: "4", name: "David Miller", role: "VP Operations", company: "ScaleUp Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" },
-        { id: "5", name: "Jessica Wright", role: "Product Manager", company: "LogicFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-reviewing-financial-data-isolated-mockup-working-report-writing_482257-136137.jpg" },
-      ]}
-      title="Trusted by Leaders"
-      description="Hear from our partners about the impact we've made."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah Jenkins", role: "CEO", company: "GlobalTrade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" },
+              { id: "2", name: "Michael Thorne", role: "CTO", company: "Innovate Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
+              { id: "3", name: "Emily Chen", role: "Marketing Director", company: "Techify", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg" },
+              { id: "4", name: "David Miller", role: "VP Operations", company: "ScaleUp Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg" },
+              { id: "5", name: "Jessica Wright", role: "Product Manager", company: "LogicFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-reviewing-financial-data-isolated-mockup-working-report-writing_482257-136137.jpg" }
+            ]}
+            title="Trusted by Leaders"
+            description="Hear from our partners about the impact we've made."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      names={["Google Cloud", "Microsoft Azure", "AWS", "Salesforce", "Atlassian", "Slack", "Okta"]}
-      title="Technology Partners"
-      description="We collaborate with leading platforms to deliver excellence."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Google Cloud", "Microsoft Azure", "AWS", "Salesforce", "Atlassian", "Slack", "Okta"]}
+            title="Technology Partners"
+            description="We collaborate with leading platforms to deliver excellence."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        { id: "f1", title: "How do you start a consulting project?", content: "We begin with a discovery session." },
-        { id: "f2", title: "Do you provide long-term support?", content: "Yes, we offer managed service agreements." },
-        { id: "f3", title: "Which industries do you serve?", content: "We support businesses in healthcare, finance, retail." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg"
-      title="Frequently Asked Questions"
-      description="Have questions? We're here to help."
-      faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "How do you start a consulting project?", content: "We begin with a discovery session." },
+              { id: "f2", title: "Do you provide long-term support?", content: "Yes, we offer managed service agreements." },
+              { id: "f3", title: "Which industries do you serve?", content: "We support businesses in healthcare, finance, retail." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg"
+            title="Frequently Asked Questions"
+            description="Have questions? We're here to help."
+            faqsAnimation="slide-up"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="blog" data-section="blog">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      title="Latest Insights"
-      description="Stay updated on the evolving landscape."
-      blogs={[
-        { id: "b1", category: "Cloud", title: "Scalable Infrastructure", excerpt: "Systems that scale.", imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893456.jpg", authorName: "Alex", authorAvatar: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", date: "Oct 12, 2024" },
-        { id: "b2", category: "AI", title: "Generative AI", excerpt: "Practical AI application.", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-system-using-complex-language-code-deep-learning-neural-network-programming-model-solving-operations-using-massive-computational-power-3d-render-animation_482257-66217.jpg", authorName: "Sarah", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", date: "Oct 10, 2024" },
-        { id: "b3", category: "Security", title: "Remote Enterprise", excerpt: "Modern protocols.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-smart-house-invention-automation-technology_53876-165266.jpg", authorName: "John", authorAvatar: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", date: "Oct 05, 2024" },
-      ]}
-    />
-  </div>
+        <div id="blog" data-section="blog">
+          <BlogCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Latest Insights"
+            description="Stay updated on the evolving landscape."
+            blogs={[
+              { id: "b1", category: "Cloud", title: "Scalable Infrastructure", excerpt: "Systems that scale.", imageSrc: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893456.jpg", authorName: "Alex", authorAvatar: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg", date: "Oct 12, 2024" },
+              { id: "b2", category: "AI", title: "Generative AI", excerpt: "Practical AI application.", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-system-using-complex-language-code-deep-learning-neural-network-programming-model-solving-operations-using-massive-computational-power-3d-render-animation_482257-66217.jpg", authorName: "Sarah", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", date: "Oct 10, 2024" },
+              { id: "b3", category: "Security", title: "Remote Enterprise", excerpt: "Modern protocols.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-smart-house-invention-automation-technology_53876-165266.jpg", authorName: "John", authorAvatar: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", date: "Oct 05, 2024" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Start Your IT Transformation"
-      description="Let's discuss how we can help your business thrive."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        { name: "email", type: "email", placeholder: "Your Email", required: true },
-        { name: "company", type: "text", placeholder: "Your Company" },
-      ]}
-      textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4 }}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-view-modern-skyscrapers-office-buildings_23-2148836746.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Start Your IT Transformation"
+            description="Let's discuss how we can help your business thrive."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+              { name: "company", type: "text", placeholder: "Your Company" }
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-view-modern-skyscrapers-office-buildings_23-2148836746.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
-        { title: "Services", items: [{ label: "Security", href: "#features" }, { label: "Strategy", href: "#features" }] },
-        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-      ]}
-      bottomLeftText="© 2024 TechLogic Consulting."
-      bottomRightText="Built for IT Consultants"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+              { title: "Services", items: [{ label: "Security", href: "#features" }, { label: "Strategy", href: "#features" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 TechLogic Consulting."
+            bottomRightText="Built for IT Consultants"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );