src/app/page.tsx

@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
@@ -25,18 +25,18 @@ export default function LandingPage() {
         cardStyle="solid"
         primaryButtonStyle="double-inset"
         secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleApple
       navItems={[
         { name: "About", id: "#about" },
         { name: "Features", id: "#features" },
         { name: "Products", id: "#products" },
         { name: "Contact", id: "#contact" },
       ]}
-      brandName="Business Name"
+      brandName="LuxeBusiness"
     />
   </div>
 
@@ -169,8 +169,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Business Name"
+      <FooterMedia
+      logoText="LuxeBusiness"
+      imageSrc="http://img.b2bpic.net/free-photo/architectural-details-modern-building_23-2148818458.jpg"
+      columns={[
+          { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+          { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+      ]}
       copyrightText="© 2025 | All Rights Reserved"
     />
   </div>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-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-dm-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #080200;
-  --card: #1a0d0b;
-  --foreground: #ffe6d5;
-  --primary-cta: #ffaa70;
+  --background: #fbfbfb;
+  --card: #f2f2f2;
+  --foreground: #1a1a1a;
+  --primary-cta: #1a1a1a;
   --primary-cta-text: #080200;
-  --secondary-cta: #170b07;
+  --secondary-cta: #e8e8e8;
   --secondary-cta-text: #ffe6d5;
-  --accent: #7b5e4a;
-  --background-accent: #b8541e;
+  --accent: #d4af37;
+  --background-accent: #f0ede0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);