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 8741304..72b8ab6 100644
--- a/src/app/about-antalya-restaurant/AboutContent.tsx
+++ b/src/app/about-antalya-restaurant/AboutContent.tsx
@@ -197,9 +197,9 @@ export default function AboutContent() {
                 >
                     <motion.div className={styles.textBlock} variants={slideInLeft}>
                         <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} />
+                            <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}>
@@ -275,9 +275,9 @@ export default function AboutContent() {
                     </motion.div>
                     <motion.div className={styles.textBlock} variants={slideInRight}>
                         <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} />
+                            <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}>
@@ -417,9 +417,9 @@ export default function AboutContent() {
                     </motion.div>
                     <motion.div className={styles.faqContentBlock} variants={slideInRight}>
                         <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} />
+                            <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/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-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-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/book-a-table/ContactContent.tsx b/src/app/book-a-table/ContactContent.tsx
index c2a165a..e882d69 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/catering-services-ontario/CateringContent.tsx b/src/app/catering-services-ontario/CateringContent.tsx
index 8edf271..f0d991c 100644
--- a/src/app/catering-services-ontario/CateringContent.tsx
+++ b/src/app/catering-services-ontario/CateringContent.tsx
@@ -150,9 +150,9 @@ export default function CateringContent() {
                 >
                     <section className={styles.sectionHeading1}>
                         <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} />
+                            <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}>
@@ -310,9 +310,9 @@ export default function CateringContent() {
                     <motion.div className={styles.servingContent} variants={slideInLeft}>
                         <section className={styles.sectionHeading3}>
                             <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} />
+                                <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