diff --git a/src/app/page.tsx b/src/app/page.tsx
index 04ca50d..1939d27 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -203,11 +203,11 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="3D Dev Portfolio"
       columns={[
         {
-          title: "Services",          items: [
+          items: [
             {
               label: "3D Experiences",              href: "#services"},
             {
@@ -219,7 +219,7 @@ export default function LandingPage() {
           ],
         },
         {
-          title: "Projects",          items: [
+          items: [
             {
               label: "Data Dashboards",              href: "#projects"},
             {
@@ -231,7 +231,7 @@ export default function LandingPage() {
           ],
         },
         {
-          title: "Company",          items: [
+          items: [
             {
               label: "About",              href: "#about"},
             {
@@ -241,7 +241,6 @@ export default function LandingPage() {
           ],
         },
       ]}
-      copyrightText="© 2024 | 3D Dev Portfolio"
     />
   </div>
       </ReactLenis>
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 52de42f..c719d19 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-open-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }