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

implement table reservation form with reCAPTCHA and email integration for Kitchener location

Browse Source
This commit is contained in:
Alaguraj0361 2026-04-03 16:14:03 +05:30
parent fc0eda905e
commit e83a3d36db
5 changed files with 58 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -321,7 +321,7 @@ export default function ContactContent() {
viewport={{ once: true }}
transition={{ duration: 0.8 }}
>
<div className={styles.locationCard}>
{/* <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" />
@ -341,7 +341,7 @@ export default function ContactContent() {
</a>
</div>
</div>
</div>
</div> */}
<div className={styles.locationCard}>
<div className={styles.iconWrapper}>
@ -359,7 +359,7 @@ export default function ContactContent() {
</p>
<a href="tel:5195816363" className={styles.locationSubtitle}>
Call Us: 519-581-6363
Call Us: 519-581-6363
</a>
</div>
</div>
@ -386,7 +386,7 @@ export default function ContactContent() {
{/* Map */}
<div className={styles.mapContainer}>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2894.46026528!2d-79.7801!3d43.3875!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b5fcd79165b0f%3A0x9d76a7bc4fd95533!2s1860%20Appleby%20Line%2C%20Burlington%2C%20ON%20L7L%207H7%2C%20Canada!5e0!3m2!1sen!2sca!4v1712130000000!5m2!1sen!2sca"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2899.70293155!2d-80.518!3d43.415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882bf5fcd79165b0f%3A0x9d76a7bc4fd95533!2s1187%20Fischer-Hallman%20Rd%20%23435%2C%20Kitchener%2C%20ON%20N2E%204H9%2C%20Canada!5e0!3m2!1sen!2sca!4v1700000000000!5m2!1sen!2sca"
width="100%"
height="900"
style={{ border: 0 }}

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

@ -50,7 +50,7 @@
.smallHeading {
font-size: var(--small-text-size);
color: var(--color-paragraph);
color: #441109;
font-family: var(--font-lato);
font-weight: 600;
letter-spacing: 2px;
@ -69,7 +69,7 @@
.formBlock {
background-color: #F5E6D3;
padding: 2.5rem;
border: 2px solid #b07c4b;
border: 2px solid #441109;
}
.title {
@ -78,14 +78,14 @@
color: #5d4037;
margin-bottom: 1rem;
font-weight: 600;
border-bottom: 3px solid #c49c5c;
border-bottom: 3px solid #441109;
padding-bottom: 0.5rem;
display: inline-block;
}
.subtitle {
font-size: var(--body-size);
color: var(--color-alterparagraph) !important;
color: #441109 !important;
line-height: 1.6;
margin-bottom: 2rem;
font-family: var(--font-lato);
@ -111,7 +111,7 @@
.formLabel {
font-family: var(--font-lato);
color: var(--color-paragraph);
color: #441109;
font-size: var(--small-text-size);
font-weight: 600;
}
@ -121,7 +121,7 @@
background: #fff;
border: 1px solid #d4c5b0;
padding: 0.9rem;
color: var(--color-paragraph);
color: #441109;
font-family: var(--font-lato);
font-size: var(--small-text-size);
transition: border-color 0.3s;
@ -146,13 +146,13 @@
.charCount {
font-size: var(--small-text-size);
color: var(--color-alterparagraph) !important;
color: #441109 !important;
text-align: right;
font-family: var(--font-lato);
}
.submitButton {
background: #c49c5c;
background: #441109;
border: none;
color: #fff;
padding: 15px 40px;
@ -168,7 +168,7 @@
}
.submitButton:hover {
background-color: #b08f4a;
background-color: #441109;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
}
@ -216,7 +216,7 @@
.locationCard {
background: #F5E6D3;
padding: 1.5rem;
border: 2px solid #b07c4b;
border: 2px solid #441109;
display: flex;
align-items: flex-start;
gap: 1.5rem;
@ -228,7 +228,7 @@
}
.iconWrapper {
background: #c49c5c;
background: #441109;
width: 50px;
height: 50px;
border-radius: 50%;
@ -251,14 +251,14 @@
.locationTitle {
font-family: var(--font-playfair);
font-size: var(--subheading-size);
color: #5d4037;
color: #441109;
margin-bottom: 10px;
font-weight: 600;
}
.locationSubtitle {
font-size: var(--small-text-size);
color: var(--color-alterparagraph) !important;
color: #441109 !important;
margin-bottom: 0.5rem;
font-family: var(--font-lato);
}
@ -273,11 +273,11 @@
.locationPhone {
font-size: var(--subheading-size);
font-weight: 600;
color: var(--color-paragraph);
color: #441109;
}
.mapContainer {
border: 2px solid #b07c4b;
border: 2px solid #441109;
overflow: hidden;
margin-top: 0.5rem;
}

34
src/app/layout.tsx
View File

@ -27,10 +27,10 @@ const dmSans = DM_Sans({
export const metadata: Metadata = {
metadataBase: new URL("https://antalya.metatronnest.com"),
title: {
default: "Antalya Restaurant Burlington - Authentic Turkish cuisine",
template: "%s | Antalya Restaurant Burlington"
default: "Antalya Restaurant Kitchener - Authentic Turkish cuisine",
template: "%s | Antalya Restaurant Kitchener"
},
description: "Experience the finest authentic Turkish cuisine at Antalya Restaurant Burlington. Enjoy our delicious kebabs, mezes, and desserts in a warm, inviting atmosphere.",
description: "Experience the finest authentic Turkish cuisine at Antalya Restaurant Kitchener. Enjoy our delicious kebabs, mezes, and desserts in a warm, inviting atmosphere.",
keywords: ["Turkish restaurant", "Antalya restaurant", "Turkish cuisine", "kebabs", "meze", "dining", "authentic food", "halal food", "middle eastern food"],
authors: [{ name: "Antalya Restaurant" }],
creator: "Antalya Restaurant",
@ -47,10 +47,10 @@ export const metadata: Metadata = {
canonical: "./",
},
openGraph: {
title: "Antalya Restaurant Burlington - Authentic Turkish Cuisine",
description: "Experience the finest authentic Turkish cuisine at Antalya Restaurant Burlington. From charcoal-grilled kebabs to handmade baklava.",
url: "https://burlington.antalyarestaurant.ca",
siteName: "Antalya Restaurant Burlington",
title: "Antalya Restaurant Kitchener - Authentic Turkish Cuisine",
description: "Experience the finest authentic Turkish cuisine at Antalya Restaurant Kitchener. From charcoal-grilled kebabs to handmade baklava.",
url: "https://kitchener.antalyarestaurant.ca",
siteName: "Antalya Restaurant Kitchener",
images: [
{
url: "/images/hero-bg.jpg",
@ -64,8 +64,8 @@ export const metadata: Metadata = {
},
twitter: {
card: "summary_large_image",
title: "Antalya Restaurant Burlington - Authentic Turkish Cuisine",
description: "Experience the finest authentic Turkish cuisine at Antalya Restaurant Burlington.",
title: "Antalya Restaurant Kitchener - Authentic Turkish Cuisine",
description: "Experience the finest authentic Turkish cuisine at Antalya Restaurant Kitchener.",
images: ["/images/hero-bg.jpg"],
},
};
@ -78,19 +78,19 @@ export default function RootLayout({
const jsonLd = {
"@context": "https://schema.org",
"@type": "Restaurant",
name: "Antalya Restaurant Burlington",
url: "https://burlington.antalyarestaurant.ca",
image: "https://burlington.antalyarestaurant.ca/images/hero-bg.jpg",
description: "Authentic Turkish cuisine featuring charcoal-grilled kebabs, fresh mezes, and traditional desserts at our Burlington location.",
name: "Antalya Restaurant Kitchener",
url: "https://kitchener.antalyarestaurant.ca",
image: "https://kitchener.antalyarestaurant.ca/images/hero-bg.jpg",
description: "Authentic Turkish cuisine featuring charcoal-grilled kebabs, fresh mezes, and traditional desserts at our Kitchener location.",
address: {
"@type": "PostalAddress",
streetAddress: "1860 Appleby Line",
addressLocality: "Burlington",
streetAddress: "1187 Fischer-Hallman Rd #435",
addressLocality: "Kitchener",
addressRegion: "ON",
postalCode: "L7L 7H7",
postalCode: "N2E 4H9",
addressCountry: "CA",
},
telephone: "+1-289-313-9838",
telephone: "+1-519-581-6363",
servesCuisine: ["Turkish", "Middle Eastern", "Halal"],
priceRange: "$$",
openingHoursSpecification: [

15
src/components/CallButton/CallButton.tsx
View File

@ -13,7 +13,7 @@ export default function CallButton() {
// Check if catering page
const isCateringPage = pathname === '/catering-services-ontario' || pathname?.startsWith('/catering-services-ontario/')
// Logic for catering page (Email Button)
// Catering page → email button
if (isCateringPage) {
return (
<div className={styles.fixedWrapper}>
@ -28,7 +28,7 @@ export default function CallButton() {
)
}
// Logic for other pages (Dual Location Popup)
// All other pages → Kitchener call popup
const toggleOpen = () => setIsOpen(!isOpen)
return (
@ -42,10 +42,6 @@ export default function CallButton() {
exit={{ opacity: 0, scale: 0.8, y: 10 }}
transition={{ duration: 0.2 }}
>
<a href="tel:+12893139838" className={styles.menuItem}>
<span className={styles.locationName}>Burlington</span>
<span className={styles.phoneNumber}>289-313-9838</span>
</a>
<a href="tel:+15195816363" className={styles.menuItem}>
<span className={styles.locationName}>Kitchener</span>
<span className={styles.phoneNumber}>519-581-6363</span>
@ -57,7 +53,7 @@ export default function CallButton() {
<button
className={styles.callBtn}
onClick={toggleOpen}
aria-label={isOpen ? "Close location menu" : "Show location numbers"}
aria-label={isOpen ? 'Close location menu' : 'Call Antalya Kitchener'}
aria-expanded={isOpen}
>
{isOpen ? (
@ -68,7 +64,10 @@ export default function CallButton() {
viewBox="0 0 24 24"
className={styles.icon}
>
<path fill="currentColor" d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.05 12.05 0 0 0 .57 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.03 12.03 0 0 0 2.81.57A2 2 0 0 1 22 16.92z" />
<path
fill="currentColor"
d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.05 12.05 0 0 0 .57 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.03 12.03 0 0 0 2.81.57A2 2 0 0 1 22 16.92z"
/>
</svg>
)}
</button>

30
src/config/location.ts
View File

@ -1,25 +1,25 @@
export const LOCATION_CONFIG = {
city: "Burlington",
address: "1860 Appleby Line, Burlington, ON L7L 7H7",
phone: "289-313-9838",
phone_tel: "2893139838",
city: "Kitchener",
address: "1187 Fischer-Hallman Rd #435, Kitchener, ON N2E 4H9",
phone: "519-581-6363",
phone_tel: "5195816363",
email: "hello@antalyarestaurant.ca",
map_embed: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2894.46026528!2d-79.7801!3d43.3875!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b5fcd79165b0f%3A0x9d76a7bc4fd95533!2s1860%20Appleby%20Line%2C%20Burlington%2C%20ON%20L7L%207H7%2C%20Canada!5e0!3m2!1sen!2sca!4v1700000000000!5m2!1sen!2sca",
meta_title: "Antalya Restaurant Burlington - Authentic Turkish Cuisine",
meta_desc: "Experience the finest authentic Turkish cuisine at Antalya Restaurant Burlington. Enjoy our delicious kebabs, mezes, and desserts in a warm, inviting atmosphere.",
map_embed: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2899.70293155!2d-80.518!3d43.415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882bf5fcd79165b0f%3A0x9d76a7bc4fd95533!2s1187%20Fischer-Hallman%20Rd%20%23435%2C%20Kitchener%2C%20ON%20N2E%204H9%2C%20Canada!5e0!3m2!1sen!2sca!4v1700000000000!5m2!1sen!2sca",
meta_title: "Antalya Restaurant Kitchener - Authentic Turkish Cuisine",
meta_desc: "Experience the finest authentic Turkish cuisine at Antalya Restaurant Kitchener. Enjoy our delicious kebabs, mezes, and desserts in a warm, inviting atmosphere.",
schema_address: {
"@type": "PostalAddress",
streetAddress: "1860 Appleby Line",
addressLocality: "Burlington",
streetAddress: "1187 Fischer-Hallman Rd #435",
addressLocality: "Kitchener",
addressRegion: "ON",
postalCode: "L7L 7H7",
postalCode: "N2E 4H9",
addressCountry: "CA",
},
schema_telephone: "+1-289-313-9838",
schema_telephone: "+1-519-581-6363",
other_location: {
city: "Kitchener",
address: "1187 Fischer-Hallman Rd #435, Kitchener, ON N2E 4H9",
phone: "519-581-6363",
phone_tel: "5195816363",
city: "Burlington",
address: "1860 Appleby Line, Burlington, ON L7L 7H7",
phone: "289-313-9838",
phone_tel: "2893139838",
}
};