diff --git a/public/images/dinner-2.png b/public/images/dinner-2.png
new file mode 100644
index 0000000..335c301
Binary files /dev/null and b/public/images/dinner-2.png differ
diff --git a/public/images/eat-2.png b/public/images/eat-2.png
new file mode 100644
index 0000000..c99a3f8
Binary files /dev/null and b/public/images/eat-2.png differ
diff --git a/src/app/about-antalya-restaurant/AboutContent.tsx b/src/app/about-antalya-restaurant/AboutContent.tsx
index 3ae6356..72b8ab6 100644
--- a/src/app/about-antalya-restaurant/AboutContent.tsx
+++ b/src/app/about-antalya-restaurant/AboutContent.tsx
@@ -196,10 +196,10 @@ 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' }}>
-                            <Image src="/images/dinner.png" alt="Our Story Decorative Dinner Icon" width={24} height={24} />
+                        <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
+                            <Image src="/images/dinner-2.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} />
+                            <Image src="/images/eat-2.png" alt="Our Story Decorative Cutlery Icon" width={24} height={24} />
                         </div>
                         <h2 className={styles.sectionTitle}>Our Story</h2>
                         <p className={styles.text}>
@@ -274,10 +274,10 @@ 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' }}>
-                            <Image src="/images/dinner.png" alt="Why Choose Us Dinner Icon" width={24} height={24} />
+                        <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
+                            <Image src="/images/dinner-2.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} />
+                            <Image src="/images/eat-2.png" alt="Why Choose Us Cutlery Icon" width={24} height={24} />
                         </div>
                         <h2 className={styles.sectionTitle}>Why Choose Us</h2>
                         <p className={styles.text}>
@@ -416,10 +416,10 @@ 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' }}>
-                            <Image src="/images/dinner.png" alt="FAQ Section Decorative Dinner Icon" width={24} height={24} />
+                        <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
+                            <Image src="/images/dinner-2.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} />
+                            <Image src="/images/eat-2.png" alt="FAQ Section Decorative Cutlery Icon" width={24} height={24} />
                         </div>
                         <h2 className={styles.faqTitle}>FAQ – Your Questions Answered</h2>
                         <p className={styles.faqSubtitle}>
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/GalleryContent.tsx b/src/app/antalya-restaurant-gallery/GalleryContent.tsx
index 0a196c9..fa16a9e 100644
--- a/src/app/antalya-restaurant-gallery/GalleryContent.tsx
+++ b/src/app/antalya-restaurant-gallery/GalleryContent.tsx
@@ -110,9 +110,9 @@ export default function GalleryContent() {
 
             <section className={styles.sectionHeading}>
                 <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                    <Image src="/images/dinner.png" alt="Gallery Section Decorative Dinner Icon" width={24} height={24} />
+                    <Image src="/images/dinner-2.png" alt="Gallery Section Decorative Dinner Icon" width={24} height={24} />
                     <span>ANTALYA</span>
-                    <Image src="/images/eat.png" alt="Gallery Section Decorative Cutlery Icon" width={24} height={24} />
+                    <Image src="/images/eat-2.png" alt="Gallery Section Decorative Cutlery Icon" width={24} height={24} />
                 </div>
                 <h2 className={styles.mainHeading}>A Visual Journey Through Authentic Turkish Dining</h2>
                 <p className={styles.description}>
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/MenuContent.tsx b/src/app/antalya-restaurant-menu/MenuContent.tsx
index 7171f63..4ea8a49 100644
--- a/src/app/antalya-restaurant-menu/MenuContent.tsx
+++ b/src/app/antalya-restaurant-menu/MenuContent.tsx
@@ -109,9 +109,9 @@ export default function MenuPage() {
 
             <section className={styles.sectionHeading}>
                 <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                    <Image src="/images/dinner.png" alt="Menu Section Decorative Dinner Icon" width={24} height={24} />
+                    <Image src="/images/dinner-2.png" alt="Menu Section Decorative Dinner Icon" width={24} height={24} />
                     <span>ANTALYA</span>
-                    <Image src="/images/eat.png" alt="Menu Section Decorative Cutlery Icon" width={24} height={24} />
+                    <Image src="/images/eat-2.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.descriptionMenu}>
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/BlogContent.tsx b/src/app/antalya-turkish-food-blog/BlogContent.tsx
index 1ca7689..a4ccf2b 100644
--- a/src/app/antalya-turkish-food-blog/BlogContent.tsx
+++ b/src/app/antalya-turkish-food-blog/BlogContent.tsx
@@ -66,9 +66,9 @@ export default function BlogContent() {
 
             <section className={styles.sectionHeading}>
                 <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                    <Image src="/images/dinner.png" alt="Blog Section Decorative Dinner Icon" width={24} height={24} />
+                    <Image src="/images/dinner-2.png" alt="Blog Section Decorative Dinner Icon" width={24} height={24} />
                     <span>ANTALYA</span>
-                    <Image src="/images/eat.png" alt="Blog Section Decorative Cutlery Icon" width={24} height={24} />
+                    <Image src="/images/eat-2.png" alt="Blog Section Decorative Cutlery Icon" width={24} height={24} />
                 </div>
                 <h2 className={styles.mainHeading}>Stories Crafted Through Flavor & Celebration</h2>
                 <p className={styles.description}>
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/ContactContent.tsx b/src/app/book-a-table/ContactContent.tsx
index 8783628..1e21016 100644
--- a/src/app/book-a-table/ContactContent.tsx
+++ b/src/app/book-a-table/ContactContent.tsx
@@ -169,9 +169,9 @@ export default function ContactContent() {
                         transition={{ duration: 0.8 }}
                     >
                         <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
-                            <Image src="/images/dinner.png" alt="Contact Section Decorative Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner-2.png" alt="Contact Section Decorative Dinner Icon" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="Contact Section Decorative Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat-2.png" alt="Contact Section Decorative Cutlery Icon" width={24} height={24} />
                         </div>
                         <h2 className={styles.title}>Book a Table</h2>
 
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..f0d991c 100644
--- a/src/app/catering-services-ontario/CateringContent.tsx
+++ b/src/app/catering-services-ontario/CateringContent.tsx
@@ -149,10 +149,10 @@ export default function CateringContent() {
                     variants={staggerContainer}
                 >
                     <section className={styles.sectionHeading1}>
-                        <div className={styles.smallHeading1} 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} />
+                        <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: '10px' }}>
+                            <Image src="/images/dinner-2.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} />
+                            <Image src="/images/eat-2.png" alt="Catering Event Decorative Cutlery Icon" width={24} height={24} />
                         </div>
                         <h2 className={styles.mainHeading1}>Exceptional Turkish Catering for Every Occasion</h2>
                         <p className={styles.description1}>
@@ -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,10 +309,10 @@ 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' }}>
-                                <Image src="/images/dinner.png" alt="Culinary Experience Decorative Dinner Icon" width={24} height={24} />
+                            <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>
+                                <Image src="/images/dinner-2.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} />
+                                <Image src="/images/eat-2.png" alt="Culinary Experience Decorative Cutlery Icon" width={24} height={24} />
                             </div>
                         </section>
                         <h2 className={styles.mainHeading}>A Culinary Experience Crafted for Your Event</h2>
@@ -426,9 +426,9 @@ export default function CateringContent() {
                     {/* Right Side: Content */}
                     <motion.div className={styles.aboutContent} variants={slideInRight}>
                         <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'start', gap: '10px' }}>
-                            <Image src="/images/dinner.png" alt="About Catering Decorative Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner-2.png" alt="About Catering Decorative Dinner Icon" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="About Catering Decorative Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat-2.png" alt="About Catering Decorative Cutlery Icon" width={24} height={24} />
                         </div>
                         <h2 className={styles.mainHeading}>
                             Antalya - One of Ontario’s Finest Catering Experiences
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>