First

src/components/footer.tsx

@@ -0,0 +1,103 @@
+// components/Footer.js
+export default function Footer() {
+    return (
+      <footer className="bg-white text-brown-800 py-12">
+      <div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 px-4">
+        {/* First Column: Logo and Description */}
+        <div className="space-y-4">
+          <div className="flex items-center">
+            <img
+              src="/images/logo.png" // Update with your logo path
+              alt="Mozimo Logo"
+              className="h-10"
+            />
+          </div>
+          <p className="text-sm">India's Premier European style bean-to-bar chocolate experience.</p>
+        </div>
+
+        {/* Second Column: Contact Information */}
+        <div className="space-y-4">
+          <h3 className="font-semibold">Get in touch</h3>
+          <p className="text-sm flex items-center">
+          <span className="material-symbols-outlined">call</span>
+            0172-4045414
+          </p>
+          <p className="text-sm flex items-center">
+          <span className="material-symbols-outlined">pin_drop</span>
+            SCO 8, Inner Market, 9-D, Sector 9, Chandigarh, 160009
+          </p>
+        </div>
+
+        {/* Third Column: Links */}
+        <div className="space-y-4">
+          <h3 className="font-semibold">Know more</h3>
+          <ul className="space-y-2">
+            <li>
+              <a href="/privacy-policy" className="text-sm text-brown-600 hover:underline">
+                Privacy Policy
+              </a>
+            </li>
+            <li>
+              <a href="/refund-policy" className="text-sm text-brown-600 hover:underline">
+                Refund & Return Policy
+              </a>
+            </li>
+            <li>
+              <a href="/terms" className="text-sm text-brown-600 hover:underline">
+                Terms & Conditions
+              </a>
+            </li>
+            <li>
+              <a href="/shipping" className="text-sm text-brown-600 hover:underline">
+                Shipping Policy
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        {/* Additional Links */}
+        <div className="space-y-4">
+        <ul className="space-y-2">
+            <li>
+              <a href="/faq" className="text-sm text-brown-600 hover:underline">
+                FAQ
+              </a>
+            </li>
+            <li>
+              <a href="/locate" className="text-sm text-brown-600 hover:underline">
+                Locate our Store
+              </a>
+            </li>
+            <li>
+              <a href="/bulk-ordering" className="text-sm text-brown-600 hover:underline">
+                Bulk Ordering
+              </a>
+            </li>
+          </ul>
+          <h3 className="font-semibold">Find Us On</h3>
+          <div className="flex space-x-4">
+            <a href="https://facebook.com" className="text-brown-600 hover:text-brown-800">
+              <img src="/icons/facebook.svg" />
+            </a>
+            <a href="https://instagram.com" className="text-brown-600 hover:text-brown-800">
+            <img src="/icons/instagram.svg" />
+            </a>
+            <a href="https://youtube.com" className="text-brown-600 hover:text-brown-800">
+            <img src="/icons/youtube.svg" />
+            </a>
+            <a href="https://linkedin.com" className="text-brown-600 hover:text-brown-800">
+            <img src="/icons/linkedin.svg" />
+            </a>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+      // <footer className="bg-gray-800 text-white">
+      //   <div className="container mx-auto px-4 py-6">
+      //     <p>&copy; {new Date().getFullYear()} Kakawa Chocolate Shop. All rights reserved.</p>
+      //     {/* Social media links */}
+      //   </div>
+      // </footer>