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>

src/components/header.tsx

@@ -0,0 +1,12 @@
+// components/Header.js
+export default function Header() {
+    return (
+      <header className="bg-white shadow">
+        <div className="container mx-auto px-4 py-6">
+          <h1 className="text-2xl font-bold">Kakawa Chocolate Shop</h1>
+          {/* Navigation links */}
+        </div>
+      </header>
+    );
+  }
+  

src/components/homepage-video.tsx

@@ -0,0 +1,8 @@
+export function HomepageVideo() {
+    return (
+      <video width="1080" height="1920" controls preload="auto" loop autoPlay muted >
+        <source src="/videos/homepage-video.mp4" type="video/mp4" />
+        Your browser does not support the video tag.
+      </video>
+    )
+  }

src/components/layout.tsx

@@ -0,0 +1,13 @@
+// components/Layout.js
+import Header from './header';
+import Footer from './footer';
+
+export default function Layout({ children }) {
+  return (
+    <>
+      <Header />
+      <main>{children}</main>
+      <Footer />
+    </>
+  );
+}

src/components/navbar.tsx

@@ -0,0 +1,21 @@
+// components/Navbar.tsx
+export default function Navbar() {
+    return (
+      <nav className="navbar">
+      <div className="left">
+        <a href="#about-us">About Us</a>
+        <a href="#shop">Shop</a>
+      </div>
+      <div className="center">
+        <a href="/" className="mx-0"><img src="/images/logo.png" alt="Logo" className="logo" /></a>
+      </div>
+      <div className="right">
+        <a href="#search"><span className="material-symbols-outlined">search</span></a>
+        <a href="#shopping"><span className="material-symbols-outlined">shopping_bag</span></a>
+        <a href="#profile"><span className="material-symbols-outlined">person</span></a>
+      </div>
+    </nav>
+
+    );
+  }
+