Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Coffee, Utensils } from "lucide-react";
+import { Coffee, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -21,10 +21,10 @@ export default function LandingPage() {
         contentWidth="medium"
         sizing="mediumLarge"
         background="noiseDiagonalGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -34,7 +34,7 @@ export default function LandingPage() {
         { name: "Menu", id: "menu" },
         { name: "Sides & Appetizers", id: "sides" },
         { name: "Gallery", id: "gallery" },
-        { name: "Visit Us", id: "contact" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Gelateca"
     />
@@ -144,18 +144,22 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCenter
+      tag="Find Us"
+      title="Located near Dede Gorgud Park & Zoo"
+      description="Visit us today to experience the taste of Italy in Baku. We are conveniently situated for a perfect day out."
+      tagIcon={MapPin}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={true}
-      background={{ variant: "gradient-bars" }}
-      text="Visit us today and taste real Italy. We're located near Dede Gorgud Park & Zoo."
-      buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
+      buttonText="Get Directions"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoReveal
       logoText="Gelateca"
-      copyrightText="© 2025 Gelateca | All rights reserved."
+      leftLink={{ text: "Menu", href: "#menu" }}
+      rightLink={{ text: "Contact", href: "#contact" }}
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-font-family: var(--font-poppins), sans-serif;), sans-serif;
+  font-family: var(--font-font-family: var(--font-libre-baskerville), sans-serif;), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-font-family: var(--font-poppins), sans-serif;), sans-serif;
+  font-family: var(--font-font-family: var(--font-libre-baskerville), sans-serif;), sans-serif;
 }