diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 051d4fe..8e0d908 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -19,8 +19,7 @@ export default function PortfolioPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Web Design", href: "/services#design" },
         { label: "Web Development", href: "/services#development" },
         { label: "Digital Strategy", href: "/services#strategy" },
@@ -28,8 +27,7 @@ export default function PortfolioPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/#about" },
         { label: "Our Team", href: "/#team" },
         { label: "Portfolio", href: "/portfolio" },
@@ -37,8 +35,7 @@ export default function PortfolioPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Blog", href: "/blog" },
         { label: "Case Studies", href: "/case-studies" },
         { label: "FAQs", href: "/faqs" },
@@ -46,8 +43,7 @@ export default function PortfolioPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "/privacy" },
         { label: "Terms of Service", href: "/terms" },
         { label: "Cookie Policy", href: "/cookies" },
@@ -73,9 +69,7 @@ export default function PortfolioPage() {
           navItems={navItems}
           brandName="Proof Digital"
           button={{
-            text: "Get Started",
-            href: "#contact",
-          }}
+            text: "Get Started",            href: "#contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -84,100 +78,75 @@ export default function PortfolioPage() {
         <ProductCardOne
           products={[
             {
-              id: "1",
-              name: "E-Commerce Platform",
-              price: "Custom",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-beautiful-e-commerce-website-design-mo-1773016089582-7ac76cb8.png?_wi=2",
-              imageAlt: "E-commerce website design",
-            },
+              id: "1",              name: "E-Commerce Platform",              price: "Custom",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-beautiful-e-commerce-website-design-mo-1773016089582-7ac76cb8.png",              imageAlt: "E-commerce website design"},
             {
-              id: "2",
-              name: "Corporate Website",
-              price: "Custom",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-corporate-website-design-showcasing-a--1773016089689-065e747e.png?_wi=2",
-              imageAlt: "Corporate website design",
-            },
+              id: "2",              name: "Corporate Website",              price: "Custom",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-corporate-website-design-showcasing-a--1773016089689-065e747e.png",              imageAlt: "Corporate website design"},
             {
-              id: "3",
-              name: "Mobile Application",
-              price: "Custom",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-mobile-app-interface-design-showing-a--1773016088464-e68ec2b7.png?_wi=2",
-              imageAlt: "Mobile app design interface",
-            },
+              id: "3",              name: "Mobile Application",              price: "Custom",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-mobile-app-interface-design-showing-a--1773016088464-e68ec2b7.png",              imageAlt: "Mobile app design interface"},
           ]}
-          gridVariant: "three-columns-all-equal-width"
-          animationType: "slide-up"
-          title: "Featured Projects"
-          description: "Explore our portfolio of successful projects that showcase our expertise in design and development."
-          tag: "Portfolio"
-          tagIcon: Award
-          tagAnimation: "slide-up"
-          textboxLayout: "default"
-          useInvertedBackground: false
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          title="Featured Projects"
+          description="Explore our portfolio of successful projects that showcase our expertise in design and development."
+          tag="Portfolio"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           buttons={[
             {
-              text: "Back to Home",
-              href: "/",
-            },
+              text: "Back to Home",              href: "/"},
           ]}
-          buttonAnimation: "slide-up"
+          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="portfolio-impact" data-section="portfolio-impact">
         <MetricCardFourteen
-          title: "Our portfolio represents measurable success. We deliver digital solutions that drive real business results and transformation."
-          tag: "Portfolio Impact"
-          tagAnimation: "slide-up"
+          title="Our portfolio represents measurable success. We deliver digital solutions that drive real business results and transformation."
+          tag="Portfolio Impact"
+          tagAnimation="slide-up"
           metrics={[
             {
-              id: "1",
-              value: "500+",
-              description:
-                "Projects successfully delivered across various industries and company sizes.",
-            },
+              id: "1",              value: "500+",              description:
+                "Projects successfully delivered across various industries and company sizes."},
             {
-              id: "2",
-              value: "98%",
-              description:
-                "Client satisfaction rate reflecting our commitment to excellence and quality.",
-            },
+              id: "2",              value: "98%",              description:
+                "Client satisfaction rate reflecting our commitment to excellence and quality."},
           ]}
-          metricsAnimation: "blur-reveal"
-          useInvertedBackground: true
+          metricsAnimation="blur-reveal"
+          useInvertedBackground={true}
         />
       </div>
 
       <div id="portfolio-contact" data-section="portfolio-contact">
         <ContactSplit
-          tag: "Start Your Project"
-          title: "Ready to See Your Project in Our Portfolio?"
-          description: "Let's discuss your vision and how we can bring it to life. Reach out today and become our next success story."
-          tagIcon: Send
-          tagAnimation: "slide-up"
+          tag="Start Your Project"
+          title="Ready to See Your Project in Our Portfolio?"
+          description="Let's discuss your vision and how we can bring it to life. Reach out today and become our next success story."
+          tagIcon={Send}
+          tagAnimation="slide-up"
           background={{
-            variant: "gradient-bars",
-          }}
-          useInvertedBackground: false
-          imageSrc:
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-modern-office-environment-showing-a-co-1773016088498-0ca46ce5.png?_wi=2"
-          imageAlt: "Proof Digital office team environment"
-          mediaAnimation: "blur-reveal"
-          mediaPosition: "right"
-          inputPlaceholder: "your@email.com"
-          buttonText: "Get Started"
-          termsText: "We respect your privacy. Your message is secure with us."
+            variant: "gradient-bars"}}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-modern-office-environment-showing-a-co-1773016088498-0ca46ce5.png"
+          imageAlt="Proof Digital office team environment"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          inputPlaceholder="your@email.com"
+          buttonText="Get Started"
+          termsText="We respect your privacy. Your message is secure with us."
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBaseCard
-          logoText: "Proof Digital"
-          columns: {footerColumns}
-          copyrightText: "© 2025 Proof Digital. All rights reserved."
+          logoText="Proof Digital"
+          columns={footerColumns}
+          copyrightText="© 2025 Proof Digital. All rights reserved."
         />
       </div>
     </ThemeProvider>
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 5f41e46..a295cdb 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -19,8 +19,7 @@ export default function ServicesPage() {
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Web Design", href: "/services#design" },
         { label: "Web Development", href: "/services#development" },
         { label: "Digital Strategy", href: "/services#strategy" },
@@ -28,8 +27,7 @@ export default function ServicesPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/#about" },
         { label: "Our Team", href: "/#team" },
         { label: "Portfolio", href: "/portfolio" },
@@ -37,8 +35,7 @@ export default function ServicesPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Blog", href: "/blog" },
         { label: "Case Studies", href: "/case-studies" },
         { label: "FAQs", href: "/faqs" },
@@ -46,8 +43,7 @@ export default function ServicesPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "/privacy" },
         { label: "Terms of Service", href: "/terms" },
         { label: "Cookie Policy", href: "/cookies" },
@@ -73,9 +69,7 @@ export default function ServicesPage() {
           navItems={navItems}
           brandName="Proof Digital"
           button={{
-            text: "Get Started",
-            href: "#contact",
-          }}
+            text: "Get Started",            href: "#contact"}}
           animateOnLoad={true}
         />
       </div>
@@ -85,103 +79,82 @@ export default function ServicesPage() {
           features={[
             {
               id: 1,
-              title: "Web Design",
-              description:
-                "Beautiful, user-centric web designs that capture your brand essence and engage your audience. We create responsive, accessible websites that perform.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-sleek-web-design-interface-mockup-show-1773016089091-b30b937c.png?_wi=2",
-              imageAlt: "Modern web design interface mockup",
-            },
+              title: "Web Design",              description:
+                "Beautiful, user-centric web designs that capture your brand essence and engage your audience. We create responsive, accessible websites that perform.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-sleek-web-design-interface-mockup-show-1773016089091-b30b937c.png",              imageAlt: "Modern web design interface mockup"},
             {
               id: 2,
-              title: "Web Development",
-              description:
-                "Robust, scalable web applications built with modern technologies. From frontend frameworks to backend infrastructure, we build it right.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-developer-workspace-showing-coding-on--1773016088250-6f1d9301.png?_wi=2",
-              imageAlt: "Developer workspace with coding environment",
-            },
+              title: "Web Development",              description:
+                "Robust, scalable web applications built with modern technologies. From frontend frameworks to backend infrastructure, we build it right.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-developer-workspace-showing-coding-on--1773016088250-6f1d9301.png",              imageAlt: "Developer workspace with coding environment"},
             {
               id: 3,
-              title: "Digital Strategy",
-              description:
-                "Strategic guidance for your digital journey. We analyze, plan, and execute strategies that align with your business goals and drive growth.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-strategic-planning-session-showing-dig-1773016090553-341850eb.png?_wi=2",
-              imageAlt: "Strategic planning and analytics dashboard",
-            },
+              title: "Digital Strategy",              description:
+                "Strategic guidance for your digital journey. We analyze, plan, and execute strategies that align with your business goals and drive growth.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-strategic-planning-session-showing-dig-1773016090553-341850eb.png",              imageAlt: "Strategic planning and analytics dashboard"},
           ]}
           animationType="blur-reveal"
-          title: "Our Services",
-          description: "Comprehensive digital solutions tailored to your business needs. We combine strategy, design, and technology to deliver measurable results.",
-          tag: "What We Offer",
-          tagIcon: Zap,
-          tagAnimation: "slide-up",
-          textboxLayout: "default",
-          useInvertedBackground: true,
-          buttons: [
+          title="Our Services"
+          description="Comprehensive digital solutions tailored to your business needs. We combine strategy, design, and technology to deliver measurable results."
+          tag="What We Offer"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          buttons={[
             {
-              text: "Back to Home",
-              href: "/",
-            },
-          ],
-          buttonAnimation: "slide-up",
+              text: "Back to Home",              href: "/"},
+          ]}
+          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="services-about" data-section="services-about">
         <MetricSplitMediaAbout
-          title: "Why Choose Proof Digital for Your Services?"
-          description: "With over 10 years of industry experience, Proof Digital has partnered with hundreds of businesses to deliver exceptional digital solutions. Our approach combines strategic thinking with cutting-edge technology to ensure your project exceeds expectations."
-          tag: "Our Approach"
-          tagIcon: CheckCircle
-          tagAnimation: "slide-up"
+          title="Why Choose Proof Digital for Your Services?"
+          description="With over 10 years of industry experience, Proof Digital has partnered with hundreds of businesses to deliver exceptional digital solutions. Our approach combines strategic thinking with cutting-edge technology to ensure your project exceeds expectations."
+          tag="Our Approach"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
           metrics={[
             {
-              value: "500+",
-              title: "Projects Completed",
-            },
+              value: "500+",              title: "Projects Completed"},
             {
-              value: "98%",
-              title: "Client Satisfaction Rate",
-            },
+              value: "98%",              title: "Client Satisfaction Rate"},
           ]}
-          imageSrc:
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-business-meeting-in-a-mod-1773016089979-34ccd8dd.png?_wi=3"
-          imageAlt: "Proof Digital team meeting and discussing strategy"
-          mediaAnimation: "slide-up"
-          metricsAnimation: "blur-reveal"
-          useInvertedBackground: false
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-business-meeting-in-a-mod-1773016089979-34ccd8dd.png"
+          imageAlt="Proof Digital team meeting and discussing strategy"
+          mediaAnimation="slide-up"
+          metricsAnimation="blur-reveal"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="services-contact" data-section="services-contact">
         <ContactSplit
-          tag: "Get In Touch"
-          title: "Ready to Start Your Service Engagement?"
-          description: "Let's discuss how our services can transform your business. Reach out today and let's create something amazing together."
-          tagIcon: Send
-          tagAnimation: "slide-up"
+          tag="Get In Touch"
+          title="Ready to Start Your Service Engagement?"
+          description="Let's discuss how our services can transform your business. Reach out today and let's create something amazing together."
+          tagIcon={Send}
+          tagAnimation="slide-up"
           background={{
-            variant: "gradient-bars",
-          }}
-          useInvertedBackground: false
-          imageSrc:
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-modern-office-environment-showing-a-co-1773016088498-0ca46ce5.png?_wi=1"
-          imageAlt: "Proof Digital office team environment"
-          mediaAnimation: "blur-reveal"
-          mediaPosition: "right"
-          inputPlaceholder: "your@email.com"
-          buttonText: "Get Started"
-          termsText: "We respect your privacy. Your message is secure with us."
+            variant: "gradient-bars"}}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-modern-office-environment-showing-a-co-1773016088498-0ca46ce5.png"
+          imageAlt="Proof Digital office team environment"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          inputPlaceholder="your@email.com"
+          buttonText="Get Started"
+          termsText="We respect your privacy. Your message is secure with us."
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBaseCard
-          logoText: "Proof Digital"
-          columns: {footerColumns}
-          copyrightText: "© 2025 Proof Digital. All rights reserved."
+          logoText="Proof Digital"
+          columns={footerColumns}
+          copyrightText="© 2025 Proof Digital. All rights reserved."
         />
       </div>
     </ThemeProvider>