Loading issue fixed new banner updated

public/.htaccess

@@ -0,0 +1,50 @@
+<IfModule mod_rewrite.c>
+  RewriteEngine On
+  RewriteBase /
+
+  # Don't rewrite files or directories that exist
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+
+  # For URLs with trailing slash, try to serve index.html from that directory
+  RewriteCond %{REQUEST_URI} ^(.+)/$
+  RewriteCond %{DOCUMENT_ROOT}%1/index.html -f
+  RewriteRule ^(.+)/$ /$1/index.html [L,QSA]
+
+  # For URLs without trailing slash, redirect to trailing slash version
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteCond %{REQUEST_URI} !(.*)/$
+  RewriteRule ^(.*)$ $1/ [L,R=301]
+
+  # Fallback to 404 page
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteRule . /404.html [L]
+</IfModule>
+
+# Set proper MIME types
+<IfModule mod_mime.c>
+  AddType text/html .html
+  AddType application/javascript .js
+  AddType text/css .css
+  AddType image/webp .webp
+  AddType image/svg+xml .svg
+</IfModule>
+
+# Enable compression
+<IfModule mod_deflate.c>
+  AddOutputFilterByType DEFLATE text/html text/plain text/css application/javascript application/json image/svg+xml
+</IfModule>
+
+# Browser caching
+<IfModule mod_expires.c>
+  ExpiresActive On
+  ExpiresByType text/html "access plus 0 seconds"
+  ExpiresByType text/css "access plus 1 year"
+  ExpiresByType application/javascript "access plus 1 year"
+  ExpiresByType image/webp "access plus 1 year"
+  ExpiresByType image/svg+xml "access plus 1 year"
+  ExpiresByType image/png "access plus 1 year"
+  ExpiresByType image/jpeg "access plus 1 year"
+</IfModule>

scripts/image_alt_issues.csv

@@ -1,20 +1,55 @@
 Page URL,Image Src,Alt Text,Issue Type
-"http://localhost:3000/","","Antalya Restaurant","Duplicate Alt (2 times)"
+"http://localhost:3000/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
-"http://localhost:3000/","","Antalya Dinner Icon","Duplicate Alt (6 times)"
+"http://localhost:3000/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
-"http://localhost:3000/","","Antalya Cutlery Icon","Duplicate Alt (6 times)"
+"http://localhost:3000/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
-"http://localhost:3000/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
-"http://localhost:3000/menu/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"http://localhost:3000/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
-"http://localhost:3000/menu/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
-"http://localhost:3000/gallery/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"http://localhost:3000/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
-"http://localhost:3000/gallery/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
-"http://localhost:3000/contact/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"http://localhost:3000/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
-"http://localhost:3000/contact/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
-"http://localhost:3000/blog/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"https://antalya.metatronnest.com/book-a-table/","","Antalya Restaurant","Duplicate Alt (3 times)"
-"http://localhost:3000/blog/","","icon","Duplicate Alt (2 times)"
+"https://antalya.metatronnest.com/book-a-table/","","Phone","Duplicate Alt (2 times)"
-"http://localhost:3000/blog/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/about-antalya-restaurant/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
-"http://localhost:3000/blog/the-art-of-turkish-tea/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"http://localhost:3000/about-antalya-restaurant/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
-"http://localhost:3000/blog/the-art-of-turkish-tea/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/about-antalya-restaurant/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
-"http://localhost:3000/blog/secrets-of-charcoal-grilling/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"http://localhost:3000/about-antalya-restaurant/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
-"http://localhost:3000/blog/secrets-of-charcoal-grilling/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/about-antalya-restaurant/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
-"http://localhost:3000/blog/a-taste-of-sweet-legacy/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"http://localhost:3000/about-antalya-restaurant/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
-"http://localhost:3000/blog/a-taste-of-sweet-legacy/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/about-antalya-restaurant/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"http://localhost:3000/about-antalya-restaurant/","","Antalya Dinner Icon","Duplicate Alt (3 times)"
+"http://localhost:3000/about-antalya-restaurant/","","Antalya Cutlery Icon","Duplicate Alt (3 times)"
+"http://localhost:3000/antalya-restaurant-menu/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/antalya-restaurant-menu/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/antalya-restaurant-menu/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"http://localhost:3000/antalya-restaurant-gallery/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/antalya-restaurant-gallery/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/antalya-restaurant-gallery/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/catering-services-ontario/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"http://localhost:3000/book-a-table/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/book-a-table/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/book-a-table/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"https://antalya.metatronnest.com/antalya-turkish-food-blog/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"https://antalya.metatronnest.com/antalya-turkish-food-blog/","","icon","Duplicate Alt (2 times)"
+"https://antalya.metatronnest.com/antalya-turkish-food-blog/","","Phone","Duplicate Alt (2 times)"
+"http://localhost:3000/antalya-turkish-food-blog/","http://localhost:3000/images/dinner.png","(empty)","Empty Alt"
+"http://localhost:3000/antalya-turkish-food-blog/","http://localhost:3000/images/eat.png","(empty)","Empty Alt"
+"http://localhost:3000/antalya-turkish-food-blog/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"http://localhost:3000/antalya-turkish-food-blog/the-art-of-turkish-tea/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"http://localhost:3000/antalya-turkish-food-blog/secrets-of-charcoal-grilling/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"http://localhost:3000/antalya-turkish-food-blog/a-taste-of-sweet-legacy/","","Antalya Restaurant Header Logo","Duplicate Alt (2 times)"
+"https://antalya.metatronnest.com/antalya-turkish-food-blog/the-art-of-turkish-tea/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"https://antalya.metatronnest.com/antalya-turkish-food-blog/the-art-of-turkish-tea/","","Phone","Duplicate Alt (2 times)"
+"https://antalya.metatronnest.com/antalya-turkish-food-blog/secrets-of-charcoal-grilling/","","Antalya Restaurant","Duplicate Alt (3 times)"
+"https://antalya.metatronnest.com/antalya-turkish-food-blog/secrets-of-charcoal-grilling/","","Phone","Duplicate Alt (2 times)"

src/app/about-antalya-restaurant/AboutContent.tsx

@@ -191,9 +191,9 @@ export default function AboutContent() {
                     </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="Antalya Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner.png" alt="" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat.png" alt="" width={24} height={24} />
                         </div>
                         <h2 className={styles.sectionTitle}>Why Choose Us</h2>
                         <p className={styles.text}>
@@ -308,9 +308,9 @@ 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="Antalya Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner.png" alt="" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat.png" alt="" width={24} height={24} />
                         </div>
                         <h2 className={styles.faqTitle}>FAQ – Your Questions Answered</h2>
                         <p className={styles.faqSubtitle}>

src/app/antalya-restaurant-menu/MenuContent.tsx

@@ -92,9 +92,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="Antalya Dinner Icon" width={24} height={24} />
+                    <Image src="/images/dinner.png" alt="" width={24} height={24} />
                     <span>ANTALYA</span>
-                    <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                    <Image src="/images/eat.png" alt="" width={24} height={24} />
                 </div>
                 <h2 className={styles.mainHeading}>Delicious Turkish Flavours, Mezze, and More</h2>
                 <p className={styles.description}>

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="icon" width={24} height={24} />
+                    <Image src="/images/dinner.png" alt="" width={24} height={24} />
                     <span>ANTALYA</span>
-                    <Image src="/images/eat.png" alt="icon" width={24} height={24} />
+                    <Image src="/images/eat.png" alt="" width={24} height={24} />
                 </div>
                 <h2 className={styles.mainHeading}>Stories Crafted Through Flavor & Celebration</h2>
                 <p className={styles.description}>

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="Antalya Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner.png" alt="" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat.png" alt="" width={24} height={24} />
                         </div>
                         <h2 className={styles.title}>Book a Table</h2>
 

src/app/catering-services-ontario/CateringContent.tsx

@@ -135,9 +135,9 @@ export default function CateringContent() {
                 >
                     <section className={styles.sectionHeading1}>
                         <div className={styles.smallHeading1} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                            <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner.png" alt="" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat.png" alt="" width={24} height={24} />
                         </div>
                         <h2 className={styles.mainHeading1}>Exceptional Turkish Catering for Every Occasion</h2>
                         <p className={styles.description1}>
@@ -267,9 +267,9 @@ 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' }}>
-                            <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner.png" alt="" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat.png" alt="" width={24} height={24} />
                         </div>
                         <h2 className={styles.mainHeadingSection}>A Visual Journey Through Antalya Catering</h2>
                         {/* <div className={styles.welcomeDivider}>
@@ -299,9 +299,9 @@ export default function CateringContent() {
                     <motion.div className={styles.servingContent} variants={slideInLeft}>
                         <section className={styles.sectionHeading3}>
                             <div className={styles.smallHeading3} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                                <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                                <Image src="/images/dinner.png" alt="" width={24} height={24} />
                                 <span>ANTALYA</span>
-                                <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                                <Image src="/images/eat.png" alt="" width={24} height={24} />
                             </div>
                         </section>
                         <h2 className={styles.mainHeading}>A Culinary Experience Crafted for Your Event</h2>
@@ -356,9 +356,9 @@ export default function CateringContent() {
                 >
                     <motion.span className={styles.storyLabel} variants={fadeInUp}>
                         <div className={styles.smallHeading3} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                            <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner.png" alt="" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat.png" alt="" width={24} height={24} />
                         </div>
                     </motion.span>
                     <motion.h2 className={styles.storyTitle} variants={fadeInUp}>
@@ -422,9 +422,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="Antalya Dinner Icon" width={24} height={24} />
+                            <Image src="/images/dinner.png" alt="" width={24} height={24} />
                             <span>ANTALYA</span>
-                            <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                            <Image src="/images/eat.png" alt="" width={24} height={24} />
                         </div>
                         <h2 className={styles.mainHeading}>
                             Antalya - One of Ontario’s Finest Catering Experiences

src/components/About/About.tsx

@@ -3,39 +3,20 @@
 import Image from 'next/image'
 import Link from 'next/link'
 import styles from './About.module.css'
-import { motion } from 'framer-motion'
 
 export default function About() {
     return (
         <section className={styles.section} id="about">
-            <motion.div
+            <div className={styles.container}>
-                className={styles.container}
+                <div className={styles.imageWrapper}>
-                initial="hidden"
-                whileInView="visible"
-                viewport={{ once: true, margin: "-100px" }}
-                transition={{ staggerChildren: 0.3 }}
-            >
-                <motion.div
-                    className={styles.imageWrapper}
-                    initial={{ opacity: 0, x: -60 }}
-                    whileInView={{ opacity: 1, x: 0 }}
-                    viewport={{ once: true }}
-                    transition={{ duration: 0.8 }}
-                >
                     <Image
                         src="/images/home/about/about.webp"
                         alt="About Antalya Interior"
                         fill
                         className={styles.image}
                     />
-                </motion.div>
+                </div>
-                <motion.div
+                <div className={styles.content}>
-                    className={styles.content}
-                    initial={{ opacity: 0, x: 60 }}
-                    whileInView={{ opacity: 1, x: 0 }}
-                    viewport={{ once: true }}
-                    transition={{ duration: 0.8 }}
-                >
                     {/* Decorative Icon SVG */}
                     <svg className={styles.icon} viewBox="0 0 100 100" fill="currentColor">
                         <path d="M50 0 C60 20 80 40 100 50 C80 60 60 80 50 100 C40 80 20 60 0 50 C20 40 40 20 50 0 Z" />
@@ -57,8 +38,8 @@ export default function About() {
                     <Link href="/about-antalya-restaurant" className={styles.button}>
                         Learn More
                     </Link>
-                </motion.div>
+                </div>
-            </motion.div>
+            </div>
         </section>
     )
 }

src/components/Blogs/Blogs.tsx

@@ -41,9 +41,9 @@ export default function Blogs() {
     return (
         <section className={styles.section} id="blog">
             <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                <Image src="/images/dinner.png" alt="" width={24} height={24} />
                 <span>TASTE JOURNAL</span>
-                <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                <Image src="/images/eat.png" alt="" width={24} height={24} />
             </div>
             <h2 className={styles.title}>Our Blogs</h2>
 

src/components/BookTable/BookTable.tsx

@@ -132,9 +132,9 @@ export default function BookTable() {
             <div className={styles.formContainer}>
                 <div className={styles.content}>
                     <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                        <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                        <Image src="/images/dinner.png" alt="" width={24} height={24} />
                         <span>ANTALYA</span>
-                        <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                        <Image src="/images/eat.png" alt="" width={24} height={24} />
                     </div>
                     <h2 className={styles.title}>Book A Table</h2>
 

src/components/Footer/Footer.tsx

@@ -19,7 +19,7 @@ export default function Footer() {
                             <Link href="/" onClick={() => window.scrollTo(0, 0)}>
                                 <Image
                                     src="/images/footer-logo.webp"
-                                    alt="Antalya Restaurant"
+                                    alt="Antalya Restaurant Footer Logo"
                                     width={200}
                                     height={200}
                                     className={styles.logoImage}
@@ -94,17 +94,17 @@ export default function Footer() {
                                 </p>
 
                                 <div className={styles.contactRow}>
-                                    <img src="/images/phone-call.png" alt="Phone" className={styles.iconImage} />
+                                    <img src="/images/phone-call.png" alt="Kitchener Phone Icon" className={styles.iconImage} />
                                     <a href="tel:5195816363">Kitchener: 519-581-6363</a>
                                 </div>
 
                                 <div className={styles.contactRow}>
-                                    <img src="/images/phone-call.png" alt="Phone" className={styles.iconImage} />
+                                    <img src="/images/phone-call.png" alt="Burlington Phone Icon" className={styles.iconImage} />
                                     <a href="tel:2893139838">Burlington: 289-313-9838</a>
                                 </div>
 
                                 <div className={styles.contactRow}>
-                                    <img src="/images/email.png" alt="Email" className={styles.iconImage} />
+                                    <img src="/images/email.png" alt="Email Icon" className={styles.iconImage} />
                                     <a href="mailto:hello@antalyarestaurant.ca">hello@antalyarestaurant.ca</a>
                                 </div>
                             </div>

src/components/Gallery/Gallery.tsx

@@ -40,9 +40,9 @@ export default function Gallery() {
     return (
         <section className={styles.section}>
             <div className={styles.smallHeading} style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}>
-                <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                <Image src="/images/dinner.png" alt="" width={24} height={24} />
                 <span>GALLERY</span>
-                <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                <Image src="/images/eat.png" alt="" width={24} height={24} />
             </div>
             <h2 className={styles.title}>Flavour in Frames
             </h2>

src/components/Menu/Menu.module.css

@@ -35,7 +35,7 @@
 .menuSection {
     text-align: center;
     background-color: #000000;
-    /* background-image: url(/images/about-us/guest-bg.webp); */
+    background-image: url(/images/home/menu-bg.webp);
     background-position: center;
     background-size: cover;
     padding: 80px 10px;

src/components/Menu/Menu.tsx

@@ -41,9 +41,9 @@ export default function HomeMenu() {
                     className={styles.smallHeading}
                     style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}
                 >
-                    <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                    <Image src="/images/dinner.png" alt="" width={24} height={24} />
                     <span>ANTALYA</span>
-                    <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                    <Image src="/images/eat.png" alt="" width={24} height={24} />
                 </div>
                 <h2 className={styles.mainHeading}>Explore Our Menu</h2>
                 <p className={styles.description}>

src/components/Navbar/Navbar.tsx

@@ -80,8 +80,8 @@ export default function Navbar() {
             <div className={styles.logoContainer}>
                 <Link href="/" onClick={closeMenu}>
                     <Image
-                        src="/images/antalya-logo.png"
+                        src="/images/header-logo.png"
-                        alt="Antalya Restaurant"
+                        alt="Antalya Restaurant Header Logo"
                         width={200}
                         height={200}
                         className={styles.logoImage}

src/components/PopularDishes/PopularDishes.tsx

@@ -54,9 +54,9 @@ export default function PopularDishes() {
                 className={styles.smallHeading}
                 style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '10px' }}
             >
-                <Image src="/images/dinner.png" alt="Antalya Dinner Icon" width={24} height={24} />
+                <Image src="/images/dinner.png" alt="" width={24} height={24} />
                 <span>ANTALYA</span>
-                <Image src="/images/eat.png" alt="Antalya Cutlery Icon" width={24} height={24} />
+                <Image src="/images/eat.png" alt="" width={24} height={24} />
             </div>
             <motion.h2
                 className={styles.title}

src/components/Testimonials/Testimonials.tsx

@@ -58,7 +58,7 @@ export default function Testimonials() {
                                 <div className={styles.authorImageWrapper}>
                                     <Image
                                         src={item.image}
-                                        alt={item.name}
+                                        alt={`${item.name} - Review ${item.id}`}
                                         fill
                                         className={styles.authorImage}
                                     />

src/utils/constant.ts

@@ -536,7 +536,7 @@ export const menuData = [
         items: [
             { name: 'Kebab Mix', price: '$84.99', description: 'All inclusive charcoal grilled mix platter, includes: Adana Kebab (1 skw), Kofta Kebab (1 skw), Chicken Shish (1 skw), Veal Shish (1 skw), Lamb Chops (2 pcs), Chicken Wings(4 pcs), Veal and Chicken Doner served with grilled tomato & pepper, house salad, white rice & bulgur topped with freshly baked bread ( Serves 2-3 People )', image: '/images/menu/kebab-mix.webp', alt: 'Kebab Mix Platter - Assorted grilled meats for 2-3 people' },
             { name: 'Chicken Lovers Mix', price: '$64.99', description: 'All inclusive charcoal grilled mix platter, includes: Chicken Adana Kebab (2 skw), Chicken Shish (1 skw), Chicken Wings(4 pcs) and Chicken Doner (2 portions) served with grilled tomato & pepper, house salad, white rice & bulgur topped with freshly baked bread ( Serves 2-3 People )', image: '/images/menu/chicken-lovers-mix.webp', alt: 'Chicken Lovers Mix - Assorted chicken dishes for 2-3 people' },
-            { name: 'The Antalya Special', price: '$149.99', description: 'All inclusive charcoal grilled mix platter, includes: Adana Kebab (2 skw), Kofta Kebab (2 skw), Chicken Shish (2 skw), Lamb Chops (4 pcs), Chicken Wings(8 pcs), Veal and Chicken Doner served with grilled tomato & pepper, house salad, white rice & bulgur topped with three freshly baked bread ( Serves 5-6 People )', image: '/images/menu/antalya-special.webp', alt: 'The Antalya Special - Grand mixed platter for 5-6 people' }
+            { name: 'The Antalya Special', price: '$149.99', description: 'All inclusive charcoal grilled mix platter, includes: Adana Kebab (2 skw), Kofta Kebab (2 skw), Chicken Shish (2 skw), Lamb Chops (4 pcs), Chicken Wings(8 pcs), Veal and Chicken Doner served with grilled tomato & pepper, house salad, white rice & bulgur topped with three freshly baked bread ( Serves 5-6 People )', image: '/images/menu/antalalya-special.webp', alt: 'The Antalya Special - Grand mixed platter for 5-6 people' }
         ]
     },
     {

vercel.json

@@ -0,0 +1,62 @@
+{
+    "trailingSlash": true,
+    "cleanUrls": false,
+    "rewrites": [
+        {
+            "source": "/about-antalya-restaurant",
+            "destination": "/about-antalya-restaurant/index.html"
+        },
+        {
+            "source": "/antalya-restaurant-menu",
+            "destination": "/antalya-restaurant-menu/index.html"
+        },
+        {
+            "source": "/antalya-restaurant-gallery",
+            "destination": "/antalya-restaurant-gallery/index.html"
+        },
+        {
+            "source": "/book-a-table",
+            "destination": "/book-a-table/index.html"
+        },
+        {
+            "source": "/catering-services-ontario",
+            "destination": "/catering-services-ontario/index.html"
+        },
+        {
+            "source": "/antalya-turkish-food-blog",
+            "destination": "/antalya-turkish-food-blog/index.html"
+        },
+        {
+            "source": "/antalya-turkish-food-blog/:slug",
+            "destination": "/antalya-turkish-food-blog/:slug/index.html"
+        }
+    ],
+    "headers": [
+        {
+            "source": "/(.*)",
+            "headers": [
+                {
+                    "key": "X-Content-Type-Options",
+                    "value": "nosniff"
+                },
+                {
+                    "key": "X-Frame-Options",
+                    "value": "DENY"
+                },
+                {
+                    "key": "X-XSS-Protection",
+                    "value": "1; mode=block"
+                }
+            ]
+        },
+        {
+            "source": "/(.*).(js|css|webp|svg|png|jpg|jpeg|ico)",
+            "headers": [
+                {
+                    "key": "Cache-Control",
+                    "value": "public, max-age=31536000, immutable"
+                }
+            ]
+        }
+    ]
+}