diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index a84473c..6d1c10c 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,37 +7,29 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Projects", id: "/projects" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Atlas Steel PNG"
     />
@@ -50,20 +42,11 @@ export default function LandingPage() {
       title="Reliable Steel Partners in PNG"
       description="Founded with a vision to deliver unparalleled structural integrity, Atlas Steel PNG has become a cornerstone for construction excellence in the region. We combine advanced machinery with local expertise."
       bulletPoints={[
-        {
-          title: "Quality Assured",
-          description: "International standard steel supply.",
-        },
-        {
-          title: "Local Expertise",
-          description: "Operated by professionals with years of experience.",
-        },
-        {
-          title: "Nation-Building",
-          description: "Committed to local infrastructure projects.",
-        },
+        { title: "Quality Assured", description: "International standard steel supply." },
+        { title: "Local Expertise", description: "Operated by professionals with years of experience." },
+        { title: "Nation-Building", description: "Committed to local infrastructure projects." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/factory-workers-checking-quality-metal-products-production-plant_342744-83.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/factory-workers-checking-quality-metal-products-production-plant_342744-83.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -76,53 +59,27 @@ export default function LandingPage() {
       title="Our Leadership"
       description="Meet the team driving our operational success."
       team={[
-        {
-          id: "t1",
-          name: "Paul M.",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-checking-quality-metal-products-production-plant_342744-83.jpg?_wi=2",
-          imageAlt: "professional factory team steel",
-        },
-        {
-          id: "t2",
-          name: "Linda R.",
-          role: "Head of Engineering",
-          imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg?_wi=3",
-          imageAlt: "professional factory team steel",
-        },
+        { id: "t1", name: "Paul M.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-checking-quality-metal-products-production-plant_342744-83.jpg", imageAlt: "professional factory team steel" },
+        { id: "t2", name: "Linda R.", role: "Head of Engineering", imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg", imageAlt: "professional factory team steel" },
       ]}
     />
   </div>
 
   <div id="home-footer" data-section="home-footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
       logoText="Atlas Steel PNG"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "/about" },
+            { label: "Services", href: "/services" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Support",          items: [
+            { label: "Contact", href: "/contact" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index bc6fec6..48b54d4 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,37 +8,29 @@ import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Projects", id: "/projects" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Atlas Steel PNG"
     />
@@ -47,15 +39,10 @@ export default function LandingPage() {
   <div id="contact-section" data-section="contact-section">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Ready to discuss your next project? Get in touch with us for a professional consultation and quote request."
       buttons={[
-        {
-          text: "Contact Us Now",
-          href: "/contact",
-        },
+        { text: "Contact Us Now", href: "/contact" },
       ]}
     />
   </div>
@@ -65,9 +52,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Office Information"
       description={[
-        "Visit our head office in the industrial district.",
-        "We are open Mon-Sat, 8am to 5pm.",
-      ]}
+        "Visit our head office in the industrial district.",        "We are open Mon-Sat, 8am to 5pm."]}
     />
   </div>
 
@@ -77,21 +62,10 @@ export default function LandingPage() {
       title="Privacy Policy"
       sections={[
         {
-          heading: "Data Handling",
-          content: {
-            type: "paragraph",
-            text: "We handle all client project data with the strictest confidentiality and security.",
-          },
+          heading: "Data Handling",          content: { text: "We handle all client project data with the strictest confidentiality and security." },
         },
         {
-          heading: "Inquiries",
-          content: {
-            type: "list",
-            items: [
-              "Requests are processed within 24 hours.",
-              "Quotes are valid for 30 days.",
-            ],
-          },
+          heading: "Inquiries",          content: { items: ["Requests are processed within 24 hours.", "Quotes are valid for 30 days."] },
         },
       ]}
     />
@@ -99,33 +73,19 @@ export default function LandingPage() {
 
   <div id="home-footer" data-section="home-footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=5"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
       logoText="Atlas Steel PNG"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "/about" },
+            { label: "Services", href: "/services" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Support",          items: [
+            { label: "Contact", href: "/contact" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b5cc85b..08223e1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,31 +16,23 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Projects", id: "/projects" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Atlas Steel PNG"
     />
@@ -48,46 +40,20 @@ export default function LandingPage() {
 
   <div id="home-hero" data-section="home-hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      background={{ variant: "rotated-rays-animated" }}
       title="Forging PNG's Future with Steel Excellence"
       description="Atlas Steel PNG provides premium structural steel, fabrication, and welding solutions. Powering nation-building infrastructure across Papua New Guinea."
       buttons={[
-        {
-          text: "Request a Quote",
-          href: "/contact",
-        },
-        {
-          text: "Our Services",
-          href: "/services",
-        },
+        { text: "Request a Quote", href: "/contact" },
+        { text: "Our Services", href: "/services" },
       ]}
       carouselItems={[
-        {
-          id: "c1",
-          imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg?_wi=1",
-        },
-        {
-          id: "c2",
-          imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg?_wi=1",
-        },
-        {
-          id: "c3",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg?_wi=1",
-        },
-        {
-          id: "c4",
-          imageSrc: "http://img.b2bpic.net/free-photo/skilled-workman-grinding-metal-profile-pipe-with-lot-sparks_1163-3138.jpg?_wi=1",
-        },
-        {
-          id: "c5",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg?_wi=1",
-        },
-        {
-          id: "c6",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-factory-operator-is-controlling-machine-tool-cutting-steel_613910-5236.jpg",
-        },
+        { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg" },
+        { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg" },
+        { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg" },
+        { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/skilled-workman-grinding-metal-profile-pipe-with-lot-sparks_1163-3138.jpg" },
+        { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg" },
+        { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/metal-factory-operator-is-controlling-machine-tool-cutting-steel_613910-5236.jpg" },
       ]}
     />
   </div>
@@ -99,61 +65,11 @@ export default function LandingPage() {
       title="Client Testimonials"
       description="Trusted by industry leaders in Papua New Guinea for quality and speed."
       testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          date: "2024-05-12",
-          title: "Project Manager",
-          quote: "Atlas Steel delivered exceptional results on our warehouse frame.",
-          tag: "Industrial",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-busy-working-man-his-workplace-metal-factory_613910-17210.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg?_wi=2",
-          imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          date: "2024-06-20",
-          title: "Architect",
-          quote: "Their fabrication standards are top-tier. A reliable partner.",
-          tag: "Construction",
-          avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-visiting-factory-plant-examining-manufactured-products-with-facility-worker_637285-4150.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg?_wi=2",
-          imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
-        },
-        {
-          id: "t3",
-          name: "Mark Wilson",
-          date: "2024-07-02",
-          title: "Site Supervisor",
-          quote: "Professional team and consistent material supply.",
-          tag: "Infrastructure",
-          avatarSrc: "http://img.b2bpic.net/free-photo/factory-workers-standing-industrial-warehouse-discussing-about-production_342744-219.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg?_wi=2",
-          imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
-        },
-        {
-          id: "t4",
-          name: "Sarah Lee",
-          date: "2024-08-15",
-          title: "Development Director",
-          quote: "Atlas Steel makes complex projects feel simple and manageable.",
-          tag: "Commercial",
-          avatarSrc: "http://img.b2bpic.net/free-photo/colleagues-talking-about-their-work_23-2148976272.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/skilled-workman-grinding-metal-profile-pipe-with-lot-sparks_1163-3138.jpg?_wi=2",
-          imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
-        },
-        {
-          id: "t5",
-          name: "David King",
-          date: "2024-09-10",
-          title: "Engineer",
-          quote: "High quality welding and precision work every single time.",
-          tag: "Bridge Work",
-          avatarSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg?_wi=2",
-          imageAlt: "Portrait of busy working man at his workplace at the metal factory.",
-        },
+        { id: "t1", name: "John Doe", date: "2024-05-12", title: "Project Manager", quote: "Atlas Steel delivered exceptional results on our warehouse frame.", tag: "Industrial", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-busy-working-man-his-workplace-metal-factory_613910-17210.jpg", imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
+        { id: "t2", name: "Jane Smith", date: "2024-06-20", title: "Architect", quote: "Their fabrication standards are top-tier. A reliable partner.", tag: "Construction", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-visiting-factory-plant-examining-manufactured-products-with-facility-worker_637285-4150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
+        { id: "t3", name: "Mark Wilson", date: "2024-07-02", title: "Site Supervisor", quote: "Professional team and consistent material supply.", tag: "Infrastructure", avatarSrc: "http://img.b2bpic.net/free-photo/factory-workers-standing-industrial-warehouse-discussing-about-production_342744-219.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
+        { id: "t4", name: "Sarah Lee", date: "2024-08-15", title: "Development Director", quote: "Atlas Steel makes complex projects feel simple and manageable.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/colleagues-talking-about-their-work_23-2148976272.jpg", imageSrc: "http://img.b2bpic.net/free-photo/skilled-workman-grinding-metal-profile-pipe-with-lot-sparks_1163-3138.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
+        { id: "t5", name: "David King", date: "2024-09-10", title: "Engineer", quote: "High quality welding and precision work every single time.", tag: "Bridge Work", avatarSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-look-modern-building-with-white-glass-windows-grey-sky_181624-6636.jpg", imageAlt: "Portrait of busy working man at his workplace at the metal factory." },
       ]}
     />
   </div>
@@ -166,31 +82,11 @@ export default function LandingPage() {
       description="Get answers to common queries regarding our services and capabilities."
       faqsAnimation="slide-up"
       faqs={[
-        {
-          id: "f1",
-          title: "What steel services do you offer?",
-          content: "We offer structural steel fabrication, industrial welding, and large-scale material supply.",
-        },
-        {
-          id: "f2",
-          title: "Do you provide on-site installation support?",
-          content: "Yes, our certified team is available for on-site structural assembly support.",
-        },
-        {
-          id: "f3",
-          title: "How do I request a project quote?",
-          content: "Fill out the contact form or call us directly to discuss your project requirements.",
-        },
-        {
-          id: "f4",
-          title: "Do you meet international standards?",
-          content: "Absolutely, all our steel manufacturing processes align with recognized global safety and durability standards.",
-        },
-        {
-          id: "f5",
-          title: "Are you a locally operated company?",
-          content: "Yes, we are proudly locally managed with a deep commitment to PNG infrastructure development.",
-        },
+        { id: "f1", title: "What steel services do you offer?", content: "We offer structural steel fabrication, industrial welding, and large-scale material supply." },
+        { id: "f2", title: "Do you provide on-site installation support?", content: "Yes, our certified team is available for on-site structural assembly support." },
+        { id: "f3", title: "How do I request a project quote?", content: "Fill out the contact form or call us directly to discuss your project requirements." },
+        { id: "f4", title: "Do you meet international standards?", content: "Absolutely, all our steel manufacturing processes align with recognized global safety and durability standards." },
+        { id: "f5", title: "Are you a locally operated company?", content: "Yes, we are proudly locally managed with a deep commitment to PNG infrastructure development." },
       ]}
     />
   </div>
@@ -202,31 +98,11 @@ export default function LandingPage() {
       tag="Reliability"
       metricsAnimation="slide-up"
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years in business",
-        },
-        {
-          id: "m2",
-          value: "200+",
-          description: "Projects completed",
-        },
-        {
-          id: "m3",
-          value: "5000t+",
-          description: "Steel supplied",
-        },
-        {
-          id: "m4",
-          value: "100%",
-          description: "Safety compliance",
-        },
-        {
-          id: "m5",
-          value: "50+",
-          description: "Team members",
-        },
+        { id: "m1", value: "15+", description: "Years in business" },
+        { id: "m2", value: "200+", description: "Projects completed" },
+        { id: "m3", value: "5000t+", description: "Steel supplied" },
+        { id: "m4", value: "100%", description: "Safety compliance" },
+        { id: "m5", value: "50+", description: "Team members" },
       ]}
     />
   </div>
@@ -238,44 +114,25 @@ export default function LandingPage() {
       title="Trusted by PNG's Top Firms"
       description="We partner with leading local and international construction companies."
       names={[
-        "NCDC Infrastructure",
-        "Port Moresby Construction",
-        "Highland Logistics",
-        "PNG Development Corp",
-        "Pacific Steel Supply",
-      ]}
+        "NCDC Infrastructure",        "Port Moresby Construction",        "Highland Logistics",        "PNG Development Corp",        "Pacific Steel Supply"]}
     />
   </div>
 
   <div id="home-footer" data-section="home-footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
       logoText="Atlas Steel PNG"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "/about" },
+            { label: "Services", href: "/services" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Support",          items: [
+            { label: "Contact", href: "/contact" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index ed74d92..943f5eb 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -8,37 +8,29 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
-export default function LandingPage() {
+export default function ProjectsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Projects", id: "/projects" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Atlas Steel PNG"
     />
@@ -48,44 +40,15 @@ export default function LandingPage() {
       <ProductCardThree
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "High-Rise Steel Frame",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/world-trade-center-station-new-york-downtown-usa_1268-19541.jpg",
-        },
-        {
-          id: "p2",
-          name: "Warehouse Construction",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/building-with-steel-structure_1127-2009.jpg",
-        },
-        {
-          id: "p3",
-          name: "Infrastructure Bridge",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg",
-        },
-        {
-          id: "p4",
-          name: "Industrial Plant Frame",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silos-building-exterior_146671-19110.jpg",
-        },
-        {
-          id: "p5",
-          name: "Commercial Plaza",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg",
-        },
-        {
-          id: "p6",
-          name: "Government Hub",
-          price: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-162.jpg",
-        },
+        { id: "p1", name: "High-Rise Steel Frame", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/world-trade-center-station-new-york-downtown-usa_1268-19541.jpg" },
+        { id: "p2", name: "Warehouse Construction", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/building-with-steel-structure_1127-2009.jpg" },
+        { id: "p3", name: "Infrastructure Bridge", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg" },
+        { id: "p4", name: "Industrial Plant Frame", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silos-building-exterior_146671-19110.jpg" },
+        { id: "p5", name: "Commercial Plaza", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/waibaidu-bridge-shanghai_1359-944.jpg" },
+        { id: "p6", name: "Government Hub", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-162.jpg" },
       ]}
       title="Our Completed Projects"
       description="Showcasing structural projects across the country."
@@ -101,24 +64,8 @@ export default function LandingPage() {
       title="Featured Highlights"
       description="A showcase of our most complex structural builds."
       products={[
-        {
-          id: "h1",
-          brand: "Atlas",
-          name: "Bridge Framework",
-          price: "Consult",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11800.jpg",
-        },
-        {
-          id: "h2",
-          brand: "Atlas",
-          name: "Skyscraper Skeleton",
-          price: "Consult",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/building-costruction-tall-dubai-marina-skyscrapers-uae_231208-7594.jpg",
-        },
+        { id: "h1", brand: "Atlas", name: "Bridge Framework", price: "Consult", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/modern-bridge-with-yellow-grey-metal-fragments_181624-11800.jpg" },
+        { id: "h2", brand: "Atlas", name: "Skyscraper Skeleton", price: "Consult", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/building-costruction-tall-dubai-marina-skyscrapers-uae_231208-7594.jpg" },
       ]}
     />
   </div>
@@ -131,59 +78,27 @@ export default function LandingPage() {
       title="Project Insights"
       description="Articles on recent project completions and engineering challenges."
       blogs={[
-        {
-          id: "b1",
-          category: "Construction",
-          title: "Modernizing Bridge Infrastructure",
-          excerpt: "How we used steel to support regional connectivity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-arch-bridge_1127-2072.jpg",
-          authorName: "Engineer Team",
-          authorAvatar: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4920.jpg",
-          date: "2024-10-01",
-        },
-        {
-          id: "b2",
-          category: "Industrial",
-          title: "Steel Factory Efficiency",
-          excerpt: "Optimizing production for quicker project turnover.",
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-repairing-metal-parts-machine-tool-busy-factory_613910-5507.jpg",
-          authorName: "Operations Mgr",
-          authorAvatar: "http://img.b2bpic.net/free-photo/male-engineer-reading-documents-while-checking-quality-manufactured-steel-rood-industrial-building_637285-4075.jpg",
-          date: "2024-09-25",
-        },
+        { id: "b1", category: "Construction", title: "Modernizing Bridge Infrastructure", excerpt: "How we used steel to support regional connectivity.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-arch-bridge_1127-2072.jpg", authorName: "Engineer Team", authorAvatar: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4920.jpg", date: "2024-10-01" },
+        { id: "b2", category: "Industrial", title: "Steel Factory Efficiency", excerpt: "Optimizing production for quicker project turnover.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-repairing-metal-parts-machine-tool-busy-factory_613910-5507.jpg", authorName: "Operations Mgr", authorAvatar: "http://img.b2bpic.net/free-photo/male-engineer-reading-documents-while-checking-quality-manufactured-steel-rood-industrial-building_637285-4075.jpg", date: "2024-09-25" },
       ]}
     />
   </div>
 
   <div id="home-footer" data-section="home-footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=4"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
       logoText="Atlas Steel PNG"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "/about" },
+            { label: "Services", href: "/services" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Support",          items: [
+            { label: "Contact", href: "/contact" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 062c860..30cd5ad 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -8,37 +8,29 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Projects",
-          id: "/projects",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Projects", id: "/projects" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Atlas Steel PNG"
     />
@@ -51,37 +43,19 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Steel Fabrication",
-          description: "Custom fabrication tailored to architectural blueprints.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-fitter-working-doing-polishing-metal_651396-96.jpg",
-          },
+          title: "Steel Fabrication",          description: "Custom fabrication tailored to architectural blueprints.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/man-fitter-working-doing-polishing-metal_651396-96.jpg" },
           items: [],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/greyscale-low-angle-shot-male-walking-through-bridge_181624-12054.jpg?_wi=4",
-          imageAlt: "industrial steel fabrication",
+          reverse: false
         },
         {
-          title: "Precision Welding",
-          description: "Certified welding services for industrial projects.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/cutting-metal-with-plasma-equipment_176420-4783.jpg",
-          },
+          title: "Precision Welding",          description: "Certified welding services for industrial projects.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/cutting-metal-with-plasma-equipment_176420-4783.jpg" },
           items: [],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/metallic-structure-with-wooden-ceiling_250224-354.jpg?_wi=3",
-          imageAlt: "industrial steel fabrication",
+          reverse: true
         },
         {
-          title: "Material Supply",
-          description: "Wide stock of steel beams and industrial components.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-going-through-paperwork-while-working-warehouse_637285-3948.jpg",
-          },
+          title: "Material Supply",          description: "Wide stock of steel beams and industrial components.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-going-through-paperwork-while-working-warehouse_637285-3948.jpg" },
           items: [],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg?_wi=3",
-          imageAlt: "industrial steel fabrication",
+          reverse: false
         },
       ]}
       title="Comprehensive Steel Solutions"
@@ -94,9 +68,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Standards"
       description={[
-        "Rigorous quality testing on all materials.",
-        "Precision engineering for all blueprints.",
-      ]}
+        "Rigorous quality testing on all materials.",        "Precision engineering for all blueprints."]}
     />
   </div>
 
@@ -108,49 +80,27 @@ export default function LandingPage() {
       description="Queries about our specific service offerings."
       faqsAnimation="blur-reveal"
       faqs={[
-        {
-          id: "s1",
-          title: "Can you handle custom fabrication?",
-          content: "Yes, we create custom pieces based on your exact architectural design requirements.",
-        },
-        {
-          id: "s2",
-          title: "What welding methods do you use?",
-          content: "We employ MIG, TIG, and Stick welding tailored to the structural needs of each job.",
-        },
+        { id: "s1", title: "Can you handle custom fabrication?", content: "Yes, we create custom pieces based on your exact architectural design requirements." },
+        { id: "s2", title: "What welding methods do you use?", content: "We employ MIG, TIG, and Stick welding tailored to the structural needs of each job." },
       ]}
     />
   </div>
 
   <div id="home-footer" data-section="home-footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg?_wi=3"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-metal-background-light-falls-metal-generative-ai_169016-30475.jpg"
       logoText="Atlas Steel PNG"
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "/about" },
+            { label: "Services", href: "/services" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Support",          items: [
+            { label: "Contact", href: "/contact" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}