diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 7e148e6..cc08dfa 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,191 +2,107 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { Award, BarChart, Layers, Rocket, TrendingUp } from "lucide-react";
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+// Import all necessary LucideIcons
+import { Globe, Zap, Palette, BarChart, Layers, TrendingUp, Rocket, Award } from "lucide-react";
+
+export default function ServicesPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "Packages", id: "/packages" },
+    { name: "Contact", id: "/contact" },
+    { name: "Client Login", id: "/login" },
+  ];
+
+  const themeProps = {
+    defaultButtonVariant: "elastic-effect",    defaultTextAnimation: "reveal-blur",    borderRadius: "pill",    contentWidth: "mediumLarge",    sizing: "largeSmallSizeMediumTitles",    background: "circleGradient",    cardStyle: "glass-elevated",    primaryButtonStyle: "diagonal-gradient",    secondaryButtonStyle: "radial-glow",    headingFontWeight: "extrabold"};
+
+  const pageSections = [
+    {
+      id: "detailed-services",      Component: FeatureCardTwentySix,
+      props: {
+        textboxLayout: "default",        useInvertedBackground: true,
+        features: [
+          {
+            title: "Social Media Management",            description: "From content creation and scheduling to community engagement and analytics, we manage your social platforms for maximum impact. Includes platform-specific strategies for Facebook, Instagram, LinkedIn, and more.",            imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-networking-online-concept_53876-133812.jpg",            imageAlt: "Data flow and insights for social media analytics",            buttonIcon: Globe,
+          },
+          {
+            title: "Influencer Marketing Campaigns",            description: "Connect with your target audience through authentic voices. We identify, vet, and manage collaborations with influencers who resonate with your brand values. Includes campaign strategy, execution, and ROI reporting.",            imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg",            imageAlt: "Diverse micro-influencers collaborating",            buttonIcon: Zap,
+          },
+          {
+            title: "Brand Design & Development",            description: "Build a distinctive and memorable brand identity. Our services cover logo design, visual guidelines, typography, and color palettes to ensure a cohesive brand image across all touchpoints.",            imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803277.jpg",            imageAlt: "Brand visual identity showcasing logo and color palette",            buttonIcon: Palette,
+          },
+          {
+            title: "SEO & Content Strategy",            description: "Improve your visibility on search engines and attract organic traffic with keyword-rich content and technical SEO optimizations. Our strategies ensure your brand is found by the right audience.",            imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-woman-analysis-process_23-2148411851.jpg",            imageAlt: "SEO analytics and content strategy",            buttonIcon: BarChart,
+          },
+        ],
+        title: "Comprehensive Digital Marketing Solutions",        description: "eXpand AD provides a full spectrum of services designed to enhance your online presence and achieve your business objectives.",        tag: "Our Expertise",        tagIcon: Layers,
+      },
+    },
+    {
+      id: "performance-insights",      Component: MetricCardThree,
+      props: {
+        animationType: "slide-up",        textboxLayout: "default",        useInvertedBackground: false,
+        metrics: [
+          { id: "m1", icon: BarChart, title: "Engagement Growth", value: "+35%" },
+          { id: "m2", icon: TrendingUp, title: "Lead Generation", value: "+25%" },
+          { id: "m3", icon: Rocket, title: "Brand Reach", value: "+60%" },
+        ],
+        title: "Proven Performance, Guaranteed Results",        description: "Our commitment to excellence translates into measurable success for every client, every campaign.",        tag: "Impact",        tagIcon: Award,
+      },
+    },
+    {
+      id: "footer",      Component: FooterBaseCard,
+      props: {
+        logoText: "eXpand AD",        columns: [
+          {
+            title: "Company",            items: [
+              { label: "About Us", href: "/#about" },
+              { label: "Services", href: "/services" },
+              { label: "Packages", href: "/packages" },
+              { label: "Contact", href: "/contact" },
+            ],
+          },
+          {
+            title: "Resources",            items: [
+              { label: "Client Login", href: "/login" },
+              { label: "FAQ", href: "/contact#faq" },
+              { label: "Blog", href: "/blog" },
+            ],
+          },
+          {
+            title: "Legal",            items: [
+              { label: "Privacy Policy", href: "#" },
+              { label: "Terms of Service", href: "#" },
+            ],
+          },
+        ],
+        copyrightText: "© 2024 eXpand AD. All rights reserved."},
+    },
+  ];
 
-export default function LandingPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="mediumLarge"
-        sizing="largeSmallSizeMediumTitles"
-        background="circleGradient"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="extrabold"
-    >
+    <ThemeProvider {...themeProps}>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Packages",
-          id: "/packages",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-        {
-          name: "Client Login",
-          id: "/login",
-        },
-      ]}
-      brandName="eXpand AD"
-      button={{
-        text: "Get a Quote",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            brandName="eXpand AD"
+            button={{
+              text: "Get a Quote",              href: "/contact"}}
+          />
+        </div>
 
-  <div id="detailed-services" data-section="detailed-services">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Social Media Management",
-          description: "From content creation and scheduling to community engagement and analytics, we manage your social platforms for maximum impact. Includes platform-specific strategies for Facebook, Instagram, LinkedIn, and more.",
-          imageSrc: "http://img.b2bpic.net/free-photo/social-media-communication-networking-online-concept_53876-133812.jpg",
-          imageAlt: "Data flow and insights for social media analytics",
-          buttonIcon: "Globe",
-        },
-        {
-          title: "Influencer Marketing Campaigns",
-          description: "Connect with your target audience through authentic voices. We identify, vet, and manage collaborations with influencers who resonate with your brand values. Includes campaign strategy, execution, and ROI reporting.",
-          imageSrc: "http://img.b2bpic.net/free-photo/webinar-innovation-web-design-technology-concept_53876-133851.jpg",
-          imageAlt: "Diverse micro-influencers collaborating",
-          buttonIcon: "Zap",
-        },
-        {
-          title: "Brand Design & Development",
-          description: "Build a distinctive and memorable brand identity. Our services cover logo design, visual guidelines, typography, and color palettes to ensure a cohesive brand image across all touchpoints.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803277.jpg",
-          imageAlt: "Brand visual identity showcasing logo and color palette",
-          buttonIcon: "Palette",
-        },
-        {
-          title: "SEO & Content Strategy",
-          description: "Improve your visibility on search engines and attract organic traffic with keyword-rich content and technical SEO optimizations. Our strategies ensure your brand is found by the right audience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-woman-analysis-process_23-2148411851.jpg",
-          imageAlt: "SEO analytics and content strategy",
-          buttonIcon: "BarChart",
-        },
-      ]}
-      title="Comprehensive Digital Marketing Solutions"
-      description="eXpand AD provides a full spectrum of services designed to enhance your online presence and achieve your business objectives."
-      tag="Our Expertise"
-      tagIcon={Layers}
-    />
-  </div>
-
-  <div id="performance-insights" data-section="performance-insights">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: BarChart,
-          title: "Engagement Growth",
-          value: "+35%",
-        },
-        {
-          id: "m2",
-          icon: TrendingUp,
-          title: "Lead Generation",
-          value: "+25%",
-        },
-        {
-          id: "m3",
-          icon: Rocket,
-          title: "Brand Reach",
-          value: "+60%",
-        },
-      ]}
-      title="Proven Performance, Guaranteed Results"
-      description="Our commitment to excellence translates into measurable success for every client, every campaign."
-      tag="Impact"
-      tagIcon={Award}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="eXpand AD"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/#about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Packages",
-              href: "/packages",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Client Login",
-              href: "/login",
-            },
-            {
-              label: "FAQ",
-              href: "/contact#faq",
-            },
-            {
-              label: "Blog",
-              href: "/blog",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 eXpand AD. All rights reserved."
-    />
-  </div>
+        {pageSections.map((section) => (
+          <div id={section.id} key={section.id} data-section={section.id}>
+            <section.Component {...section.props} />
+          </div>
+        ))}
       </ReactLenis>
     </ThemeProvider>
   );