From 34d4258b77a75b7e88c67815446d0348e9e05427 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 16:25:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 458 +++++++++++++++--------------------------------
 1 file changed, 146 insertions(+), 312 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4f6c288..856b738 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Briefcase, Layers, PieChart, Settings, Shield, Target, TrendingUp, Zap } from "lucide-react";
+import { Briefcase, Layers, PieChart, Settings, Shield, Target, TrendingUp, Zap, Cpu } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,326 +29,160 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Fexme"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Fexme"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
-      logoText="Fexme Business Solutions"
-      description="Driving business transformation through strategic innovation, operational excellence, and tailored digital solutions."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Our Services",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106140.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "plain" }}
+            logoText="Fexme Business Solutions"
+            description="Driving business transformation through strategic innovation, operational excellence, and tailored digital solutions."
+            buttons={[
+              { text: "Get Started", href: "#contact" },
+              { text: "Our Services", href: "#features" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106140.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Delivering Excellence In Business Transformation",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg",
-          alt: "About Fexme",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Delivering Excellence In Business Transformation" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg", alt: "About Fexme" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Strategy Consulting",
-          description: "Expert advice to align your business goals with current market opportunities.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826241.jpg",
-          },
-          items: [
-            {
-              icon: Target,
-              text: "Market Analysis",
-            },
-            {
-              icon: Briefcase,
-              text: "Strategy Planning",
-            },
-            {
-              icon: PieChart,
-              text: "Financial Roadmap",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106140.jpg?_wi=2",
-          imageAlt: "modern corporate office consultation room",
-        },
-        {
-          title: "Digital Transformation",
-          description: "Leveraging cutting-edge technology to digitize and automate your core workflows.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg",
-          },
-          items: [
-            {
-              icon: Cpu,
-              text: "System Integration",
-            },
-            {
-              icon: Zap,
-              text: "Cloud Migration",
-            },
-            {
-              icon: Shield,
-              text: "Security Protocols",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/inclusive-workspace-atmosphere-office-job_23-2149571033.jpg",
-          imageAlt: "modern corporate office consultation room",
-        },
-        {
-          title: "Process Optimization",
-          description: "Improving operational efficiency by identifying and eliminating bottlenecks.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/brown-gray-hallway-with-glass-windows_250224-246.jpg",
-          },
-          items: [
-            {
-              icon: Settings,
-              text: "Workflow Audit",
-            },
-            {
-              icon: Layers,
-              text: "Resource Allocation",
-            },
-            {
-              icon: TrendingUp,
-              text: "Growth Tracking",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160932.jpg?_wi=1",
-          imageAlt: "modern corporate office consultation room",
-        },
-      ]}
-      title="Comprehensive Business Solutions"
-      description="Scalable strategies designed to optimize your operations and drive sustainable growth across the enterprise."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="inline-image"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Strategy Consulting",                description: "Expert advice to align your business goals with current market opportunities.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826241.jpg", imageAlt: "modern corporate office consultation room" },
+                items: [
+                  { icon: Target, text: "Market Analysis" },
+                  { icon: Briefcase, text: "Strategy Planning" },
+                  { icon: PieChart, text: "Financial Roadmap" },
+                ],
+                reverse: false
+              },
+              {
+                title: "Digital Transformation",                description: "Leveraging cutting-edge technology to digitize and automate your core workflows.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg", imageAlt: "modern corporate office consultation room" },
+                items: [
+                  { icon: Cpu, text: "System Integration" },
+                  { icon: Zap, text: "Cloud Migration" },
+                  { icon: Shield, text: "Security Protocols" },
+                ],
+                reverse: true
+              },
+              {
+                title: "Process Optimization",                description: "Improving operational efficiency by identifying and eliminating bottlenecks.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/brown-gray-hallway-with-glass-windows_250224-246.jpg", imageAlt: "modern corporate office consultation room" },
+                items: [
+                  { icon: Settings, text: "Workflow Audit" },
+                  { icon: Layers, text: "Resource Allocation" },
+                  { icon: TrendingUp, text: "Growth Tracking" },
+                ],
+                reverse: false
+              },
+            ]}
+            title="Comprehensive Business Solutions"
+            description="Scalable strategies designed to optimize your operations and drive sustainable growth across the enterprise."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Projects Completed",
-          description: "Across multiple global industries.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160932.jpg?_wi=2",
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Client Satisfaction",
-          description: "Consistently rated by our partners.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg",
-        },
-        {
-          id: "m3",
-          value: "40%",
-          title: "Operational Growth",
-          description: "Avg improvement in efficiency.",
-          imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-blue_78370-3666.jpg",
-        },
-      ]}
-      title="Proven Results"
-      description="We don't just talk strategy; we deliver measurable impact."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "150+", title: "Projects Completed", description: "Across multiple global industries.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160932.jpg" },
+              { id: "m2", value: "98%", title: "Client Satisfaction", description: "Consistently rated by our partners.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-connecting-lines-dots_1048-7940.jpg" },
+              { id: "m3", value: "40%", title: "Operational Growth", description: "Avg improvement in efficiency.", imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-blue_78370-3666.jpg" },
+            ]}
+            title="Proven Results"
+            description="We don't just talk strategy; we deliver measurable impact."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Microsoft",
-        "Oracle",
-        "SAP",
-        "Deloitte",
-        "IBM",
-        "AWS",
-        "Google Cloud",
-      ]}
-      title="Trusted By Industry Leaders"
-      description="Partnering with top companies across the globe."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Microsoft", "Oracle", "SAP", "Deloitte", "IBM", "AWS", "Google Cloud"]}
+            title="Trusted By Industry Leaders"
+            description="Partnering with top companies across the globe."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "The strategic roadmap Fexme provided was a game changer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Exceptional service and deep industry insight.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4145.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@emilyr",
-          testimonial: "Transformed our operations in just three months.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@davidk",
-          testimonial: "Highly professional and focused on our long-term goals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          handle: "@jessl",
-          testimonial: "The best consulting partner we've had in a decade.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg",
-        },
-      ]}
-      title="What Partners Say"
-      description="Hear directly from those who trust our solutions."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The strategic roadmap Fexme provided was a game changer.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
+              { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Exceptional service and deep industry insight.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4145.jpg" },
+              { id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Transformed our operations in just three months.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg" },
+              { id: "4", name: "David Kim", handle: "@davidk", testimonial: "Highly professional and focused on our long-term goals.", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg" },
+              { id: "5", name: "Jessica Lee", handle: "@jessl", testimonial: "The best consulting partner we've had in a decade.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg" },
+            ]}
+            title="What Partners Say"
+            description="Hear directly from those who trust our solutions."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do you approach business consulting?",
-          content: "We follow a data-driven approach, auditing current processes before recommending scalable improvements.",
-        },
-        {
-          id: "q2",
-          title: "Do you work with startups?",
-          content: "Yes, we support businesses of all sizes, from early-stage startups to mature global enterprises.",
-        },
-        {
-          id: "q3",
-          title: "What industries do you serve?",
-          content: "Our expertise spans across Technology, Finance, Manufacturing, and Healthcare sectors.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our approach."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How do you approach business consulting?", content: "We follow a data-driven approach, auditing current processes before recommending scalable improvements." },
+              { id: "q2", title: "Do you work with startups?", content: "Yes, we support businesses of all sizes, from early-stage startups to mature global enterprises." },
+              { id: "q3", title: "What industries do you serve?", content: "Our expertise spans across Technology, Finance, Manufacturing, and Healthcare sectors." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Everything you need to know about our approach."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get In Touch"
-      title="Start Your Transformation"
-      description="Schedule a discovery call with one of our business consultants today."
-      imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get In Touch"
+            title="Start Your Transformation"
+            description="Schedule a discovery call with one of our business consultants today."
+            imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139291.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Fexme"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Fexme"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1