diff --git a/public/images/home/home-banner-1-authentic.webp b/public/images/home/home-banner-1-authentic.webp
index b3f4fc0..3681417 100644
Binary files a/public/images/home/home-banner-1-authentic.webp and b/public/images/home/home-banner-1-authentic.webp differ
diff --git a/public/images/home/home-banner-2-turkish-flavours.webp b/public/images/home/home-banner-2-turkish-flavours.webp
index 02def20..89d2a0e 100644
Binary files a/public/images/home/home-banner-2-turkish-flavours.webp and b/public/images/home/home-banner-2-turkish-flavours.webp differ
diff --git a/public/images/home/home-banner-3-luxury.webp b/public/images/home/home-banner-3-luxury.webp
index 87a7d47..0c80c35 100644
Binary files a/public/images/home/home-banner-3-luxury.webp and b/public/images/home/home-banner-3-luxury.webp differ
diff --git a/src/app/about-antalya-restaurant/about.module.css b/src/app/about-antalya-restaurant/about.module.css
index 2ed52ee..230a890 100644
--- a/src/app/about-antalya-restaurant/about.module.css
+++ b/src/app/about-antalya-restaurant/about.module.css
@@ -106,7 +106,7 @@
 .text {
   font-size: 1.1rem;
   line-height: 1.8;
-  /* color: #5d4037; */
+  color: var(--color-alterparagraph) !important;
   margin-bottom: 1.5rem;
   opacity: 0.9;
   font-family: var(--font-lato);
@@ -124,7 +124,7 @@
   display: inline-block;
   padding: 15px 40px;
   border: 2px solid #b07c4b;
-  color: var(--color-paragraph);
+ color: var(--color-alterparagraph) !important;
   font-family: var(--font-lato);
   font-size: 1.1rem;
   text-transform: uppercase;
@@ -137,7 +137,7 @@
 
 .menuButton:hover {
   background-color: #c49c5c;
-  color: #F5E6D3;
+  color: #fff;
 }
 
 .smallHeading {
@@ -195,7 +195,7 @@
 .featureDesc {
   font-family: var(--font-lato);
   font-size: 1rem;
-  /* color: #5d4037; */
+  color: var(--color-alterparagraph) !important;
   line-height: 1.6;
 }
 
@@ -213,7 +213,7 @@
 .sliderBtn {
   background: transparent;
   border: 2px solid #b07c4b;
-  color: var(--color-paragraph);
+  color: var(--color-alterparagraph) !important;
   font-size: 2.5rem;
   width: 50px;
   height: 50px;
@@ -549,7 +549,7 @@
 .faqSubtitle {
   font-family: var(--font-lato);
   font-size: 1.1rem;
-  color: var(--color-paragraph);
+  color: var(--color-alterparagraph) !important;
   line-height: 1.6;
   margin-bottom: 1rem;
 }
diff --git a/src/app/antalya-restaurant-gallery/gallery.module.css b/src/app/antalya-restaurant-gallery/gallery.module.css
index abdaff9..3676545 100644
--- a/src/app/antalya-restaurant-gallery/gallery.module.css
+++ b/src/app/antalya-restaurant-gallery/gallery.module.css
@@ -70,7 +70,7 @@
 
 .description {
     font-size: var(--body-size);
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     line-height: 1.8;
     font-family: var(--font-lato);
     max-width: 800px;
diff --git a/src/app/antalya-restaurant-menu/MenuContent.tsx b/src/app/antalya-restaurant-menu/MenuContent.tsx
index 7a91de6..07b8a9d 100644
--- a/src/app/antalya-restaurant-menu/MenuContent.tsx
+++ b/src/app/antalya-restaurant-menu/MenuContent.tsx
@@ -95,7 +95,7 @@ export default function MenuPage() {
                     <Image src="/images/eat.png" alt="Menu Section Decorative Cutlery Icon" width={24} height={24} />
                 </div>
                 <h2 className={styles.mainHeading}>Delicious Turkish Flavours, Mezze, and More</h2>
-                <p className={styles.description}>
+                <p className={styles.descriptionMenu}>
                     Craving authentic Turkish cuisine? At Antalya, our menu features a wide selection of traditional dishes - from crispy mezze appetizers to charcoal-grilled kebabs and hearty mains. Whether you’re seeking small bites or a full feast, we have something to satisfy every palate.
                 </p>
             </section>
diff --git a/src/app/antalya-restaurant-menu/menu.module.css b/src/app/antalya-restaurant-menu/menu.module.css
index 427c874..bcd7077 100644
--- a/src/app/antalya-restaurant-menu/menu.module.css
+++ b/src/app/antalya-restaurant-menu/menu.module.css
@@ -246,9 +246,18 @@
     line-height: 1.2;
 }
 
+.descriptionMenu {
+        font-size: var(--body-size);
+    color: var(--color-alterparagraph) !important;
+    line-height: 1.5;
+    font-family: var(--font-lato);
+    margin: 0;
+ 
+}
+
 .description {
     font-size: 0.95rem;
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     line-height: 1.5;
     font-family: var(--font-lato);
     margin: 0;
diff --git a/src/app/antalya-turkish-food-blog/[id]/blogDetail.module.css b/src/app/antalya-turkish-food-blog/[id]/blogDetail.module.css
index 48957a2..0a1f904 100644
--- a/src/app/antalya-turkish-food-blog/[id]/blogDetail.module.css
+++ b/src/app/antalya-turkish-food-blog/[id]/blogDetail.module.css
@@ -1,6 +1,6 @@
 .main {
     background-color: var(--color-dark);
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     min-height: 100vh;
 }
 
@@ -130,6 +130,7 @@
 
 .content p {
     margin-bottom: 1.2rem;
+    color: var(--color-alterparagraph) !important;
 }
 
 .content ul {
@@ -139,7 +140,7 @@
 
 .content li {
     margin-bottom: 0.8rem;
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
 }
 
 .content strong {
@@ -148,7 +149,7 @@
 }
 
 .content a {
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     text-decoration: underline;
     transition: color 0.3s;
 }
@@ -179,7 +180,7 @@
     content: "✓";
     position: absolute;
     left: 0;
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     font-weight: bold;
     font-size: 1.2rem;
 }
@@ -201,7 +202,7 @@
     font-family: var(--font-playfair);
     font-size: 1.4rem;
     font-style: italic;
-    /* color: #5d4037; */
+    color: var(--color-alterparagraph) !important;
     line-height: 1.8;
     margin: 0;
     position: relative;
@@ -214,7 +215,7 @@
     font-family: var(--font-lato);
     font-size: 1rem;
     font-style: normal;
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     font-weight: 600;
 }
 
@@ -265,7 +266,7 @@
 }
 
 .backLink {
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     font-size: 1.2rem;
     text-decoration: underline;
 }
diff --git a/src/app/antalya-turkish-food-blog/blog.module.css b/src/app/antalya-turkish-food-blog/blog.module.css
index 5637542..00f5064 100644
--- a/src/app/antalya-turkish-food-blog/blog.module.css
+++ b/src/app/antalya-turkish-food-blog/blog.module.css
@@ -70,7 +70,7 @@
 
 .description {
     font-size: var(--body-size);
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     line-height: 1.8;
     font-family: var(--font-lato);
     max-width: 800px;
@@ -144,13 +144,14 @@
     margin-bottom: 1.5rem;
     flex-grow: 1;
     font-family: var(--font-lato);
+    color: var(--color-alterparagraph) !important;
 }
 
 .button {
     display: inline-block;
     padding: 10px 25px;
     border: 2px solid #b07c4b;
-    color: #5d4037;
+    color: var(--color-alterparagraph) !important;
     text-align: center;
     transition: all 0.3s ease;
     align-self: flex-start;
@@ -162,7 +163,7 @@
 
 .button:hover {
     background-color: #c49c5c;
-    color: #d3cab3;
+    color: #fff !important;
 }
 
 @media (max-width: 768px) {
diff --git a/src/app/book-a-table/contact.module.css b/src/app/book-a-table/contact.module.css
index d48c85b..8ad8e65 100644
--- a/src/app/book-a-table/contact.module.css
+++ b/src/app/book-a-table/contact.module.css
@@ -85,6 +85,7 @@
 
 .subtitle {
     font-size: var(--body-size);
+    color: var(--color-alterparagraph) !important;
     line-height: 1.6;
     margin-bottom: 2rem;
     font-family: var(--font-lato);
@@ -145,7 +146,7 @@
 
 .charCount {
     font-size: var(--small-text-size);
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     text-align: right;
     font-family: var(--font-lato);
 }
@@ -153,7 +154,7 @@
 .submitButton {
     background: #c49c5c;
     border: none;
-    color: #d3cab3;
+    color: #fff;
     padding: 15px 40px;
     font-size: var(--body-size);
     font-weight: 600;
@@ -257,7 +258,7 @@
 
 .locationSubtitle {
     font-size: var(--small-text-size);
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     margin-bottom: 0.5rem;
     font-family: var(--font-lato);
 }
diff --git a/src/app/catering-services-ontario/catering.module.css b/src/app/catering-services-ontario/catering.module.css
index 6cceabd..846231a 100644
--- a/src/app/catering-services-ontario/catering.module.css
+++ b/src/app/catering-services-ontario/catering.module.css
@@ -111,7 +111,7 @@
 
 .description1 {
     font-size: var(--body-size);
-    color: var(--color-paragraph);
+   color: var(--color-alterparagraph) !important;
     line-height: 1.8;
     font-family: var(--font-lato);
     /* max-width: 800px; */
@@ -653,7 +653,7 @@
 
 .servingDescription {
     font-size: var(--body-size);
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     line-height: 1.8;
     font-family: var(--font-lato);
     /* max-width: 800px; */
@@ -1026,7 +1026,7 @@
     gap: 15px;
     margin-bottom: 20px;
     font-size: var(--body-size);
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     font-family: var(--font-lato);
     line-height: 1.6;
 }
@@ -1039,7 +1039,7 @@
 }
 
 .lastButton {
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     font-family: var(--font-lato);
     text-transform: uppercase;
     letter-spacing: 1px;
@@ -1055,7 +1055,7 @@
 
 .lastButton:hover {
     background-color: #c49c5c;
-    color: #F5E6D3;
+    color: #fff !important;
     transform: translateY(-2px);
     /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */
 }
diff --git a/src/app/globals.css b/src/app/globals.css
index 1c690b8..7fffa72 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3,6 +3,7 @@
   --color-heading: #d3cab3;
   --color-button: #d28839;
   --color-paragraph: #c49c5c;
+  --color-alterparagraph: #b07c4b;
   --color-border: #b07c4b;
   --color-dark: #0a0a0a;
   --color-input-bg: #e8e0d5;
diff --git a/src/components/About/About.module.css b/src/components/About/About.module.css
index ac821f6..915be8f 100644
--- a/src/components/About/About.module.css
+++ b/src/components/About/About.module.css
@@ -92,7 +92,7 @@
     line-height: 1.8;
     margin-bottom: 50px;
     max-width: 60%;
-    font-size: 1rem;
+    font-size: 18px;
     opacity: 0.8;
 }
 
diff --git a/src/components/Blogs/Blogs.module.css b/src/components/Blogs/Blogs.module.css
index 899731d..3c748f5 100644
--- a/src/components/Blogs/Blogs.module.css
+++ b/src/components/Blogs/Blogs.module.css
@@ -79,7 +79,7 @@
 .excerpt {
     font-family: var(--font-playfair);
     font-size: 0.95rem;
-    /* color: #5d4037; */
+    color: var(--color-alterparagraph) !important;
     margin-bottom: 25px;
     line-height: 1.6;
     max-width: 90%;
@@ -103,7 +103,7 @@
 
 .button:hover {
     background-color: #c49c5c;
-    color: #d3cab3;
+    color: #fff;
 }
 
 .arrow {
diff --git a/src/components/Hero/Hero.module.css b/src/components/Hero/Hero.module.css
index d897338..682b31b 100644
--- a/src/components/Hero/Hero.module.css
+++ b/src/components/Hero/Hero.module.css
@@ -28,7 +28,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.5);
+    /* background: rgba(0, 0, 0, 0.5); */
     z-index: 2;
     display: flex;
     flex-direction: column;
diff --git a/src/components/Menu/Menu.module.css b/src/components/Menu/Menu.module.css
index 3c8a0ad..134acf0 100644
--- a/src/components/Menu/Menu.module.css
+++ b/src/components/Menu/Menu.module.css
@@ -206,7 +206,7 @@
 }
 
 .description {
-    font-size: 0.95rem;
+    font-size: var(--body-size);
     color: var(--color-paragraph);
     line-height: 1.5;
     font-family: var(--font-lato);
diff --git a/src/components/PopularDishes/PopularDishes.module.css b/src/components/PopularDishes/PopularDishes.module.css
index 6243ff7..ddd981a 100644
--- a/src/components/PopularDishes/PopularDishes.module.css
+++ b/src/components/PopularDishes/PopularDishes.module.css
@@ -74,7 +74,7 @@
     font-family: var(--font-cinzel), serif;
     /* Using serif as per image look */
     font-size: 1rem;
-    color: var(--color-paragraph);
+    color: var(--color-alterparagraph) !important;
     margin-bottom: 30px;
     line-height: 1.6;
     max-width: 90%;
@@ -97,7 +97,7 @@
 
 .button:hover {
     background-color: #c49c5c;
-    color: #d3cab3;
+    color: #fff;
 }
 
 .viewMoreContainer {