diff --git a/src/app/avis/page.tsx b/src/app/avis/page.tsx
index 065871e..af3ad69 100644
--- a/src/app/avis/page.tsx
+++ b/src/app/avis/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function ReviewsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,152 +21,48 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Accueil",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Livraison",
-          id: "/livraison",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-        {
-          name: "Avis",
-          id: "/avis",
-        },
-      ]}
-      brandName="Sakura"
-      button={{
-        text: "Commander",
-        href: "/menu",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Accueil", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "Livraison", id: "/livraison" },
+              { name: "Contact", id: "/contact" },
+              { name: "Avis", id: "/avis" }
+            ]}
+            brandName="Sakura"
+            button={{ text: "Commander", href: "/menu" }}
+          />
+        </div>
 
-  <div id="avis-body" data-section="avis-body">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "User 1",
-          role: "Client",
-          testimonial: "Super !",
-          imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
-        },
-        {
-          id: "2",
-          name: "User 2",
-          role: "Client",
-          testimonial: "Très bien.",
-          imageSrc: "http://img.b2bpic.net/free-photo/casual-young-african-man-smiling-isolated-white_93675-128895.jpg",
-        },
-        {
-          id: "3",
-          name: "User 3",
-          role: "Client",
-          testimonial: "À recommander.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3705.jpg",
-        },
-        {
-          id: "4",
-          name: "User 4",
-          role: "Client",
-          testimonial: "Excellent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
-        },
-        {
-          id: "5",
-          name: "User 5",
-          role: "Client",
-          testimonial: "Rapport qualité prix top.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-shows-his-thumbs-up_8353-10144.jpg",
-        },
-      ]}
-      title="Avis Clients"
-      description="Plus de 200 avis positifs."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Ce que nos clients disent de nous"
+            description="Retrouvez les avis de nos clients fidèles qui nous font confiance pour leur pause déjeuner ou leur dîner à Chenôve."
+            testimonials={[
+              { id: "1", name: "Marie D.", role: "Cliente", company: "Chenôve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-confident-male-office-worker-spectacles-formal-shirt-with-dark-skin-poses-spacious-cabinet_273609-3441.jpg" },
+              { id: "2", name: "Jean P.", role: "Client", company: "Chenôve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
+              { id: "3", name: "Lucie B.", role: "Cliente", company: "Dijon", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg" },
+              { id: "4", name: "Marc L.", role: "Client", company: "Chenôve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-businessman_23-2150793883.jpg" },
+              { id: "5", name: "Julie K.", role: "Cliente", company: "Longvic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2641.jpg" },
+              { id: "6", name: "Thomas R.", role: "Client", company: "Chenôve", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-posing-camera_114579-2228.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      cardTitle="Ce que disent nos clients fidèles"
-      cardTag="Retours"
-      cardAnimation="slide-up"
-      testimonials={[
-        {
-          id: "1",
-          name: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-indian-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-129416.jpg",
-        },
-        {
-          id: "2",
-          name: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-dark-skinned-african-american-businessman-with-bristle_273609-28347.jpg",
-        },
-        {
-          id: "3",
-          name: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-wearing-casual-clothes-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-17771.jpg",
-        },
-        {
-          id: "4",
-          name: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg",
-        },
-        {
-          id: "5",
-          name: "Client",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-bearded-man-white-shirt-jacket-posing-camera-with-broad-smile-isolated-gray_171337-629.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Livraison",
-              href: "/livraison",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Sakura"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
+              { items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Sakura"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 9acab5c..30729fe 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,123 +2,45 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSmall"
-        background="blurBottom"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Accueil",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Livraison",
-          id: "/livraison",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-        {
-          name: "Avis",
-          id: "/avis",
-        },
-      ]}
-      brandName="Sakura"
-      button={{
-        text: "Commander",
-        href: "/menu",
-      }}
-    />
-  </div>
-
-  <div id="contact-body" data-section="contact-body">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Contact"
-      title="Contactez-nous"
-      description="Une question ? Une réservation ?"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Demande d'information"
-      description="N'hésitez pas à nous envoyer un message."
-      imageSrc="http://img.b2bpic.net/free-photo/customer-service-male-employee-with-headset_53876-126964.jpg"
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Nom complet",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Livraison",
-              href: "/livraison",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Sakura"
-    />
-  </div>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Accueil", id: "/" },
+                { name: "Menu", id: "/menu" },
+                { name: "Livraison", id: "/livraison" },
+                { name: "Contact", id: "/contact" },
+                { name: "Avis", id: "/avis" }
+            ]}
+            brandName="Sakura"
+            button={{ text: "Commander", href: "/menu" }}
+        />
+        <div className="pt-32 pb-16">
+            <ContactSplitForm
+                title="Contactez-nous"
+                description="Besoin d'une réservation ou d'une information ? Situés au cœur de Chenôve, nous sommes à votre écoute."
+                inputs={[
+                    { name: "name", type: "text", placeholder: "Votre Nom" },
+                    { name: "email", type: "email", placeholder: "Votre Email" }
+                ]}
+                textarea={{ name: "message", placeholder: "Votre message" }}
+                useInvertedBackground={true}
+            />
+        </div>
+        <FooterLogoEmphasis
+            columns={[
+                { items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
+                { items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Sakura"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/livraison/page.tsx b/src/app/livraison/page.tsx
index b98302a..f9d4c74 100644
--- a/src/app/livraison/page.tsx
+++ b/src/app/livraison/page.tsx
@@ -2,125 +2,48 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import { Truck, Clock, MapPin } from "lucide-react";
 
-export default function LandingPage() {
+export default function LivraisonPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="mediumLarge"
-        sizing="largeSmall"
-        background="blurBottom"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Accueil",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Livraison",
-          id: "/livraison",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-        {
-          name: "Avis",
-          id: "/avis",
-        },
-      ]}
-      brandName="Sakura"
-      button={{
-        text: "Commander",
-        href: "/menu",
-      }}
-    />
-  </div>
-
-  <div id="delivery-body" data-section="delivery-body">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Livraison"
-      description="Commandez et recevez chez vous."
-      imageSrc="http://img.b2bpic.net/free-photo/anime-style-house-architecture_23-2151064847.jpg"
-      imageAlt="Delivery Service"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardNineteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Options de Livraison"
-      description="Faites-vous livrer chez vous en toute sécurité."
-      features={[
-        {
-          tag: "Rapide",
-          title: "Zone de livraison",
-          subtitle: "Chenôve et environs",
-          description: "Un réseau optimisé pour arriver chaud.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050368.jpg",
-        },
-        {
-          tag: "Pratique",
-          title: "Suivi en temps réel",
-          subtitle: "Suivez votre commande",
-          description: "Une interface simple pour suivre vos sushis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-takeout-box-with-noodles-chopsticks-icon_23-2152015158.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Livraison",
-              href: "/livraison",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Sakura"
-    />
-  </div>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Accueil", id: "/" },
+                { name: "Menu", id: "/menu" },
+                { name: "Livraison", id: "/livraison" },
+                { name: "Contact", id: "/contact" },
+                { name: "Avis", id: "/avis" }
+            ]}
+            brandName="Sakura"
+            button={{ text: "Commander", href: "/menu" }}
+        />
+        <div className="pt-32 pb-16">
+            <FeatureCardTwentyFive
+                title="Informations de Livraison"
+                description="Livraison rapide et sécurisée à Chenôve et alentours."
+                animationType="slide-up"
+                textboxLayout="split"
+                useInvertedBackground={false}
+                features={[
+                    { title: "Zone de livraison", description: "Nous livrons dans un rayon de 10km autour de Chenôve.", icon: MapPin, mediaItems: [] },
+                    { title: "Horaires", description: "Service de livraison disponible de 11h30 à 14h00 et de 18h30 à 22h00.", icon: Clock, mediaItems: [] },
+                    { title: "Commande", description: "Commandez en ligne ou par téléphone pour une livraison express.", icon: Truck, mediaItems: [] }
+                ]}
+            />
+        </div>
+        <FooterLogoEmphasis
+            columns={[
+                { items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
+                { items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Sakura"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index bd49fcc..dd64096 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
-export default function LandingPage() {
+export default function MenuPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,104 +21,41 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Accueil",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Livraison",
-          id: "/livraison",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-        {
-          name: "Avis",
-          id: "/avis",
-        },
-      ]}
-      brandName="Sakura"
-      button={{
-        text: "Commander",
-        href: "/menu",
-      }}
-    />
-  </div>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Accueil", id: "/" },
+                { name: "Menu", id: "/menu" },
+                { name: "Livraison", id: "/livraison" },
+                { name: "Contact", id: "/contact" },
+                { name: "Avis", id: "/avis" }
+            ]}
+            brandName="Sakura"
+            button={{ text: "Commander", href: "/menu" }}
+        />
+        
+        <div className="pt-32 pb-16">
+            <ProductCardTwo
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="four-items-2x2-equal-grid"
+              title="Menu Complet"
+              description="Découvrez toutes nos spécialités."
+              products={[
+                { id: "1", brand: "Sushi", name: "Sushi Saumon", price: "4,00€", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/asian-meal_23-2148142533.jpg" },
+                { id: "2", brand: "Maki", name: "California Thon", price: "5,50€", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/various-sushi-with-ginger-wasabi_140725-70.jpg" },
+                { id: "3", brand: "Sashimi", name: "Sashimi Mixte", price: "16,00€", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-fish-slices-with-lemon-slices-seasonings-dark-seafood-dish-color-food-meat-photo-raw_140725-143992.jpg" },
+                { id: "4", brand: "Brochettes", name: "Menu Yakitori 5", price: "12,00€", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-shrimps-sticks-served-with-lettuce-tomatoes-onions_141793-1066.jpg" }
+              ]}
+            />
+        </div>
 
-  <div id="menu-body" data-section="menu-body">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Notre Carte"
-      description="Découvrez notre sélection de spécialités japonaises."
-      imageSrc="http://img.b2bpic.net/free-photo/sushi-dish-asian-restaurant_23-2148195622.jpg"
-      imageAlt="Menu Showcase"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardNineteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Nos Spécialités"
-      description="Découvrez notre savoir-faire unique."
-      features={[
-        {
-          tag: "Sushi",
-          title: "Sashimi",
-          subtitle: "Fraîcheur intense",
-          description: "Poisson cru tranché avec précision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-red-caviar_140725-3084.jpg",
-        },
-        {
-          tag: "Yakitori",
-          title: "Brochettes",
-          subtitle: "Grillées à la perfection",
-          description: "Viande marinée et grillée au charbon.",
-          imageSrc: "http://img.b2bpic.net/free-photo/steaming-grilled-meat-skewers-with-sesame-seeds_84443-85868.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Livraison",
-              href: "/livraison",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Sakura"
-    />
-  </div>
+        <FooterLogoEmphasis
+            columns={[
+                { items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
+                { items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Sakura"
+        />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 747bfaf..e02ac32 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-cormorant-garamond), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 0f2229e..716b5fc 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,9 +10,9 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #1a1a1a;
+  --background: #FFFFFF;
+  --card: #fcecea;
+  --foreground: #000000;
   --primary-cta: #C0392B;
   --primary-cta-text: #FFFFFF;
   --secondary-cta: #FFFFFF;