footer number icon link are updated
This commit is contained in:
parent
345cef2e37
commit
31d55dad37
@ -526,7 +526,7 @@
|
||||
}
|
||||
|
||||
.faqQuestion:hover {
|
||||
background-color: #faf6f0;
|
||||
background-color: #C5A059;
|
||||
}
|
||||
|
||||
.faqQuestionActive {
|
||||
|
||||
@ -683,7 +683,7 @@
|
||||
}
|
||||
|
||||
.faqQuestion:hover {
|
||||
background-color: #faf6f0;
|
||||
background-color: #C5A059;
|
||||
}
|
||||
|
||||
.faqQuestionActive {
|
||||
|
||||
@ -165,6 +165,7 @@
|
||||
box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
|
||||
}
|
||||
|
||||
|
||||
/* Alert Messages */
|
||||
.alert {
|
||||
padding: 1rem 1.5rem;
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 = () => {
|
||||
|
||||
@ -50,10 +50,6 @@
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.faqQuestion:hover {
|
||||
background-color: #faf6f0;
|
||||
}
|
||||
|
||||
.faqQuestion.active {
|
||||
background-color: #C5A059;
|
||||
color: #fff;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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}>
|
||||
|
||||
@ -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>
|
||||
)}
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user