From 31d55dad37d9b29903c847e0d27302ff7abcc64b Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Tue, 25 Nov 2025 23:39:36 +0700
Subject: [PATCH] footer number icon link are updated

---
 src/app/about/about.module.css                |  2 +-
 src/app/about/about.module.css.backup         |  2 +-
 src/app/contact/contact.module.css            |  1 +
 src/app/contact/page.tsx                      |  2 +-
 src/components/About/About.tsx                |  2 +-
 src/components/Blogs/Blogs.tsx                |  2 +-
 src/components/FAQ/FAQ.module.css             |  4 ---
 src/components/Footer/Footer.module.css       | 13 +++++++++
 src/components/Footer/Footer.tsx              | 29 ++++++++++++-------
 src/components/Gallery/Gallery.tsx            |  2 +-
 .../PopularDishes/PopularDishes.tsx           |  4 +--
 11 files changed, 40 insertions(+), 23 deletions(-)

diff --git a/src/app/about/about.module.css b/src/app/about/about.module.css
index dfa8fa8..be53a06 100644
--- a/src/app/about/about.module.css
+++ b/src/app/about/about.module.css
@@ -526,7 +526,7 @@
 }
 
 .faqQuestion:hover {
-  background-color: #faf6f0;
+  background-color: #C5A059;
 }
 
 .faqQuestionActive {
diff --git a/src/app/about/about.module.css.backup b/src/app/about/about.module.css.backup
index b0e050e..9aaeda9 100644
--- a/src/app/about/about.module.css.backup
+++ b/src/app/about/about.module.css.backup
@@ -683,7 +683,7 @@
 }
 
 .faqQuestion:hover {
-  background-color: #faf6f0;
+  background-color: #C5A059;
 }
 
 .faqQuestionActive {
diff --git a/src/app/contact/contact.module.css b/src/app/contact/contact.module.css
index cf7343e..205d63d 100644
--- a/src/app/contact/contact.module.css
+++ b/src/app/contact/contact.module.css
@@ -165,6 +165,7 @@
     box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
 }
 
+
 /* Alert Messages */
 .alert {
     padding: 1rem 1.5rem;
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 5b60a10..4441833 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -366,7 +366,7 @@ export default function ContactPage() {
                             <iframe
                                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2895.8474424447677!2d-80.48089492346795!3d43.44826897111238!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b8b1e1e1e1e1e%3A0x1e1e1e1e1e1e1e1e!2s1187%20Fischer-Hallman%20Rd%2C%20Kitchener%2C%20ON!5e0!3m2!1sen!2sca!4v1234567890123!5m2!1sen!2sca"
                                 width="100%"
-                                height="300"
+                                height="500"
                                 style={{ border: 0 }}
                                 allowFullScreen
                                 loading="lazy"
diff --git a/src/components/About/About.tsx b/src/components/About/About.tsx
index a13b4a2..3d505ed 100644
--- a/src/components/About/About.tsx
+++ b/src/components/About/About.tsx
@@ -49,7 +49,7 @@ export default function About() {
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                     </p>
 
-                    <Link href="#about-more" className={styles.button}>
+                    <Link href="/about" className={styles.button}>
                         Learn More
                     </Link>
                 </motion.div>
diff --git a/src/components/Blogs/Blogs.tsx b/src/components/Blogs/Blogs.tsx
index d7e6bcd..95e11b0 100644
--- a/src/components/Blogs/Blogs.tsx
+++ b/src/components/Blogs/Blogs.tsx
@@ -24,7 +24,7 @@ export default function Blogs() {
         }, 5000) // Change slide every 5 seconds
 
         return () => clearInterval(interval)
-    }, [currentIndex])
+    }, [])
 
     // Get the 3 visible blogs
     const getVisibleBlogs = () => {
diff --git a/src/components/FAQ/FAQ.module.css b/src/components/FAQ/FAQ.module.css
index 73fb2ae..408c88e 100644
--- a/src/components/FAQ/FAQ.module.css
+++ b/src/components/FAQ/FAQ.module.css
@@ -50,10 +50,6 @@
     transition: all 0.3s ease;
 }
 
-.faqQuestion:hover {
-    background-color: #faf6f0;
-}
-
 .faqQuestion.active {
     background-color: #C5A059;
     color: #fff;
diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
index 2de7b9e..e94067f 100644
--- a/src/components/Footer/Footer.module.css
+++ b/src/components/Footer/Footer.module.css
@@ -18,6 +18,19 @@
     max-width: 100%;
 }
 
+.copyright a {
+    color: #c9a865; /* your highlight color */
+    font-weight: 600;
+    text-decoration: none;
+    transition: 0.3s ease;
+}
+
+.copyright a:hover {
+    color: #c9a865;
+    text-decoration: underline;
+}
+
+
 .logoa {
     /* Ensure the link container doesn't disrupt layout */
     display: inline-block;
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 54a0a33..5906481 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -6,7 +6,7 @@ import styles from './Footer.module.css'
 
 export default function Footer() {
 
-    const metatronCubeLink = "https://metatroncubesolutions.com/"; 
+    const metatronCubeLink = "https://metatroncubesolutions.com/";
 
     return (
         <footer className={styles.footer} id="contact">
@@ -17,7 +17,7 @@ export default function Footer() {
                     <div className={styles.logo}>
                         <Link href="/" onClick={() => window.scrollTo(0, 0)}>
                             <Image
-                                src="/images/antalya-logo.png" 
+                                src="/images/antalya-logo.png"
                                 alt="Antalya Restaurant"
                                 width={200}
                                 height={200}
@@ -42,11 +42,11 @@ export default function Footer() {
                 <div className={styles.column}>
                     <h3 className={styles.heading}>Quick Links</h3>
                     {/* Removed the Bootstrap classes (row, col-lg-6) as this is a CSS Modules file and those classes are not defined. Reverting to a single list structure for stability. */}
-                    
+
                     <ul className={styles.linkList}>
                         <li className={styles.linkItem}><a href="/" className={styles.link}>Home</a></li>
-                          <li className={styles.linkItem}><a href="/about" className={styles.link}>About</a></li>
-                          <li className={styles.linkItem}><a href="/gallery" className={styles.link}>Gallery</a></li>
+                        <li className={styles.linkItem}><a href="/about" className={styles.link}>About</a></li>
+                        <li className={styles.linkItem}><a href="/gallery" className={styles.link}>Gallery</a></li>
                         <li className={styles.linkItem}><a href="/menu" className={styles.link}>Menu</a></li>
                         <li className={styles.linkItem}><a href="/blog" className={styles.link}>Blog</a></li>
                         <li className={styles.linkItem}><a href="/contact" className={styles.link}>Contact</a></li>
@@ -59,26 +59,33 @@ export default function Footer() {
                     <h3 className={styles.heading}>Location</h3>
                     <div className={styles.contactInfo}>
                         <p style={{ marginBottom: '1rem' }}>
-                            1187 Fischer-Hallman Rd #435, Kitchener, ON N2E 4H9<br />
+                            1187 Fischer-Hhallman Rd #435, Kitchener, ON N2E 4H9<br />
                             1860 Appleby Line, Burlington, ON L7L 7H7
                         </p>
+
                         <div className={styles.contactRow}>
-                            <span>📞</span> <span>Kitchener: 519-581-6363</span>
+                            <span>📞</span>
+                            <a href="tel:5195816363">Kitchener: 519-581-6363</a>
                         </div>
+
                         <div className={styles.contactRow}>
-                            <span>📞</span> <span>Burlington: 289-313-9838</span>
+                            <span>📞</span>
+                            <a href="tel:2893139838">Burlington: 289-313-9838</a>
                         </div>
+
                         <div className={styles.contactRow}>
-                            <span>✉️</span> <span>hello@antalyarestaurant.ca</span>
+                            <span>✉️</span>
+                            <a href="mailto:hello@antalyarestaurant.ca">hello@antalyarestaurant.ca</a>
                         </div>
 
                         <h3 className={styles.heading} style={{ marginTop: '1.5rem' }}>Opening Hours</h3>
                         <p>
-                            Sunday-Thursday 11am-10pm<br />
-                            Friday-Saturday 11am-11pm
+                            Sunday–Thursday 11am–10pm<br />
+                            Friday–Saturday 11am–11pm
                         </p>
                     </div>
                 </div>
+
             </div>
 
             <div className={styles.copyright}>
diff --git a/src/components/Gallery/Gallery.tsx b/src/components/Gallery/Gallery.tsx
index e1fc8ac..4d9bd82 100644
--- a/src/components/Gallery/Gallery.tsx
+++ b/src/components/Gallery/Gallery.tsx
@@ -69,7 +69,7 @@ export default function Gallery() {
                             fill
                             style={{ objectFit: 'contain' }}
                         />
-                        <button className={`${styles.navBtn} ${styles.nextBtn}`} onClick={nextImage}>›</button>
+                        <Link href="/gallery" className={`${styles.navBtn} ${styles.nextBtn}`} onClick={nextImage}>›</Link>
                     </div>
                 </div>
             )}
diff --git a/src/components/PopularDishes/PopularDishes.tsx b/src/components/PopularDishes/PopularDishes.tsx
index f4c71cf..5440564 100644
--- a/src/components/PopularDishes/PopularDishes.tsx
+++ b/src/components/PopularDishes/PopularDishes.tsx
@@ -86,7 +86,7 @@ export default function PopularDishes() {
                         </div>
                         <h3 className={styles.dishName}>{dish.name}</h3>
                         <p className={styles.description}>{dish.description}</p>
-                        <Link href="#menu" className={styles.button}>
+                        <Link href="/menu" className={styles.button}>
                             View More
                         </Link>
                     </motion.div>
@@ -99,7 +99,7 @@ export default function PopularDishes() {
                 viewport={{ once: true }}
                 transition={{ duration: 0.6, delay: 0.4 }}
             >
-                <Link href="#menu" className={styles.viewMoreButton}>
+                <Link href="/menu" className={styles.viewMoreButton}>
                     View More
                 </Link>
             </motion.div>