From 04b158333fc1ddce6ec77d82e4d2d24f093bf5e8 Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Sun, 18 Jan 2026 18:54:45 +0000
Subject: [PATCH] Update components/footer.tsx

---
 components/footer.tsx | 48 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 components/footer.tsx

diff --git a/components/footer.tsx b/components/footer.tsx
new file mode 100644
index 0000000..e202399
--- /dev/null
+++ b/components/footer.tsx
@@ -0,0 +1,48 @@
+import { Container } from "@/components/container";
+import { Logo } from "@/components/Logo";
+import Link from "next/link";
+
+export function Footer() {
+  return (
+    <footer className="border-t py-12 bg-background">
+      <Container>
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12">
+          <div className="col-span-1 md:col-span-2">
+            <Logo />
+            <p className="mt-4 text-muted-foreground max-w-xs">
+              Professional websites that grow your business. We help local companies and startups establish a premium online presence.
+            </p>
+          </div>
+          <div>
+            <h4 className="font-bold mb-4">Services</h4>
+            <ul className="space-y-2 text-sm text-muted-foreground">
+              <li><Link href="/services" className="hover:text-primary transition-colors">Web Design</Link></li>
+              <li><Link href="/services" className="hover:text-primary transition-colors">Business Sites</Link></li>
+              <li><Link href="/services" className="hover:text-primary transition-colors">Restaurants</Link></li>
+              <li><Link href="/services" className="hover:text-primary transition-colors">Maintenance</Link></li>
+            </ul>
+          </div>
+          <div>
+            <h4 className="font-bold mb-4">Company</h4>
+            <ul className="space-y-2 text-sm text-muted-foreground">
+              <li><Link href="/about" className="hover:text-primary transition-colors">About Us</Link></li>
+              <li><Link href="/pricing" className="hover:text-primary transition-colors">Pricing</Link></li>
+              <li><Link href="/contact" className="hover:text-primary transition-colors">Contact</Link></li>
+              <li><Link href="/privacy" className="hover:text-primary transition-colors">Privacy Policy</Link></li>
+            </ul>
+          </div>
+        </div>
+        <div className="pt-8 border-t flex flex-col md:flex-row justify-between items-center gap-4">
+          <p className="text-sm text-muted-foreground">
+            © {new Date().getFullYear()} Websitter Digital. All rights reserved.
+          </p>
+          <div className="flex gap-6">
+            <Link href="#" className="text-muted-foreground hover:text-primary transition-colors">Twitter</Link>
+            <Link href="#" className="text-muted-foreground hover:text-primary transition-colors">LinkedIn</Link>
+            <Link href="#" className="text-muted-foreground hover:text-primary transition-colors">Instagram</Link>
+          </div>
+        </div>
+      </Container>
+    </footer>
+  );
+}