From 64fe5c8213d86e656b7ac1bfcf75ebeafeb43a85 Mon Sep 17 00:00:00 2001
From: Vula Builder <deploy@vula.app>
Date: Sat, 1 Aug 2026 16:13:28 +0000
Subject: [PATCH] Deploy

---
 src/components/layout/Footer.tsx | 79 ++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 src/components/layout/Footer.tsx

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
new file mode 100644
index 0000000..54b42c9
--- /dev/null
+++ b/src/components/layout/Footer.tsx
@@ -0,0 +1,79 @@
+import Link from 'next/link';
+import { Camera, Globe, Mail, MapPin, MessageCircle, Phone, Star, X } from 'lucide-react';
+;
+
+export default function Footer() {
+  const year = new Date().getFullYear();
+
+  return (
+    <footer className="bg-background border-t border-border py-12 px-4 sm:px-6 lg:px-8">
+      <div className="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
+        {/* Brand & Description */}
+        <div className="space-y-4">
+          <h2 className="text-2xl font-bold font-heading text-foreground">Ukaya Home</h2>
+          <p className="text-sm text-foreground leading-relaxed">
+            Artisan homeware — handwoven throws, beaded cushions, and hand-glazed ceramics sourced directly from cooperatives in KwaZulu-Natal, Mpumalanga, and the Western Cape. Curated in Durban, delivered nationwide.
+          </p>
+          <p className="text-xs text-foreground mt-2 italic">
+            Each piece carries the signature of a skilled Southern African maker, rooted in Zulu beadwork, Ndebele geometric patterning, and Swazi grass-weaving traditions.
+          </p>
+        </div>
+
+        {/* Quick Links */}
+        <div className="space-y-4">
+          <h3 className="text-lg font-semibold font-heading text-foreground">Quick Links</h3>
+          <ul className="space-y-2 text-sm">
+            <li><Link href="/" className="text-foreground hover:text-primary transition-colors duration-200">Home</Link></li>
+            <li><Link href="/products" className="text-foreground hover:text-primary transition-colors duration-200">Products</Link></li>
+            <li><Link href="#our-story" className="text-foreground hover:text-primary transition-colors duration-200">Our Story</Link></li>
+            <li><Link href="#most-popular" className="text-foreground hover:text-primary transition-colors duration-200">Most Popular</Link></li>
+            <li><Link href="#gallery" className="text-foreground hover:text-primary transition-colors duration-200">Gallery</Link></li>
+            <li><Link href="#contact" className="text-foreground hover:text-primary transition-colors duration-200">Contact</Link></li>
+          </ul>
+        </div>
+
+        {/* Contact & Hours */}
+        <div className="space-y-4">
+          <h3 className="text-lg font-semibold font-heading text-foreground">Contact</h3>
+          <ul className="space-y-3 text-sm">
+            <li className="flex items-start gap-2">
+              <MapPin size={16} className="mt-1 text-primary shrink-0" />
+              <span className="text-foreground">44 Isaiah Ntshangase Road,<br />Moses Mabhida, Durban 4001, South Africa</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <Phone size={16} className="mt-1 text-primary shrink-0" />
+              <span className="text-foreground">+27 31 940 2018</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <Mail size={16} className="mt-1 text-primary shrink-0" />
+              <span className="text-foreground">hello@ukayahome.co.za</span>
+            </li>
+          </ul>
+          <div className="pt-2">
+            <h4 className="text-sm font-semibold font-heading text-foreground mb-1">Business Hours</h4>
+            <p className="text-xs text-foreground">Mon–Fri: 9:00 – 17:00  |  Sat: 10:00 – 14:00<br />Sun & Public Holidays: Closed</p>
+          </div>
+        </div>
+
+        {/* Social & Legal */}
+        <div className="space-y-4">
+          <h3 className="text-lg font-semibold font-heading text-foreground">Follow Us</h3>
+          <div className="flex space-x-4 text-2xl">
+            <a href="#" aria-label="Instagram" className="text-foreground hover:text-primary transition-colors duration-200"><Camera /></a>
+            <a href="#" aria-label="Facebook" className="text-foreground hover:text-primary transition-colors duration-200"><Globe /></a>
+            <a href="#" aria-label="X (Twitter)" className="text-foreground hover:text-primary transition-colors duration-200"><X /></a>
+            <a href="#" aria-label="WhatsApp" className="text-foreground hover:text-primary transition-colors duration-200"><MessageCircle /></a>
+            <a href="#" aria-label="Pinterest" className="text-foreground hover:text-primary transition-colors duration-200"><Star /></a>
+          </div>
+          <div className="pt-4 text-xs text-foreground">
+            <p>© {year} Ukaya Home. All rights reserved.</p>
+            <div className="mt-2 space-x-4">
+              <Link href="#" className="hover:text-primary transition-colors duration-200">Privacy Policy</Link>
+              <Link href="#" className="hover:text-primary transition-colors duration-200">Terms of Service</Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}