Update src/app/styles/base.css

Merge version_2 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 } from "lucide-react";
+import { Coffee, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -21,31 +21,20 @@ 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">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Visit Us",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Menu", id: "menu" },
+        { name: "Sides & Appetizers", id: "sides" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Gelateca"
     />
@@ -56,14 +45,8 @@ export default function LandingPage() {
       logoText="Gelateca"
       description="Experience Authentic Italian Gelato & Cuisine in the heart of Baku. Crafted with passion, loved by locals."
       buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-        {
-          text: "Visit Us",
-          href: "#contact",
-        },
+        { text: "View Menu", href: "#menu" },
+        { text: "Visit Us", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blueberry-ice-cream-background-top-view_123827-21368.jpg?_wi=1"
     />
@@ -89,71 +72,40 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Artisanal Gelato",
-          price: "Delicious",
-          variant: "Pistachio, Chocolate, Vanilla",
-          imageSrc: "http://img.b2bpic.net/free-photo/pistachio-ice-cream-white-background_23-2148177335.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Traditional Pasta",
-          price: "Classic",
-          variant: "Authentic recipes",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-pasta-cooking-pot-jute-textile-with-cherry-tomato-salad_23-2148076248.jpg",
-        },
-        {
-          id: "p3",
-          name: "Premium Coffee",
-          price: "Rich",
-          variant: "Roasted to perfection",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-multilayer-coffee-glass-with-foam_23-2147908390.jpg",
-        },
+        { id: "p1", name: "Artisanal Gelato", price: "Delicious", variant: "Pistachio, Chocolate, Vanilla", imageSrc: "http://img.b2bpic.net/free-photo/pistachio-ice-cream-white-background_23-2148177335.jpg?_wi=1" },
+        { id: "p2", name: "Traditional Pasta", price: "Classic", variant: "Authentic recipes", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-pasta-cooking-pot-jute-textile-with-cherry-tomato-salad_23-2148076248.jpg" },
+        { id: "p3", name: "Premium Coffee", price: "Rich", variant: "Roasted to perfection", imageSrc: "http://img.b2bpic.net/free-photo/close-up-multilayer-coffee-glass-with-foam_23-2147908390.jpg" },
       ]}
       title="Our Signature Flavors"
       description="Discover our handcrafted selection of artisanal gelato, traditional pasta, and premium Italian coffee."
     />
   </div>
 
+  <div id="sides" data-section="sides">
+      <ProductCardFour
+      animationType="slide-up"
+      textboxLayout="split"
+      gridVariant="four-items-2x2-equal-grid"
+      useInvertedBackground={true}
+      products={[
+        { id: "s1", name: "Bruschetta Trio", price: "Classic", variant: "Tomato, Basil, Olive Oil", imageSrc: "http://img.b2bpic.net/free-photo/bruschetta-tomatoes-basil-bread_1150-13723.jpg" },
+        { id: "s2", name: "Caprese Salad", price: "Fresh", variant: "Mozzarella, Tomato, Pesto", imageSrc: "http://img.b2bpic.net/free-photo/caprese-salad_1150-14300.jpg" },
+      ]}
+      title="Sides & Appetizers"
+      description="Start your meal right with our selection of fresh and vibrant Italian-inspired appetizers."
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardMedia
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Authentic Recipes",
-          description: "Generations of Italian traditions in every bite.",
-          tag: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409604.jpg",
-          imageAlt: "Close up texture of cream",
-        },
-        {
-          id: "f2",
-          title: "Handmade Gelato",
-          description: "Crafted daily with premium, natural ingredients.",
-          tag: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/blueberry-ice-cream-background-top-view_123827-21368.jpg?_wi=2",
-          imageAlt: "Close up texture of cream",
-        },
-        {
-          id: "f3",
-          title: "Work-Friendly Space",
-          description: "Cozy atmosphere with reliable power and Wi-Fi.",
-          tag: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg?_wi=2",
-          imageAlt: "Close up texture of cream",
-        },
-        {
-          id: "f4",
-          title: "Premium Coffee",
-          description: "The perfect blend for your morning or afternoon.",
-          tag: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/pistachio-ice-cream-white-background_23-2148177335.jpg?_wi=2",
-          imageAlt: "Close up texture of cream",
-        },
+        { id: "f1", title: "Authentic Recipes", description: "Generations of Italian traditions in every bite.", tag: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409604.jpg" },
+        { id: "f2", title: "Handmade Gelato", description: "Crafted daily with premium, natural ingredients.", tag: "2", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-ice-cream-background-top-view_123827-21368.jpg?_wi=2" },
+        { id: "f3", title: "Work-Friendly Space", description: "Cozy atmosphere with reliable power and Wi-Fi.", tag: "3", imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg?_wi=2" },
+        { id: "f4", title: "Premium Coffee", description: "The perfect blend for your morning or afternoon.", tag: "4", imageSrc: "http://img.b2bpic.net/free-photo/pistachio-ice-cream-white-background_23-2148177335.jpg?_wi=2" },
       ]}
       title="Why Choose Gelateca?"
       description="We offer more than just food; we offer an Italian escape."
@@ -166,27 +118,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          id: "g1",
-          title: "Modern Interior",
-          description: "Relax in style.",
-          tag: "Vibe",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-bolognese-spaghetti-topped-with-basil-turquoise-plate_140725-5095.jpg",
-        },
-        {
-          id: "g2",
-          title: "Cozy Corners",
-          description: "Your perfect workspace.",
-          tag: "Focus",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-customs-food-plate_52683-91623.jpg",
-        },
-        {
-          id: "g3",
-          title: "Outdoor Views",
-          description: "Near Dede Gorgud Park.",
-          tag: "Location",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150900925.jpg",
-        },
+        { id: "g1", title: "Modern Interior", description: "Relax in style.", tag: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bolognese-spaghetti-topped-with-basil-turquoise-plate_140725-5095.jpg" },
+        { id: "g2", title: "Cozy Corners", description: "Your perfect workspace.", tag: "Focus", imageSrc: "http://img.b2bpic.net/free-photo/delicious-customs-food-plate_52683-91623.jpg" },
+        { id: "g3", title: "Outdoor Views", description: "Near Dede Gorgud Park.", tag: "Location", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150900925.jpg" },
       ]}
       title="Inside Gelateca"
       description="A cozy, welcoming environment designed for memories."
@@ -200,46 +134,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Ahmed",
-          role: "Food Blogger",
-          company: "Baku Life",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-delicious-ice-cream-waffle-cone-outdoors_169016-43904.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael D.",
-          role: "Local",
-          company: "Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-melon-ice-cream-cup_53876-42677.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena P.",
-          role: "Digital Nomad",
-          company: "Creative",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-table_23-2149212128.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          role: "Coffee Enthusiast",
-          company: "CafeHunter",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-licks-lips-with-tongue-looks-appetizing-cone-ice-cream-feels-temptation-eat-delicious-frozen-summer-dessert-after-work-dressed-formal-clothing_273609-52799.jpg",
-        },
-        {
-          id: "t5",
-          name: "Layla M.",
-          role: "Visitor",
-          company: "Tourist",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
-        },
+        { id: "t1", name: "Sarah Ahmed", role: "Food Blogger", company: "Baku Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-delicious-ice-cream-waffle-cone-outdoors_169016-43904.jpg" },
+        { id: "t2", name: "Michael D.", role: "Local", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-melon-ice-cream-cup_53876-42677.jpg" },
+        { id: "t3", name: "Elena P.", role: "Digital Nomad", company: "Creative", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-table_23-2149212128.jpg" },
       ]}
       title="What Our Guests Say"
       description="Join our community of over 500+ happy visitors."
@@ -247,28 +144,25 @@ 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>
     </ThemeProvider>
   );
-}
+}

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;
 }