Merge version_4 into main

Merge version_4 into main

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';
@@ -45,7 +45,7 @@ export default function LandingPage() {
         {
           name: "Contact",          id: "#contact"},
       ]}
-      brandName="3D Dev Portfolio"
+      brandName="0x001v Studio"
       bottomLeftText="Global Community"
       bottomRightText="hello@example.com"
     />
@@ -188,7 +188,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient"}}
+        variant: "sparkles-gradient"}}
       tag="Get in Touch"
       title="Let's Build Something Amazing"
       description="Ready to transform your ideas into an immersive web experience? Contact me today to discuss your project."
@@ -203,11 +203,11 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="3D Dev Portfolio"
+      <FooterLogoEmphasis
+      logoText="0x001v Studio"
       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>

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;
 }