Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
@@ -110,12 +110,13 @@ export default function LandingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterLogoEmphasis
+            <FooterBaseReveal
-            columns={[
-              { items: [{ label: "Shop", href: "#features" }, { label: "Bundles", href: "#pricing" }] },
-              { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
-            ]}
             logoText="DecantLuxury"
+            columns={[
+              { title: "Shop", items: [{ label: "Collection", href: "#features" }, { label: "Packs", href: "#pricing" }] },
+              { title: "Company", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
+            ]}
+            copyrightText="© 2024 DecantLuxury. All rights reserved."
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fdf8f5;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #1a1a1a;
+  --foreground: #f5f5f5;
-  --primary-cta: #c19a6b;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #ffffff;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #d4af37;
+  --accent: #b8860b;
-  --background-accent: #e6e1d5;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);