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: "#" },
           ],
         },
       ]}