From 23de4a04136a86f9ffc1c653c2ea69061de693eb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 16:35:25 +0000
Subject: [PATCH] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 251 +++++++++++++++++---------------------
 1 file changed, 109 insertions(+), 142 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index b3e1209..cc3e806 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -1,159 +1,126 @@
-"use client";
+'use client';
 
+import { ThemeProvider } from '@/components/ThemeProvider';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
-import { Users, Building2, Globe, Award, ArrowRight } from 'lucide-react';
-
-export default function ServicesPage() {
-  const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Blog", id: "blog" },
-    { name: "Contact", id: "contact" },
-  ];
-
-  const footerColumns = [
-    {
-      title: "Quick Links",
-      items: [
-        { label: "Home", href: "/" },
-        { label: "About Us", href: "/about" },
-        { label: "Services", href: "/services" },
-        { label: "Blog", href: "/blog" },
-      ],
-    },
-    {
-      title: "Company",
-      items: [
-        { label: "Careers", href: "/careers" },
-        { label: "Contact Us", href: "/contact" },
-        { label: "Industries", href: "/industries" },
-        { label: "Support", href: "#" },
-      ],
-    },
-    {
-      title: "Connect",
-      items: [
-        { label: "LinkedIn", href: "https://linkedin.com" },
-        { label: "Facebook", href: "https://facebook.com" },
-        { label: "Twitter", href: "https://twitter.com" },
-        { label: "Email", href: "mailto:info@nexorasolutions.com" },
-      ],
-    },
-  ];
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import { Zap, Shield, Rocket, BarChart3 } from 'lucide-react';
 
+const ServicesPage = () => {
   return (
     <ThemeProvider
-      defaultButtonVariant="bounce-effect"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="mediumSmall"
-      sizing="mediumLargeSizeMediumTitles"
-      background="fluid"
-      cardStyle="glass-depth"
-      primaryButtonStyle="flat"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="light"
+      headingFontWeight="semibold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleCentered
-          navItems={navItems}
-          button={{ text: "Get Started", href: "/contact" }}
-          brandName="Nexora Solutions"
-        />
-      </div>
+      <NavbarStyleCentered
+        navItems={[
+          { name: 'Home', id: '/' },
+          { name: 'Services', id: '/services' },
+          { name: 'About', id: '#about' },
+          { name: 'Contact', id: '#contact' },
+        ]}
+        button={{ text: 'Get Started', href: 'contact' }}
+      />
 
-      <div id="services-hero" data-section="services-hero">
-        <HeroCentered
-          title="Comprehensive HR & IT Solutions"
-          description="Unlock your organization's potential with our tailored consulting services designed to solve your most pressing talent and technology challenges."
-          background={{ variant: "downward-rays-animated" }}
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", alt: "Trusted professional 1" },
-            { src: "http://img.b2bpic.net/free-photo/front-view-smiley-people-meeting-coffee_23-2148817097.jpg", alt: "Trusted professional 2" },
-            { src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10527.jpg", alt: "Trusted professional 3" },
-          ]}
-          avatarText="Trusted by 500+ companies worldwide"
-          buttons={[
-            { text: "Get Started", href: "/contact" },
-            { text: "Contact Us", href: "/contact" },
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="services-features" data-section="services-features">
-        <FeatureCardTwentySix
-          features={[
-            {
-              title: "Talent Acquisition",
-              description: "We help companies identify, attract, and hire the best talent for their specific business needs through advanced sourcing techniques.",
-              imageSrc: "http://img.b2bpic.net/free-photo/african-american-financial-consultant-writing-reports-while-having-meeting-with-clients-office_637285-898.jpg?_wi=4",
-              imageAlt: "Talent Acquisition Services",
-              buttonIcon: ArrowRight,
-              buttonHref: "/services",
-            },
-            {
-              title: "Recruitment Process Outsourcing",
-              description: "Complete recruitment solutions that streamline hiring processes and improve efficiency from job posting to candidate onboarding.",
-              imageSrc: "http://img.b2bpic.net/free-photo/male-general-manager-looking-mockup-screen-solving-tasks_482257-119557.jpg?_wi=4",
-              imageAlt: "RPO Services",
-              buttonIcon: ArrowRight,
-              buttonHref: "/services",
-            },
-            {
-              title: "IT Staffing",
-              description: "Providing skilled IT professionals to support your projects and business operations with expertise across all technology domains.",
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-indoors_23-2149831295.jpg?_wi=3",
-              imageAlt: "IT Staffing Solutions",
-              buttonIcon: ArrowRight,
-              buttonHref: "/services",
-            },
-            {
-              title: "Digital Transformation",
-              description: "Modernizing businesses through digital tools, automation, and smart technology solutions that drive competitive advantage.",
-              imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technicians-using-isolated-screen-tablet-research_482257-123399.jpg?_wi=4",
-              imageAlt: "Digital Transformation",
-              buttonIcon: ArrowRight,
-              buttonHref: "/services",
-            },
-          ]}
-          title="Our Comprehensive Solutions"
-          description="Explore our range of HR and IT services designed to transform your organization"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="services-metrics" data-section="services-metrics">
-        <AboutMetric
-          title="Why Our Services Stand Out"
-          metrics={[
-            { icon: Users, label: "Talent Network", value: "10,000+" },
-            { icon: Building2, label: "Successful Placements", value: "5,000+" },
-            { icon: Globe, label: "Industries Served", value: "15+" },
-            { icon: Award, label: "Years Experience", value: "12+" },
-          ]}
-          metricsAnimation="slide-up"
+      <div id="services" data-section="services" className="py-20">
+        <MediaAbout
+          title="Our Services"
+          description="Comprehensive solutions tailored to help your business succeed. We provide cutting-edge services designed to elevate your digital presence and drive measurable results."
+          tag="Services Overview"
+          imageSrc="/service-hero.jpg"
+          imageAlt="Services overview"
+          buttons={[{ text: 'Explore More', href: '#service-offerings' }]}
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="footer" data-section="footer">
-        <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/college-boy-with-books_23-2147678832.jpg?_wi=3"
-          imageAlt="Nexora Solutions Team"
-          columns={footerColumns}
-          logoText="Nexora Solutions"
-          copyrightText="© 2025 Nexora Solutions. All rights reserved. Bridging Talent and Innovation."
+      <div
+        id="service-offerings"
+        data-section="service-offerings"
+        className="py-20"
+      >
+        <FeatureHoverPattern
+          features={[
+            {
+              icon: Zap,
+              title: 'Lightning Fast Performance',
+              description:
+                'Optimized for speed with minimal overhead. We ensure your website loads instantly and performs flawlessly across all devices.',
+            },
+            {
+              icon: Shield,
+              title: 'Enterprise Security',
+              description:
+                'Built with security best practices. Your data is protected with industry-leading encryption and compliance standards.',
+            },
+            {
+              icon: Rocket,
+              title: 'Scalable Solutions',
+              description:
+                'Grow without limits. Our solutions scale seamlessly as your business expands and your needs evolve.',
+            },
+            {
+              icon: BarChart3,
+              title: 'Data-Driven Insights',
+              description:
+                'Analytics and reporting tools to track performance and make informed decisions. Measure what matters most.',
+            },
+          ]}
+          title="Our Core Service Offerings"
+          description="We deliver world-class services backed by expertise and innovation"
+          tag="Service Offerings"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="benefits" data-section="benefits" className="py-20">
+        <FeatureHoverPattern
+          features={[
+            {
+              icon: BarChart3,
+              title: 'Increased Revenue',
+              description:
+                'Boost your bottom line with conversion-optimized solutions that turn visitors into customers.',
+            },
+            {
+              icon: Zap,
+              title: 'Faster Time to Market',
+              description:
+                'Launch faster with our streamlined development process and pre-built components.',
+            },
+            {
+              icon: Shield,
+              title: 'Reduced Risk',
+              description:
+                'Minimize technical debt and security vulnerabilities with best practices baked into every solution.',
+            },
+            {
+              icon: Rocket,
+              title: 'Better User Experience',
+              description:
+                'Delight your users with intuitive interfaces and seamless interactions that drive engagement.',
+            },
+          ]}
+          title="Key Benefits"
+          description="Discover the advantages of partnering with us"
+          tag="Benefits"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+};
+
+export default ServicesPage;