Deploy

2026-10-11 14:20:26 +00:00
parent 84b00541b5
commit c3f4ce4d7a
1 changed files with 109 additions and 0 deletions
@@ -0,0 +1,109 @@
+import Image from 'next/image'
+import Link from 'next/link'
+import BusinessContact from '@/components/BusinessContact'
+import BusinessHours from '@/components/BusinessHours'
+import BusinessSocials from '@/components/BusinessSocials'
+
+const exploreLinks = [
+  { label: 'Our Story', href: '/#our-noodle-story' },
+  { label: 'Menu Highlights', href: '/#menu-highlights' },
+  { label: 'Gallery', href: '/#food-venue-gallery' },
+  { label: 'Takeaway Specials', href: '/#takeaway-specials' },
+]
+
+const orderLinks = [
+  { label: 'Home', href: '/' },
+  { label: 'Order Online', href: '/menu' },
+  { label: 'Visit Us', href: '/#visit-the-wok' },
+]
+
+export default function Footer() {
+  const year = new Date().getFullYear()
+
+  return (
+    <footer className="border-t border-border bg-background">
+      <div className="mx-auto w-full max-w-6xl px-6 py-16 lg:py-20">
+        <div className="grid gap-12 sm:grid-cols-2 lg:grid-cols-4">
+          <div className="sm:col-span-2 lg:col-span-1">
+            <Link
+              href="/"
+              className="inline-flex items-center gap-3 transition-all duration-200 ease-out hover:opacity-80"
+            >
+              <Image
+                src="https://uploads.vulai.co.za/vula-uploads/8d47e87d-1a0f-46c1-870e-9311e4b6fc34/library/0c92066010a2855a8ddd13f17f809b37ef2135d86709e1b2cdf610623e971ab7.png"
+                alt="Ben's Noodle House logo"
+                width={0}
+                height={0}
+                sizes="200px"
+                className="h-9 w-auto object-contain"
+              />
+              <span className="font-heading text-lg tracking-wide text-foreground">
+                Ben's Noodle House
+              </span>
+            </Link>
+
+            <p className="mt-5 max-w-sm text-sm font-light leading-relaxed text-muted-foreground">
+              Wok-fired noodles tossed to order over high heat — garlic, fresh
+              cabbage, dark soy glaze and a local chilli kick, served hot in a
+              classic takeaway box.
+            </p>
+
+            <BusinessSocials className="mt-6" />
+          </div>
+
+          <div>
+            <h3 className="text-[11px] uppercase tracking-[0.3em] text-accent">
+              Explore
+            </h3>
+            <ul className="mt-6 space-y-3">
+              {exploreLinks.map((link) => (
+                <li key={link.href}>
+                  <Link
+                    href={link.href}
+                    className="text-sm font-light text-muted-foreground transition-all duration-200 ease-out hover:text-accent"
+                  >
+                    {link.label}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </div>
+
+          <div>
+            <h3 className="text-[11px] uppercase tracking-[0.3em] text-accent">
+              Order
+            </h3>
+            <ul className="mt-6 space-y-3">
+              {orderLinks.map((link) => (
+                <li key={link.href}>
+                  <Link
+                    href={link.href}
+                    className="text-sm font-light text-muted-foreground transition-all duration-200 ease-out hover:text-accent"
+                  >
+                    {link.label}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+            <BusinessHours compact />
+          </div>
+
+          <div>
+            <h3 className="text-[11px] uppercase tracking-[0.3em] text-accent">
+              Find Us
+            </h3>
+            <BusinessContact className="mt-6 text-sm font-light text-muted-foreground" />
+          </div>
+        </div>
+      </div>
+
+      <div className="border-t border-border/60">
+        <div className="mx-auto w-full max-w-6xl px-6 py-6">
+          <p className="text-xs text-muted-foreground">
+            © {year} Ben's Noodle House. All rights reserved.
+          </p>
+        </div>
+      </div>
+    </footer>
+  )
+}