initialize Antalya restaurant location landing page with responsive grid and custom styling

src/app/globals.css

@@ -274,10 +274,27 @@ h1, h2, h3, h4 {
 .mt-12 { margin-top: 48px; }
 .mt-24 { margin-top: 96px; }
 
-.footer {
+.footer-copyright {
-  margin-top: 128px;
+  margin-top: 80px;
   text-align: center;
-  padding-bottom: 48px;
+  padding: 40px 0;
+  border-top: 1px solid rgba(210, 136, 57, 0.15);
+  color: rgba(196, 156, 92, 0.6);
+  font-size: 0.9rem;
+  font-weight: 300;
+  letter-spacing: 0.05em;
+}
+
+.footer-copyright a {
+  color: var(--color-gold);
+  text-decoration: none;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+.footer-copyright a:hover {
+  text-shadow: 0 0 10px rgba(210, 136, 57, 0.4);
+  opacity: 0.8;
 }
 
 .decorative-blob {

src/app/page.tsx

@@ -10,7 +10,7 @@ const locations = [
     name: "Burlington",
     address: "2444 New St, Burlington, ON L7R 1J6",
     image: "/images/burlington.png",
-    url: "#",
+    url: "https://burlington.antalyarestaurant.ca",
     description: "Discover the Anatolian fire-kissed flavours in Burlington. Where elegance meets authentic Turkish taste for a truly memorable dining experience.",
   },
   {
@@ -18,7 +18,7 @@ const locations = [
     name: "Kitchener",
     address: "1600 Ottawa St S, Kitchener, ON N2E 3K1",
     image: "/images/kitchener.png",
-    url: "#",
+    url: "https://kitchener.antalyarestaurant.ca",
     description: "Experience the charcoal-grilled kebabs and signature classics in Kitchener. A refined atmosphere meets time-tested traditional Mediterranean recipes.",
   },
 ];
@@ -56,8 +56,8 @@ const child: Variants = {
 
 export default function Home() {
   const handleLocationSelect = (url: string) => {
-    if (url !== "#") {
+    if (url && url !== "#") {
-      window.open(url, "_blank", "noopener,noreferrer");
+      window.open(url, "_blank");
     } else {
       alert("Website coming soon!");
     }
@@ -68,16 +68,26 @@ export default function Home() {
       {/* Background Hero */}
       <div style={{ position: 'fixed', inset: 0, zIndex: 0, pointerEvents: 'none' }}>
         <Image
-          src="/images/hero_luxury.webp"
+          src="/images/home-banner.webp"
-          alt="Luxury Turkish Dining"
+          alt="Luxury Turkish Dining Experience"
           fill
-          style={{ objectFit: 'cover', opacity: 0.3, transform: 'scale(1.05)' }}
+          style={{
+            objectFit: 'cover',
+            opacity: 0.55,
+            animation: 'slowZoom 30s infinite alternate ease-in-out'
+          }}
           priority
         />
+        <style jsx global>{`
+          @keyframes slowZoom {
+            from { transform: scale(1); }
+            to { transform: scale(1.15); }
+          }
+        `}</style>
         <div style={{
           position: 'absolute',
           inset: 0,
-          background: 'linear-gradient(to bottom, black, transparent, black)' 
+          background: 'radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%)'
         }} />
         <div style={{
           position: 'absolute',
@@ -122,6 +132,8 @@ export default function Home() {
               width={160}
               height={80}
               style={{ objectFit: 'contain' }}
+              priority
+              loading="eager"
             />
           </motion.div>
 
@@ -181,6 +193,7 @@ export default function Home() {
                   fill
                   style={{ objectFit: 'cover' }}
                   className="transition-image"
+                  sizes="(max-width: 768px) 100vw, 50vw"
                 />
                 <div className="overlay" />
 
@@ -249,6 +262,10 @@ export default function Home() {
             </motion.div>
           ))}
         </div>
+
+        <footer className="footer-copyright">
+          <p>© Copyright 2025 Antalya Restaurant | Powered by <a href="https://metatroncubesolutions.com/" target="_blank" rel="noopener noreferrer">MetatronCube</a> All Rights Reserved</p>
+        </footer>
       </div>
 
       {/* Decorative Elements */}