From 709244b935d7d20616703bd08ffbf295f18e6215 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Mon, 6 Apr 2026 16:38:06 +0530
Subject: [PATCH] color code updated

---
 .../about-antalya-restaurant/AboutContent.tsx    |  6 +++---
 .../about-antalya-restaurant/about.module.css    | 13 +++++++++++--
 .../gallery.module.css                           |  4 ++--
 src/app/antalya-restaurant-menu/menu.module.css  |  6 +++---
 .../[id]/blogDetail.module.css                   | 16 ++++++++--------
 .../antalya-turkish-food-blog/blog.module.css    |  4 ++--
 src/app/book-a-table/contact.module.css          |  2 +-
 .../CateringContent.tsx                          |  6 +++---
 .../CateringPopup.module.css                     |  2 +-
 .../catering.module.css                          | 14 +++++++-------
 src/components/Blogs/Blogs.module.css            |  2 +-
 src/components/FAQ/FAQ.module.css                |  4 ++--
 src/components/Menu/Menu.module.css              | 12 ++++++++++--
 src/components/Menu/Menu.tsx                     |  2 +-
 14 files changed, 55 insertions(+), 38 deletions(-)

diff --git a/src/app/about-antalya-restaurant/AboutContent.tsx b/src/app/about-antalya-restaurant/AboutContent.tsx
index 3ae6356..8741304 100644
--- a/src/app/about-antalya-restaurant/AboutContent.tsx
+++ b/src/app/about-antalya-restaurant/AboutContent.tsx
@@ -196,7 +196,7 @@ export default function AboutContent() {
                     variants={staggerContainer}
                 >
                     <motion.div className={styles.textBlock} variants={slideInLeft}>
-                        <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
+                        <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
                             <Image src="/images/dinner.png" alt="Our Story Decorative Dinner Icon" width={24} height={24} />
                             <span>ANTALYA</span>
                             <Image src="/images/eat.png" alt="Our Story Decorative Cutlery Icon" width={24} height={24} />
@@ -274,7 +274,7 @@ export default function AboutContent() {
                         <Image src="/images/about-us/why-choose-us.webp" alt="Why Choose Us" width={500} height={350} className={styles.image} />
                     </motion.div>
                     <motion.div className={styles.textBlock} variants={slideInRight}>
-                        <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
+                        <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
                             <Image src="/images/dinner.png" alt="Why Choose Us Dinner Icon" width={24} height={24} />
                             <span>ANTALYA</span>
                             <Image src="/images/eat.png" alt="Why Choose Us Cutlery Icon" width={24} height={24} />
@@ -416,7 +416,7 @@ export default function AboutContent() {
                         />
                     </motion.div>
                     <motion.div className={styles.faqContentBlock} variants={slideInRight}>
-                        <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
+                        <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
                             <Image src="/images/dinner.png" alt="FAQ Section Decorative Dinner Icon" width={24} height={24} />
                             <span>ANTALYA</span>
                             <Image src="/images/eat.png" alt="FAQ Section Decorative Cutlery Icon" width={24} height={24} />
diff --git a/src/app/about-antalya-restaurant/about.module.css b/src/app/about-antalya-restaurant/about.module.css
index de11f07..2a6d9a9 100644
--- a/src/app/about-antalya-restaurant/about.module.css
+++ b/src/app/about-antalya-restaurant/about.module.css
@@ -87,7 +87,7 @@
 .sectionTitle {
   font-family: var(--font-playfair);
   font-size: 2.5rem;
-  color: #5d4037;
+  color: #441109;
   margin-bottom: 1.5rem;
   /* text-transform: uppercase; */
   letter-spacing: 2px;
@@ -149,6 +149,15 @@
   margin-bottom: 1rem;
 }
 
+.smallHeading1 {
+  font-size: var(--small-text-size);
+  color: #441109;
+  font-family: var(--font-lato);
+  font-weight: 600;
+  letter-spacing: 2px;
+  margin-bottom: 1rem;
+}
+
 .stars {
   display: flex;
   gap: 5px;
@@ -553,7 +562,7 @@
 .faqTitle {
   font-family: var(--font-playfair);
   font-size: 2.5rem;
-  color: #5d4037;
+  color: #441109;
   margin-bottom: 0.5rem;
 }
 
diff --git a/src/app/antalya-restaurant-gallery/gallery.module.css b/src/app/antalya-restaurant-gallery/gallery.module.css
index 754219a..c4c8b2d 100644
--- a/src/app/antalya-restaurant-gallery/gallery.module.css
+++ b/src/app/antalya-restaurant-gallery/gallery.module.css
@@ -52,7 +52,7 @@
 
 .smallHeading {
     font-size: var(--small-text-size);
-    color: var(--color-paragraph);
+    color: #441109;
     font-family: var(--font-lato);
     font-weight: 600;
     letter-spacing: 2px;
@@ -62,7 +62,7 @@
 .mainHeading {
     font-family: var(--font-playfair);
     font-size: var(--main-heading-size);
-    color: #5d4037;
+    color: #441109;
     line-height: 1.3;
     font-weight: 700;
     margin-bottom: 1.5rem;
diff --git a/src/app/antalya-restaurant-menu/menu.module.css b/src/app/antalya-restaurant-menu/menu.module.css
index da14449..0e1a038 100644
--- a/src/app/antalya-restaurant-menu/menu.module.css
+++ b/src/app/antalya-restaurant-menu/menu.module.css
@@ -53,7 +53,7 @@
 
 .smallHeading {
     font-size: var(--small-text-size);
-    color: var(--color-paragraph);
+    color: #441109;
     font-family: var(--font-lato);
     font-weight: 600;
     letter-spacing: 2px;
@@ -63,7 +63,7 @@
 .mainHeading {
     font-family: var(--font-playfair);
     font-size: var(--main-heading-size);
-    color: #5d4037;
+    color: #441109;
     line-height: 1.3;
     font-weight: 700;
     margin-bottom: 1.5rem;
@@ -248,7 +248,7 @@
 .dishName {
     font-family: var(--font-playfair);
     font-size: 1.5rem;
-    color: #5d4037;
+    color: #441109;
     font-weight: 700;
     text-transform: uppercase;
     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 0a1f904..5e0a259 100644
--- a/src/app/antalya-turkish-food-blog/[id]/blogDetail.module.css
+++ b/src/app/antalya-turkish-food-blog/[id]/blogDetail.module.css
@@ -63,7 +63,7 @@
 }
 
 .category {
-    background: #c49c5c;
+    background: #441109;
     color: #fff;
     padding: 0.5rem 1rem;
     border-radius: 4px;
@@ -102,13 +102,13 @@
     font-family: var(--font-lato);
     font-size: 16px;
     line-height: 1.8;
-    /* color: #5d4037; */
+    /* color: #441109; */
 }
 
 .content h2 {
     font-family: var(--font-playfair);
     font-size: 2rem;
-    color: #5d4037;
+    color: #441109;
     margin: 2rem 0 1rem;
     padding-bottom: 0.5rem;
     border-bottom: 2px solid #c49c5c;
@@ -117,14 +117,14 @@
 .content h3 {
     font-family: var(--font-playfair);
     font-size: 1.6rem;
-    color: #5d4037;
+    color: #441109;
     margin: 1.5rem 0 1rem;
 }
 
 .content h4 {
     font-family: var(--font-playfair);
     font-size: 1.3rem;
-    color: #5d4037;
+    color: #441109;
     margin: 1.2rem 0 0.8rem;
 }
 
@@ -234,7 +234,7 @@
     padding: 12px 30px;
     background: transparent;
     border: 2px solid #b07c4b;
-    color: var(--color-paragraph);
+    color: #441109;
     font-family: var(--font-lato);
     font-size: 1rem;
     font-weight: 600;
@@ -245,8 +245,8 @@
 }
 
 .backButton:hover {
-    background: #c49c5c;
-    color: #d3cab3;
+    background: #441109;
+    color: #fff;
 }
 
 .errorContainer {
diff --git a/src/app/antalya-turkish-food-blog/blog.module.css b/src/app/antalya-turkish-food-blog/blog.module.css
index 39b5b4b..4227088 100644
--- a/src/app/antalya-turkish-food-blog/blog.module.css
+++ b/src/app/antalya-turkish-food-blog/blog.module.css
@@ -52,7 +52,7 @@
 
 .smallHeading {
     font-size: var(--small-text-size);
-    color: var(--color-paragraph);
+    color: #441109;
     font-family: var(--font-lato);
     font-weight: 600;
     letter-spacing: 2px;
@@ -62,7 +62,7 @@
 .mainHeading {
     font-family: var(--font-playfair);
     font-size: var(--main-heading-size);
-    color: #5d4037;
+    color: #441109;
     line-height: 1.3;
     font-weight: 700;
     margin-bottom: 1.5rem;
diff --git a/src/app/book-a-table/contact.module.css b/src/app/book-a-table/contact.module.css
index ed4d4f7..08c633a 100644
--- a/src/app/book-a-table/contact.module.css
+++ b/src/app/book-a-table/contact.module.css
@@ -75,7 +75,7 @@
 .title {
     font-family: var(--font-playfair);
     font-size: var(--main-heading-size);
-    color: #5d4037;
+    color: #441109;
     margin-bottom: 1rem;
     font-weight: 600;
     border-bottom: 3px solid #441109;
diff --git a/src/app/catering-services-ontario/CateringContent.tsx b/src/app/catering-services-ontario/CateringContent.tsx
index 58221f4..8edf271 100644
--- a/src/app/catering-services-ontario/CateringContent.tsx
+++ b/src/app/catering-services-ontario/CateringContent.tsx
@@ -149,7 +149,7 @@ export default function CateringContent() {
                     variants={staggerContainer}
                 >
                     <section className={styles.sectionHeading1}>
-                        <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: '10px' }}>
+                        <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: '10px' }}>
                             <Image src="/images/dinner.png" alt="Catering Event Decorative Dinner Icon" width={24} height={24} />
                             <span>ANTALYA</span>
                             <Image src="/images/eat.png" alt="Catering Event Decorative Cutlery Icon" width={24} height={24} />
@@ -284,7 +284,7 @@ export default function CateringContent() {
 
                     {/* Right Side: Content */}
                     <motion.div className={styles.welcomeContent} variants={slideInRight}>
-                        <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
+                        <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
                             <Image src="/images/dinner.png" alt="Catering Visualization Decorative Dinner Icon" width={24} height={24} />
                             <span>ANTALYA</span>
                             <Image src="/images/eat.png" alt="Catering Visualization Decorative Cutlery Icon" width={24} height={24} />
@@ -309,7 +309,7 @@ export default function CateringContent() {
                     {/* Left Side: Content */}
                     <motion.div className={styles.servingContent} variants={slideInLeft}>
                         <section className={styles.sectionHeading3}>
-                            <div className={styles.smallHeading3} style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+                            <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
                                 <Image src="/images/dinner.png" alt="Culinary Experience Decorative Dinner Icon" width={24} height={24} />
                                 <span>ANTALYA</span>
                                 <Image src="/images/eat.png" alt="Culinary Experience Decorative Cutlery Icon" width={24} height={24} />
diff --git a/src/app/catering-services-ontario/CateringPopup.module.css b/src/app/catering-services-ontario/CateringPopup.module.css
index 7112525..afff01d 100644
--- a/src/app/catering-services-ontario/CateringPopup.module.css
+++ b/src/app/catering-services-ontario/CateringPopup.module.css
@@ -76,7 +76,7 @@
 
 .subtitle {
     font-size: 0.95rem;
-    color: #5d4037;
+    color: #441109;
     margin-bottom: 2.5rem;
     text-align: center;
     max-width: 500px;
diff --git a/src/app/catering-services-ontario/catering.module.css b/src/app/catering-services-ontario/catering.module.css
index 81549ec..8cc3cd8 100644
--- a/src/app/catering-services-ontario/catering.module.css
+++ b/src/app/catering-services-ontario/catering.module.css
@@ -97,7 +97,7 @@
 
 .smallHeading1 {
     font-size: var(--small-text-size);
-    color: var(--color-paragraph);
+    color: #c49c5c;
     font-family: var(--font-lato);
     font-weight: 600;
     letter-spacing: 2px;
@@ -107,7 +107,7 @@
 .mainHeading1 {
     font-family: var(--font-playfair);
     font-size: var(--main-heading-size);
-    color: #5d4037;
+    color: #441109;
     line-height: 1.3;
     font-weight: 700;
     margin-bottom: 1.5rem;
@@ -130,7 +130,7 @@
 
 .smallHeading3 {
     font-size: var(--small-text-size);
-    color: #441109;
+    color: #d3cab3;
     font-family: var(--font-lato);
     font-weight: 600;
     letter-spacing: 2px;
@@ -140,7 +140,7 @@
 .mainHeading3 {
     font-family: var(--font-playfair);
     font-size: var(--main-heading-size);
-    color: #5d4037;
+    color: #441109;
     line-height: 1.3;
     font-weight: 700;
     margin-bottom: 1.5rem;
@@ -369,7 +369,7 @@
     border-radius: 50%;
     background-color: rgba(211, 202, 179, 0.9);
     border: 2px solid var(--color-border);
-    color: #5d4037;
+    color: #441109;
     font-size: 24px;
     font-weight: bold;
     cursor: pointer;
@@ -476,7 +476,7 @@
 
 .smallHeading {
     font-size: var(--small-text-size);
-    color: #c49c5c;
+    color: #441109;
     font-family: var(--font-lato);
     font-weight: 600;
     letter-spacing: 2px;
@@ -754,7 +754,7 @@
     transform: translateX(-50%);
     width: 150px;
     height: 150px;
-    background-color: #c49c5c;
+    background-color: #441109;
     /* Gold theme color */
     border-radius: 50%;
     display: flex;
diff --git a/src/components/Blogs/Blogs.module.css b/src/components/Blogs/Blogs.module.css
index 690d49d..18b49eb 100644
--- a/src/components/Blogs/Blogs.module.css
+++ b/src/components/Blogs/Blogs.module.css
@@ -90,7 +90,7 @@
     display: inline-block;
     padding: 10px 25px;
     border: 2px solid #b07c4b;
-    color: #5d4037;
+    color: #441109;
     font-family: var(--font-inter), sans-serif;
     text-transform: uppercase;
     font-size: 0.85rem;
diff --git a/src/components/FAQ/FAQ.module.css b/src/components/FAQ/FAQ.module.css
index b30e321..930233e 100644
--- a/src/components/FAQ/FAQ.module.css
+++ b/src/components/FAQ/FAQ.module.css
@@ -8,7 +8,7 @@
 .faqTitle {
     font-family: var(--font-playfair);
     font-size: 2.5rem;
-    color: #5d4037;
+    color: #441109;
     text-align: start;
     margin-bottom: 3rem;
     text-transform: uppercase;
@@ -45,7 +45,7 @@
     font-family: var(--font-lato);
     font-size: 1.1rem;
     font-weight: 600;
-    color: #5d4037;
+    color: #441109;
     text-align: left;
     transition: all 0.3s ease;
 }
diff --git a/src/components/Menu/Menu.module.css b/src/components/Menu/Menu.module.css
index 1784cf6..8158fa7 100644
--- a/src/components/Menu/Menu.module.css
+++ b/src/components/Menu/Menu.module.css
@@ -198,7 +198,7 @@
 .dishName {
     font-family: var(--font-playfair);
     font-size: 1.5rem;
-    color: #5d4037;
+    color: #441109;
     font-weight: 700;
     text-transform: uppercase;
     margin: 0;
@@ -207,7 +207,15 @@
 
 .description {
     font-size: 16px;
-    color: #f5e6d3;
+    color: #441109;
+    line-height: 1.5;
+    font-family: var(--font-lato);
+    margin: 0;
+}
+
+.description1{
+    font-size: 16px;
+    color: #c49c5c;
     line-height: 1.5;
     font-family: var(--font-lato);
     margin: 0;
diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index 0709576..c24aec5 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -66,7 +66,7 @@ export default function HomeMenu() {
                     <Image src="/images/eat.png" alt="Home Menu Decorative Cutlery Icon" width={24} height={24} />
                 </div>
                 <h2 className={styles.mainHeading}>Explore Our Menu</h2>
-                <p className={styles.description}>
+                <p className={styles.description1}>
                     Savour authentic Turkish cuisine at Antalya - from crisp appetisers to charcoal-grilled favourites crafted with tradition and passion.
                 </p>
             </section>