Update src/app/styles/base.css

Merge version_2 into main

src/app/page.tsx

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Award, CheckCircle, Clock, Star } from "lucide-react";
+import { Award, CheckCircle, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -161,13 +161,27 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBase
+        logoText="Artesano"
+        copyrightText="© 2025 Artesano. All rights reserved."
         columns={[
-          { title: "Menu", items: [{ label: "Dinner" }, { label: "Drinks" }] },
-          { title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] }
+          { 
+            title: "Discover", 
+            items: [{ label: "Our Story", href: "#about" }, { label: "Signature Menu", href: "#menu" }] 
+          },
+          { 
+            title: "Service", 
+            items: [{ label: "Reserve Now", href: "#contact" }, { label: "Locations", href: "#experience" }] 
+          },
+          { 
+            title: "Legal", 
+            items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] 
+          },
+          { 
+            title: "Connect", 
+            items: [{ label: "Instagram", href: "#" }, { label: "Newsletter", href: "#" }] 
+          }
         ]}
-        bottomLeftText="© 2025 Artesano"
-        bottomRightText="Designed for the discerning palate."
       />
   </div>
       </ReactLenis>

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-cinzel), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;