MetatroncubeSoftwareSolutions/Antalya-Restaurant
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contact, fotter , loacation formats updated

Browse Source
This commit is contained in:
akash 2026-01-20 15:12:10 +05:30
parent 645c68fb5c
commit 6358c15b55
7 changed files with 158 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/maps-and-flags.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 760 B

54
src/app/book-a-table/ContactContent.tsx
View File

@ -324,19 +324,20 @@ export default function ContactContent() {
<div className={styles.locationCard}> <div className={styles.locationCard}>
<div className={styles.iconWrapper}> <div className={styles.iconWrapper}>
<svg className={styles.icon} fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg className={styles.icon} fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" /> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
</svg> </svg>
</div> </div>
<div className={styles.locationInfo}> <div className={styles.locationInfo}>
<h3 className={styles.locationTitle}>Call Us</h3> <h3 className={styles.locationTitle}>Kitchener</h3>
<div className={styles.phoneFlex}> <div className={styles.phoneFlex}>
<a href="tel:5195816363" className={styles.locationSubtitle}> <p className={styles.locationSubtitle}>
Kitchener : 519-581-6363 1187 Fischer-Hallman Rd #435, Kitchener, ON N2E 4H9
</a> </p>
<a href="tel:2893139838" className={styles.locationSubtitle}> <a href="tel:5195816363" className={styles.locationSubtitle}>
Burlington : 289-313-9838 519-581-6363
</a> </a>
</div> </div>
</div> </div>
@ -354,7 +355,28 @@ export default function ContactContent() {
</svg> </svg>
</div> </div>
<div className={styles.locationInfo}> <div className={styles.locationInfo}>
<h3 className={styles.locationTitle}>Contact Us</h3> <h3 className={styles.locationTitle}>Burlington</h3>
<div className={styles.phoneFlex}>
<p className={styles.locationSubtitle}>
1860 Appleby Line, Burlington, ON L7L 7H7
</p>
<a href="tel:2893139838" className={styles.locationSubtitle}>
289-313-9838
</a>
</div>
</div>
</div>
<div className={styles.locationCard}>
<div className={styles.iconWrapper}>
<svg className={styles.icon} fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
</div>
<div className={styles.locationInfo}>
<h3 className={styles.locationTitle}>Email Us</h3>
<a href="mailto:hello@antalyarestaurant.ca" className={styles.locationSubtitle}> <a href="mailto:hello@antalyarestaurant.ca" className={styles.locationSubtitle}>
hello@antalyarestaurant.ca hello@antalyarestaurant.ca
@ -363,22 +385,6 @@ export default function ContactContent() {
</div> </div>
<div className={styles.locationCard}>
<div className={styles.iconWrapper}>
<svg className={styles.icon} fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
<div className={styles.locationInfo}>
<h3 className={styles.locationTitle}>Location</h3>
<p className={styles.locationSubtitle}>1187 Fischer-Hallman Rd #435, Kitchener, ON N2E 4H9</p>
<p className={styles.locationSubtitle}>
1860 Appleby Line, Burlington, ON L7L 7H7
</p>
</div>
</div>
{/* Map */} {/* Map */}

2
src/app/book-a-table/contact.module.css
View File

@ -252,7 +252,7 @@
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: var(--subheading-size); font-size: var(--subheading-size);
color: #5d4037; color: #5d4037;
margin-bottom: 0.3rem; margin-bottom: 10px;
font-weight: 600; font-weight: 600;
} }

19
src/components/Catering/Catering.module.css
View File

@ -84,13 +84,13 @@
right: 0; right: 0;
/* slightly off-grid right alignment if desired, or keep flush */ /* slightly off-grid right alignment if desired, or keep flush */
background-color: #1a1a1af2; background-color: #1a1a1af2;
padding: 20px 30px; padding: 20px 20px;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 15px; gap: 15px;
z-index: 10; z-index: 10;
text-decoration: none; text-decoration: none;
max-width: 320px; max-width: 370px;
border-left: 5px solid #c49c5c; border-left: 5px solid #c49c5c;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
} }
@ -129,6 +129,7 @@
font-weight: 800; font-weight: 800;
color: var(--color-gold); color: var(--color-gold);
font-family: var(--font-heading); font-family: var(--font-heading);
white-space: nowrap;
} }
.image { .image {
@ -292,7 +293,7 @@
.sliderdots { .sliderdots {
display: flex; display: flex;
gap: 8px; gap: 8px;
margin-top: auto; margin-top: 5px;
z-index: 3; z-index: 3;
position: relative; position: relative;
} }
@ -351,12 +352,12 @@
@media (max-width: 1025px) and (min-width: 992px) { @media (max-width: 1025px) and (min-width: 992px) {
.middleContentRow { .middleContentRow {
display: grid; display: grid;
grid-template-columns: 2fr; grid-template-columns: 2fr;
gap: 20px; gap: 20px;
margin-bottom: 40px; margin-bottom: 40px;
} }
} }
@ -416,7 +417,7 @@
top: 20px; top: 20px;
right: 0; right: 0;
left: auto; left: auto;
max-width: 250px; max-width: 305px;
padding: 15px; padding: 15px;
} }

84
src/components/Catering/Catering.tsx
View File

@ -40,24 +40,63 @@ const VenueIcon = () => (
</svg> </svg>
) )
const PhoneIcon = () => ( const FamilyIcon = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<circle cx="9" cy="7" r="4" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M23 21v-2a4 4 0 0 0-3-3.87" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M16 3.13a4 4 0 0 1 0 7.75" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
const BirthdayIcon = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M2 21h20" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M7 8V5" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M12 8V5" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M17 8V5" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M7 4h.01" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M12 4h.01" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M17 4h.01" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
const BabyIcon = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="M8 14s1.5 2 4 2 4-2 4-2" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<line x1="9" y1="9" x2="9.01" y2="9" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<line x1="15" y1="9" x2="15.01" y2="9" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
const WeddingIcon = () => (
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
</svg>
)
const MailIcon = () => (
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 16.92V19.92C22.0011 20.1986 21.9441 20.4742 21.8325 20.7294C21.7209 20.9846 21.5573 21.2137 21.3521 21.4019C21.1468 21.5902 20.9046 21.7336 20.6407 21.8228C20.3769 21.912 20.0974 21.9452 19.82 21.92C16.7428 21.5857 13.787 20.5342 11.19 18.85C8.77382 17.2436 6.72159 15.1913 5.115 12.775C3.4296 10.1764 2.37871 7.21876 2.045 4.14C2.01977 3.86249 2.0531 3.5828 2.14242 3.31885C2.23175 3.0549 2.37513 2.81263 2.56353 2.60733C2.75193 2.40203 2.98114 2.23838 3.23645 2.12674C3.49175 2.01511 3.76747 1.958 4.046 1.96H7.046C7.54518 1.95662 8.02636 2.14092 8.39706 2.47761C8.76776 2.81431 8.99905 3.27599 9.046 3.775C9.13327 4.73516 9.3101 5.68165 9.57 6.6C9.67389 6.96342 9.65431 7.35246 9.51368 7.70311C9.37305 8.05377 9.11979 8.34493 8.796 8.528L7.526 9.798C8.94838 12.2988 11.0022 14.3526 13.503 15.775L14.773 14.505C14.9561 14.1812 15.2472 13.928 15.5979 13.7873C15.9486 13.6467 16.3376 13.6271 16.701 13.731C17.6193 13.9909 18.5658 14.1677 19.526 14.255C20.0266 14.3023 20.4897 14.535 20.8267 14.9079C21.1637 15.2808 21.3472 15.7636 21.342 16.264V16.92Z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" /> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
<path d="m22 6-10 7L2 6" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
</svg> </svg>
) )
const testimonials = [ const testimonials = [
{ {
id: 1, id: 1,
text: "Refined presentation, authentic flavours, and smooth execution made our event memorable." text: "The service was seamless and the presentation was excellent. Antalya’s catering added a refined touch and authentic flavours to our event."
}, },
{ {
id: 2, id: 2,
text: "Exceptional taste and thoughtful service impressed every guest and elevated the entire dining experience." text: "Beautifully prepared dishes, professional coordination, and warm hospitality. Our guests truly enjoyed every part of the experience."
}, },
{ {
id: 3, id: 3,
text: "Beautifully prepared dishes paired with attentive service created an elegant and enjoyable celebration." text: "From planning to execution, everything was handled perfectly. The food was outstanding and left a lasting impression on everyone."
} }
] ]
@ -126,13 +165,13 @@ export default function Catering() {
</div> </div>
{/* 3. Floating Call Widget (Clickable) */} {/* 3. Floating Call Widget (Clickable) */}
<a href="tel:+15195882037" className={styles.callWidgetLeft}> <a href="mailto:hello@antalyarestaurant.ca" className={styles.callWidgetLeft}>
<div className={styles.callIconCircleLeft}> <div className={styles.callIconCircleLeft}>
<PhoneIcon /> <MailIcon />
</div> </div>
<div className={styles.callInfoLeft}> <div className={styles.callInfoLeft}>
<span className={styles.callLabelLeft}>Call Us anytime</span> <span className={styles.callLabelLeft}>Email us anytime</span>
<span className={styles.callNumberLeft}>+1 519 588 2037</span> <span className={styles.callNumberLeft}>hello@antalyarestaurant.ca</span>
</div> </div>
</a> </a>
</motion.div> </motion.div>
@ -169,25 +208,38 @@ export default function Catering() {
</div> </div>
<div className={styles.featureContent}> <div className={styles.featureContent}>
<h4>Corporate & Social Events</h4> <h4>Corporate & Social Events</h4>
{/* <p>Tailored menus for every occasion.</p> */}
</div> </div>
</motion.div> </motion.div>
<motion.div variants={itemVariants} className={styles.featureItem}> <motion.div variants={itemVariants} className={styles.featureItem}>
<div className={styles.featureIconCircle}> <div className={styles.featureIconCircle}>
<div className={styles.featureIcon}><CateringIcon /></div> <div className={styles.featureIcon}><FamilyIcon /></div>
</div> </div>
<div className={styles.featureContent}> <div className={styles.featureContent}>
<h4>Signature Cuisine & Drinks</h4> <h4>Family gatherings</h4>
{/* <p>Traditional charcoal-grilled dishes.</p> */}
</div> </div>
</motion.div> </motion.div>
<motion.div variants={itemVariants} className={styles.featureItem}> <motion.div variants={itemVariants} className={styles.featureItem}>
<div className={styles.featureIconCircle}> <div className={styles.featureIconCircle}>
<div className={styles.featureIcon}><VenueIcon /></div> <div className={styles.featureIcon}><BirthdayIcon /></div>
</div> </div>
<div className={styles.featureContent}> <div className={styles.featureContent}>
<h4>End-to-End Event Support</h4> <h4>Birthday Party</h4>
{/* <p>Traditional charcoal-grilled dishes.</p> */} </div>
</motion.div>
<motion.div variants={itemVariants} className={styles.featureItem}>
<div className={styles.featureIconCircle}>
<div className={styles.featureIcon}><BabyIcon /></div>
</div>
<div className={styles.featureContent}>
<h4>Baby shower</h4>
</div>
</motion.div>
<motion.div variants={itemVariants} className={styles.featureItem}>
<div className={styles.featureIconCircle}>
<div className={styles.featureIcon}><WeddingIcon /></div>
</div>
<div className={styles.featureContent}>
<h4>Weddings</h4>
</div> </div>
</motion.div> </motion.div>
</div> </div>

20
src/components/Footer/Footer.module.css
View File

@ -172,6 +172,26 @@
font-size: 1.1rem; font-size: 1.1rem;
} }
.cityHeading {
font-family: var(--font-playfair);
font-size: 1rem;
margin: 10px 0 10px;
color: #d3cab3;
font-weight: 600;
}
.locationItem {
margin-bottom: 1.5rem;
}
.locationItem:last-child {
margin-bottom: 0;
}
.contactRow span {
color: var(--color-paragraph);
}
.subHeading { .subHeading {
font-family: var(--font-playfair); font-family: var(--font-playfair);
font-size: 1.3rem; font-size: 1.3rem;

36
src/components/Footer/Footer.tsx
View File

@ -88,21 +88,37 @@ export default function Footer() {
{/* LEFT - LOCATION */} {/* LEFT - LOCATION */}
<div className={styles.locationBlock}> <div className={styles.locationBlock}>
<h3 className={styles.heading}>Location</h3> <h3 className={styles.heading}>Location</h3>
<p className={styles.address}>
1187 Fischer-Hallman Rd #435, Kitchener, ON N2E 4H9<br />
1860 Appleby Line, Burlington, ON L7L 7H7
</p>
<div className={styles.contactRow}> {/* Kitchener Location */}
<img src="/images/phone-call.png" alt="Kitchener Phone Icon" className={styles.iconImage} /> <div className={styles.locationItem}>
<a href="tel:5195816363">Kitchener: 519-581-6363</a> <h4 className={styles.cityHeading}>Kitchener</h4>
<div className={styles.contactRow}>
<img src="/images/maps-and-flags.png" alt="Location Icon" className={styles.iconImage} />
<span>1187 Fischer-Hallman Rd #435, Kitchener, ON N2E 4H9</span>
</div>
{/* <h4 className={styles.cityHeading}>Call us</h4> */}
<div className={styles.contactRow}>
<img src="/images/phone-call.png" alt="Phone Icon" className={styles.iconImage} />
<a href="tel:5195816363">519-581-6363</a>
</div>
</div> </div>
<div className={styles.contactRow}> {/* Burlington Location */}
<img src="/images/phone-call.png" alt="Burlington Phone Icon" className={styles.iconImage} /> <div className={styles.locationItem}>
<a href="tel:2893139838">Burlington: 289-313-9838</a> <h4 className={styles.cityHeading}>Burlington</h4>
<div className={styles.contactRow}>
<img src="/images/maps-and-flags.png" alt="Location Icon" className={styles.iconImage} />
<span>1860 Appleby Line, Burlington, ON L7L 7H7</span>
</div>
{/* <h4 className={styles.cityHeading}>Call us</h4> */}
<div className={styles.contactRow}>
<img src="/images/phone-call.png" alt="Phone Icon" className={styles.iconImage} />
<a href="tel:2893139838">289-313-9838</a>
</div>
</div> </div>
<h4 className={styles.cityHeading}>Email us</h4>
<div className={styles.contactRow}> <div className={styles.contactRow}>
<img src="/images/email.png" alt="Email Icon" className={styles.iconImage} /> <img src="/images/email.png" alt="Email Icon" className={styles.iconImage} />
<a href="mailto:hello@antalyarestaurant.ca">hello@antalyarestaurant.ca</a> <a href="mailto:hello@antalyarestaurant.ca">hello@antalyarestaurant.ca</a>