diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 9215085..ed318da 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,10 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import Link from "next/link";
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import { HardDrive, Cloud, Users, ShieldCheck } from 'lucide-react';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 
 interface FooterProps {
   brandName?: string;
@@ -38,12 +35,12 @@ const Footer: React.FC<FooterProps> = ({ brandName = "Nexsoft Australia", navIte
 export default function ServicesPage() {
   const navItems = [
     {name: "Home", id: "home", href: "/"},
-    {name: "About us", id: "about", href: "/about"},
+    {name: "About us", id: "about-us", href: "/about"},
     {name: "Services", id: "services", href: "/services"},
     {name: "Products", id: "products", href: "/products"},
     {name: "Achievements", id: "achievements", href: "/portfolio"},
     {name: "News", id: "news", href: "/portfolio"},
-    {name: "Contact us", id: "contact", href: "/contact"}
+    {name: "Contact us", id: "contact-us", href: "/contact"}
   ];
 
   const navbarProps = {
@@ -67,77 +64,39 @@ export default function ServicesPage() {
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay {...navbarProps} />
       </div>
-      <div id="services-features" data-section="services-features">
-        <FeatureCardSix
-          tag="What We Do"
-          title="Comprehensive Digital Solutions"
-          description="From concept to deployment, we deliver tailored services designed to meet your unique business needs."
-          features={[
-            { id: 1, title: 'Custom Software Development', description: 'Building bespoke applications that drive efficiency.', imageSrc: 'https://cdn.pixabay.com/photo/2016/03/09/09/16/programmer-1246761_960_720.jpg', imageAlt: 'Software Development' },
-            { id: 2, title: 'Cloud Solutions & Migration', description: 'Leverage the power of the cloud for scalability and security.', imageSrc: 'https://cdn.pixabay.com/photo/2016/11/19/23/00/data-1840003_960_720.jpg', imageAlt: 'Cloud Solutions' },
-            { id: 3, title: 'IT Consulting & Strategy', description: 'Expert guidance to optimize your technology roadmap.', imageSrc: 'https://cdn.pixabay.com/photo/2015/07/02/10/44/laptop-828551_960_720.jpg', imageAlt: 'IT Consulting' },
-            { id: 4, title: 'Cybersecurity & Data Protection', description: 'Protect your valuable assets with robust security measures.', imageSrc: 'https://cdn.pixabay.com/photo/2017/01/17/14/45/cyber-security-1987570_960_720.jpg', imageAlt: 'Cybersecurity' }
-          ]}
-          useInvertedBackground={true}
-          textboxLayout={'default'}
-        />
-      </div>
-      <div id="pricing" data-section="pricing">
-        <PricingCardFive
-          title="Flexible Service Plans"
-          description="Choose a plan that scales with your business, or let's create a custom solution."
-          plans={[
-            {
-              id: 'basic',
-              tag: 'Starter',
-              price: '$999',
-              period: '/month',
-              description: 'Ideal for small businesses and startups.',
-              button: { text: 'Get Started', href: '#' },
-              featuresTitle: 'Includes:',
-              features: ['Custom Dev (10 hrs)', 'Basic Cloud Setup', 'Email Support']
-            },
-            {
-              id: 'pro',
-              tag: 'Professional',
-              price: '$2499',
-              period: '/month',
-              description: 'For growing businesses requiring more comprehensive support.',
-              button: { text: 'Learn More', href: '#' },
-              featuresTitle: 'Includes:',
-              features: ['Custom Dev (30 hrs)', 'Advanced Cloud Mgmt', 'Priority Support', 'Monthly Reports']
-            },
-            {
-              id: 'enterprise',
-              tag: 'Enterprise',
-              price: 'Custom',
-              period: '',
-              description: 'Tailored solutions for large organizations with complex needs.',
-              button: { text: 'Contact Us', href: '/contact' },
-              featuresTitle: 'Includes:',
-              features: ['Dedicated Team', 'Full Cloud Suite', '24/7 Support', 'Strategic Consulting']
-            }
-          ]}
-          animationType={'slide-up'}
-          useInvertedBackground={false}
-          textboxLayout={'default'}
-        />
-      </div>
-      <div id="faq" data-section="faq">
-        <FaqSplitText
-          sideTitle="Got Questions About Our Services?"
-          sideDescription="We're here to provide clarity and ensure you have all the information you need."
-          faqs={[
-            { id: '1', title: 'How does your custom software development process work?', content: 'Our process involves discovery, design, development, testing, and deployment, ensuring a tailored solution that meets your specific needs.' },
-            { id: '2', title: 'What cloud platforms do you support?', content: 'We specialize in AWS, Azure, and Google Cloud Platform, providing flexible and scalable cloud solutions.' },
-            { id: '3', title: 'Can you help with legacy system migration?', content: 'Yes, we have extensive experience in migrating legacy systems to modern cloud infrastructure with minimal disruption.' },
-            { id: '4', title: 'What is your approach to cybersecurity?', content: 'We implement multi-layered security strategies, including threat detection, data encryption, and regular security audits to protect your systems.' }
-          ]}
-          faqsAnimation={'slide-up'}
-          useInvertedBackground={true}
-        />
-      </div>
+
+      <main>
+        <div id="services-section" data-section="services-section">
+          <FeatureCardTwentyFour
+            title="Our Comprehensive Services"
+            description="We offer a wide array of professional services tailored to meet your unique business requirements. From initial concept to deployment and ongoing support, we're with you every step of the way."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            ariaLabel="Our Services Section"
+            features={[
+              {
+                id: "web-development",                title: "Web Development",                author: "Our Team",                description: "Modern, responsive websites and web applications tailored to your business needs.",                tags: ["Frontend", "Backend", "Full-Stack"],
+                imageSrc: "https://picsum.photos/seed/webdev/800/600?_wi=1",                imageAlt: "Web Development"
+              },
+              {
+                id: "mobile-app-development",                title: "Mobile App Development",                author: "Our Team",                description: "Custom iOS and Android applications designed for exceptional user experience and performance.",                tags: ["iOS", "Android", "Cross-Platform"],
+                imageSrc: "https://picsum.photos/seed/mobileapp/800/600?_wi=1",                imageAlt: "Mobile App Development"
+              },
+              {
+                id: "cloud-solutions",                title: "Cloud Solutions",                author: "Our Team",                description: "Scalable and secure cloud infrastructure, migration, and management services.",                tags: ["AWS", "Azure", "GCP"],
+                imageSrc: "https://picsum.photos/seed/cloud/800/600?_wi=1",                imageAlt: "Cloud Solutions"
+              },
+              {
+                id: "ai-ml",                title: "AI & Machine Learning",                author: "Our Team",                description: "Harnessing data for intelligent insights, automation, and predictive analytics.",                tags: ["Data Science", "Automation", "Predictive"],
+                imageSrc: "https://picsum.photos/seed/ai/800/600?_wi=1",                imageAlt: "AI & Machine Learning"
+              }
+            ]}
+          />
+        </div>
+      </main>
+
       <Footer brandName="Nexsoft Australia" navItems={navItems} />
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file