diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 68cebe0..876e5e5 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { Code, MessageSquare, Phone, Rocket } from "lucide-react";
+import { Layout, Smartphone, Mail, Globe, Zap, Palette } from "lucide-react";
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -23,119 +22,64 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Work",
-          id: "/work",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="KJ Web Studio"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Work", id: "/work" },
+                { name: "Services", id: "/services" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="KJ Web Studio"
+            />
+        </div>
 
-  <div id="services-page" data-section="services-page">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Code,
-          title: "Website Design",
-          description: "Professional business websites.",
-        },
-        {
-          icon: Rocket,
-          title: "Landing Pages",
-          description: "High-conversion landing pages.",
-        },
-        {
-          icon: Phone,
-          title: "Lead Systems",
-          description: "Call-generating inquiry systems.",
-        },
-        {
-          icon: MessageSquare,
-          title: "AI Chat",
-          description: "Automated engagement bots.",
-        },
-      ]}
-      title="Our Services"
-      description="We specialize in high-converting web solutions."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentySix
+              title="Our Premium Digital Services"
+              description="We build high-performance digital infrastructure designed to convert visitors into loyal, paying customers for your local business."
+              textboxLayout="default"
+              useInvertedBackground={false}
+              features={[
+                {
+                  title: "Custom Web Design",                  description: "Hand-crafted, professional website layouts tailored to your brand identity and industry standards.",                  buttonIcon: Palette,
+                  imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg"
+                },
+                {
+                  title: "Mobile-First Development",                  description: "Fully responsive design that guarantees seamless functionality and stunning visuals across all mobile devices.",                  buttonIcon: Smartphone,
+                  imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg"
+                },
+                {
+                  title: "Lead Generation Systems",                  description: "Strategic integration of high-converting contact forms, click-to-call buttons, and automated capture systems.",                  buttonIcon: Mail,
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836115.jpg"
+                },
+                {
+                  title: "Search Engine Optimization",                  description: "Core technical SEO implementation to improve your local search visibility and attract more nearby traffic.",                  buttonIcon: Globe,
+                  imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5885.jpg"
+                },
+                {
+                  title: "High-Speed Hosting",                  description: "Lightning-fast load times that keep visitors engaged and improve your site's performance and ranking.",                  buttonIcon: Zap,
+                  imageSrc: "http://img.b2bpic.net/free-photo/top-view-builder-desk-with-tablet-mock-up_23-2148269846.jpg"
+                },
+                {
+                  title: "Content Management",                  description: "User-friendly administration interfaces so you can easily update your services, offers, and contact information.",                  buttonIcon: Layout,
+                  imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-applying-hairdresser-hairstylist-beauty-saloon_627829-4642.jpg"
+                }
+              ]}
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Common Questions"
-      description="Find out how we work."
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "f1",
-          title: "How long does a site take?",
-          content: "Most projects are completed within 7-10 business days.",
-        },
-        {
-          id: "f2",
-          title: "What platforms do you use?",
-          content: "We use modern, fast, and SEO-optimized web tech.",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Design",
-              href: "/services",
-            },
-            {
-              label: "Leads",
-              href: "/services",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 KJ Web Studio"
-      bottomRightText="kjwebstudio@outlook.com"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple
+              columns={[
+                { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+                { title: "Services", items: [{ label: "Design", href: "/services" }, { label: "Leads", href: "/services" }] },
+              ]}
+              bottomLeftText="© 2024 KJ Web Studio"
+              bottomRightText="kjwebstudio@outlook.com"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file