Update src/app/styles/base.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 ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -223,14 +223,32 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseReveal
       logoSrc="http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66298.jpg"
       logoAlt="Pavani Portfolio Logo"
       logoText="Pavani Portfolio"
-      leftLink={{
-        text: "© 2024 Pavani. All rights reserved.",        href: "#"}}
-      rightLink={{
-        text: "Privacy Policy",        href: "#"}}
+      columns={[
+        {
+          title: "Quick Links",          items: [
+            { label: "Home", href: "#home" },
+            { label: "About", href: "#about" },
+            { label: "Projects", href: "#projects" },
+            { label: "Contact", href: "#contact" },
+          ],
+        },
+        {
+          title: "Social Media",          items: [
+            { label: "LinkedIn", href: "https://www.linkedin.com/in/pavani" },
+            { label: "GitHub", href: "https://github.com/pavani" },
+          ],
+        },
+        {
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+          ],
+        },
+      ]}
+      copyrightText="© 2024 Pavani. All rights reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-libre-baskerville), serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }