First

public/icons/facebook.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
+  <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
+</svg>

public/icons/instagram.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
+  <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/>
+</svg>

public/icons/linkedin.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
+  <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
+</svg>

public/icons/youtube.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
+  <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/>
+</svg>

src/app/about-us/page.tsx

@@ -0,0 +1,10 @@
+export default function AboutUsPage() {
+    return (
+      <div className="p-8">
+        <h1 className="text-4xl font-bold">About Us</h1>
+        <p className="mt-4 text-lg">
+          Kakawa is a fictional company that delivers high-quality content through modern web technologies.
+        </p>
+      </div>
+    );
+  }

src/app/globalicons.css

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

src/app/globals.css

@@ -25,3 +25,95 @@ body {
     text-wrap: balance;
   }
 }
+
+
+body {
+  margin: 0;
+  margin-top: 8em;
+  padding: 0;
+  background-color: #f0f0f0; /* Optional background color */
+  font-family: Arial, sans-serif;
+  color: black;
+}
+
+.navbar {
+  position: fixed;
+  top: 1.5em;
+  left: 2em;
+  right: 2em;
+  background-color: white;
+  border-radius: 0px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1em 2em;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+}
+
+.navbar a  {
+  color: black;
+  text-decoration: none;
+  margin: 0 0.5em;
+  font-size: 1em;
+}
+
+.navbar a:hover {
+  color: #555;
+}
+
+.left, .right {
+  display: flex;
+  align-items: center;
+}
+
+.navbar .center a {
+  color: black;
+  text-decoration: none;
+  margin: 0 0;
+  font-size: 1em;
+}
+.center .logo {
+  height: 50px; /* Adjust the logo size as needed */
+}
+
+.navbar-center .logo {
+  height: 50px; /* Adjust the logo size as needed */
+}
+
+.fa-search, .fa-user {
+  font-size: 1.2em;
+}
+
+@media screen and (max-width: 768px) {
+  .navbar {
+    top: 1em;
+    left: 1em;
+    right: 1em;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .navbar-center {
+    margin: 1em 0;
+    align-self: center;
+  }
+}
+
+.navbar a.active {
+  font-weight: bold;
+  border-bottom: 2px solid black;
+}
+
+.navbar {
+  border-radius: 25px; /* Makes the corners more rounded */
+}
+
+
+.navbar a {
+  font-size: 1.1em;
+}
+
+.fa-search, .fa-user {
+  font-size: 1.4em;
+}

src/app/layout.tsx

@@ -1,35 +1,18 @@
-import type { Metadata } from "next";
-import localFont from "next/font/local";
-import "./globals.css";
+import './globals.css';
+import './globalicons.css'
 
-const geistSans = localFont({
-  src: "./fonts/GeistVF.woff",
-  variable: "--font-geist-sans",
-  weight: "100 900",
-});
-const geistMono = localFont({
-  src: "./fonts/GeistMonoVF.woff",
-  variable: "--font-geist-mono",
-  weight: "100 900",
-});
+import { ReactNode } from 'react';
+import Navbar from '../components/navbar';
+import Footer from '../components/footer'
 
-export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
+export default function RootLayout({ children }: { children: ReactNode }) {
   return (
     <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        {children}
+      <body>
+        <Navbar />
+        <main>{children}</main>
+        <Footer />
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,101 +1,52 @@
-import Image from "next/image";
+import Image from 'next/image'
+import brandStoryPic from '/public/images/homepage/brand-story.jpg'
+import { HomepageVideo } from '@/components/homepage-video';
 
-export default function Home() {
+export default function HomePage() {
   return (
-    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-      <main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
-        <Image
-          className="dark:invert"
-          src="https://nextjs.org/icons/next.svg"
-          alt="Next.js logo"
-          width={180}
-          height={38}
-          priority
-        />
-        <ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
-          <li className="mb-2">
-            Get started by editing{" "}
-            <code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
-              src/app/page.tsx
-            </code>
-            .
-          </li>
-          <li>Save and see your changes instantly.</li>
-        </ol>
-
-        <div className="flex gap-4 items-center flex-col sm:flex-row">
-          <a
-            className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="dark:invert"
-              src="https://nextjs.org/icons/vercel.svg"
-              alt="Vercel logomark"
-              width={20}
-              height={20}
-            />
-            Deploy now
-          </a>
-          <a
-            className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:min-w-44"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Read our docs
-          </a>
+    <div className="overflow-x-hidden">
+      {/* First Two-Column Layout */}
+      <section className="flex flex-col md:flex-row items-center">
+        {/* Left Column - Text with Header */}
+        <div className="w-full md:w-1/2">
+          <h1 className="text-4xl font-bold">
+          Brand Story
+          </h1>
+          <p className="text-base">
+          Mozimo's journey is a passionate pursuit of crafting exceptional chocolate that celebrates the origin of each cocoa bean.
+        </p>
+          <p className="text-base">
+We meticulously roast, crack, winnow, and refine beans in-house, using modern techniques to highlight their natural flavors.
+</p>
+<p className="text-base">
+Each chocolate is a masterpiece, capturing the essence of cocoa in its purest form.
+          </p>
         </div>
-      </main>
-      <footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="https://nextjs.org/icons/file.svg"
-            alt="File icon"
-            width={16}
-            height={16}
-          />
-          Learn
-        </a>
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="https://nextjs.org/icons/window.svg"
-            alt="Window icon"
-            width={16}
-            height={16}
-          />
-          Examples
-        </a>
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="https://nextjs.org/icons/globe.svg"
-            alt="Globe icon"
-            width={16}
-            height={16}
-          />
-          Go to nextjs.org →
-        </a>
-      </footer>
-    </div>
+
+        {/* Right Column - Image */}
+        <div className="w-full md:w-1/2">
+          <Image src={brandStoryPic} alt="Right Side Image" layout='responsive' className="w-full h-auto" />
+        </div>
+      </section>
+      {/* Second Two-Column Layout (Video and Text) */}
+      <section className="flex flex-col md:flex-row items-center">
+        {/* Left Column - Video */}
+        <div className="w-full md:w-1/2">
+          <div className="aspect-w-16 aspect-h-9">
+            <HomepageVideo />
+          </div>
+        </div>
+
+        {/* Right Column - Text */}
+        <div className="w-full md:w-1/2">
+          <h2 className="text-3xl font-bold">
+          Discover the delicate art of our
+          </h2>
+          <h3 className="text-3xl font-bold"> Chocolate Tempering</h3>
+          <p className="text-base">
+          Crafted to perfection Mozimo delivers a sublime sensory experience with every bite. Experience the epitome of indulgence with our perfectly tempered chocolate: velvety smooth, exquisitely rich, and artfully balanced. Each bite offers a symphony of nuanced cocoa flavors, melting luxuriously!          </p>
+        </div>
+      </section>      
+      </div>
   );
-}
+}

src/app/privacy-policy/page.tsx

@@ -0,0 +1,170 @@
+export default function TermsPage() {
+    return (
+      <div className="p-8">
+        <h1 className="text-4xl font-bold">Privacy Policy</h1>
+        <p className="mt-4 text-base">
+        Mozimo.in recognizes the importance of maintaining your privacy. We value your privacy and appreciate your trust in us. This Policy describes how we treat user information we collect on http://www.mozimo.in and other offline sources. This Privacy Policy applies to current and former visitors to our website and to our online customers. By visiting and/or using our website, you agree to this Privacy Policy.
+</p>
+<p className="mt-4 text-base font-bold">
+Information We Collect
+</p>
+<p className="mt-4 text-base">
+        <span className="font-bold">
+Contact Information:</span> We may collect your name, email, mobile number, phone number, street, city, state, pincode, country, and IP address.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Payment and Billing Information:</span> We may collect your billing name, billing address, and payment method when you make a purchase. We NEVER collect your credit card number, credit card expiry date, or other credit card details on our website. Credit card information will be processed by our secure online payment partner.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Information You Post:</span> We collect information you post in a public space on our website or on a third-party social media site related to Mozimo.in.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Demographic Information:</span> We may collect demographic information about you, including products you like, products you intend to purchase, and products you buy. This may be collected through surveys or other means.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Other Information:</span> We may collect information about your IP address, the browser you're using, the website you came from, duration of time spent on our website, pages accessed, or the website you visit when you leave us. We might also collect information about your mobile device or the version of the operating system you are using.
+How We Collect Information
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Direct Collection:</span> We collect information directly from you when you register on our website, make purchases, post comments or queries, or contact us via phone or email.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Passive Collection:</span> We use tracking tools like Google Analytics, cookies, and web beacons to collect information about your usage of our website.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Third-Party Sources:</span> We may receive information from third parties, such as social media sites if you use integrated social media features on our website.
+</p>
+
+<p className="mt-4 text-lg font-bold">
+Use of Your Personal Information
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Contact You:</span> We may use your information to contact you for purchase confirmations or promotional purposes.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Respond to Requests:</span> We may use your information to confirm purchases or respond to queries.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Improve Products and Services:</span> We may use your information to customize your experience and improve our offerings.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Site Trends and Customer Interests:</span> We may analyze your information to enhance our website and products.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Security:</span> We may use your information to protect our company, customers, or website.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Marketing:</span> We may send information about special promotions, offers, new features, or products. If you make a purchase, you may be enrolled in our newsletter.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Transactional Communications:</span> We may send you emails or SMS regarding your account or purchases.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Legal Compliance:</span> We use information as otherwise permitted by law.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Cookies and Web Beacons
+</span> 
+Like many websites, Mozimo.in uses 'cookies' to store information about visitors' preferences and pages visited. This helps us customize your experience based on browser type and other information.
+</p>
+
+<p className="mt-4 text-lg font-bold">
+Sharing of Information with Third Parties
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Service Providers:</span> We share information with third parties who perform services on our behalf, such as payment processors, delivery services, or transactional message processors. Some vendors may be located outside of India.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Legal Compliance:</span> We may share information to comply with legal obligations or protect ourselves, such as in response to court orders or government requests.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Business Transfers:</span> If our business is sold or transferred, customer information may be part of the transaction.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Other Sharing:</span> We may share information for reasons not described in this policy, with prior notice to you.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Email Opt-Out:
+</span> 
+You can opt out of receiving our marketing emails by emailing <a href="info@mozimo.in" />. Please allow up to ten days for processing. Even if you opt out of marketing emails, we will continue to send transactional messages related to your purchases.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Third-Party Sites
+</span> We do not offer third-party products or services on our website.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Grievance Officer
+</span> In accordance with the Information Technology Act 2000 and associated rules, the Grievance Officer’s contact details are as follows:
+[Your Address Here]
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Email: info@mozimo.in
+</span> 
+For questions about this Policy or other privacy concerns, you can also email us at info@mozimo.in.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Updates to This Policy
+</span> 
+This Privacy Policy was last updated on 05.09.24. We may change our privacy practices from time to time and will notify you of any material changes as required by law. Updated policies will be posted on our website. Please check our site periodically for updates.
+</p>
+
+<p className="mt-4 text-base">
+<span className="font-bold">
+Jurisdiction
+</span> 
+By visiting our website, any disputes over privacy are subject to this Policy and the website's terms of use. Disputes arising under this Policy shall be governed by the laws of India.
+</p>
+      </div>
+    );
+  }
+  

src/app/terms/page.tsx

@@ -0,0 +1,90 @@
+export default function TermsPage() {
+    return (
+      <div className="p-8">
+        <h1 className="text-4xl font-bold">Terms and Conditions</h1>
+        <p className="mt-4 text-lg">
+        PLEASE READ THIS TERMS OF SERVICE AGREEMENT CAREFULLY. BY USING THIS WEBSITE OR ORDERING PRODUCTS FROM THIS WEBSITE, YOU AGREE TO BE BOUND BY ALL OF THE TERMS AND CONDITIONS OF THIS AGREEMENT.
+        </p>
+        <p className="mt-4 text-base">
+This Terms of Service Agreement (the "Agreement") governs your use of this website, Mozimo.in (the "Website"), and Mozimo's offer of products for purchase on this Website. This Agreement includes and incorporates by reference the policies and guidelines referenced below. Mozimo reserves the right to change or revise the terms and conditions of this Agreement at any time by posting any changes or a revised Agreement on this Website. Mozimo will notify you of changes or revisions by indicating the date on the top of this Agreement. The revised Agreement will be effective immediately after it is posted on this Website. Your use of the Website following any changes or a revised Agreement will constitute your acceptance of those changes or revisions. Mozimo encourages you to review this Agreement whenever you visit the Website to ensure you understand the terms and conditions governing its use. This Agreement does not alter any terms or conditions of any other written agreement you may have with Mozimo for other products or services. If you do not agree to this Agreement (including any referenced policies or guidelines), please immediately discontinue your use of the Website. To print this Agreement, click the print button on your browser toolbar.
+</p>
+        <p className="mt-4 text-base">
+Understanding Expiry and Best Before Dates:
+Our products are carefully crafted and may be shipped in conditions to preserve their quality. The shelf life printed on the packaging refers to the product’s life when shipped. Upon arrival at our local stores, products may be defrosted, and the expiry date of defrosted products will be indicated on the label sticker on each box. Please refer to this expiry date when purchasing products.
+</p>
+        <p className="mt-4 text-lg">
+I. PRODUCTS
+</p>
+<p className="mt-4 text-base">
+Terms of Offer: This Website offers certain products (the "Products") for sale. By placing an order through this Website, you agree to the terms set forth in this Agreement.
+Customer Solicitation: Unless you inform our representatives otherwise, you agree to continue receiving emails and call solicitations from Mozimo and its designated teams.
+Opt-Out Procedure: To opt out of future solicitations, you can:
+Use the opt-out link found in any email solicitation.
+Send your email address to info@moizmo.in.
+Proprietary Rights: Mozimo has proprietary rights and trade secrets in the distribution of its Products. You may not copy, reproduce, resell, or redistribute any Product manufactured or distributed by Mozimo. Mozimo also owns all trademarks and trade dress, including the layout of this webpage.
+Goods and Service Tax (GST): If you purchase Products, you will be responsible for any applicable taxes.
+</p>
+        <p className="mt-4 text-lg">
+II. WEBSITE
+</p>
+<p className="mt-4 text-base">
+Content; Intellectual Property; Third-Party Links: This Website provides information and marketing materials, some of which may be gathered from other sources. Content created by Mozimo is protected by intellectual property laws. Unauthorized use may violate copyright or trademark laws. You use the content for personal, non-commercial purposes. Links to third-party websites are provided for convenience only, and Mozimo does not endorse or assume responsibility for their content.
+Use of Website: You will use the Website legally and responsibly, and will not interfere with others' use, engage in spam, or disrupt other users.
+License: You are granted a limited, non-exclusive, non-transferable right to use the Website content for personal, non-commercial use. Unauthorized copying or distribution is prohibited.
+Posting: By posting content on the Website, you grant Mozimo a perpetual, worldwide, non-exclusive, royalty-free license to use and distribute that content. Mozimo is not responsible for user-generated content or interactions between users.
+Your Consent: By registering with us, you consent to the collection, processing, storing, handling, and disclosure of your information as detailed in our privacy policy, which complies with Indian data protection laws.
+Alerts: We may contact you via email or phone to inform you about new products and offerings.
+User Communications: Communications sent to us may be retained to process inquiries and improve our services.
+</p>
+        <p className="mt-4 text-lg">
+III. DISCLAIMER OF WARRANTIES
+</p>
+<p className="mt-4 text-base normal-case">
+Your use of the website and products is at your own risk. The website and products are offered on an "as is" and "as available" basis. Mozimo disclaims all warranties, express or implied, including implied warranties of merchantability, fitness for a particular purpose, and non-infringement.
+</p>
+<p className="mt-4 text-lg">
+IV. LIMITATION OF LIABILITY
+</p>
+<p className="mt-4 text-base">
+Mozimo’s liability is limited to the amount you paid for products purchased through the website. Mozimo will not be liable for any direct, indirect, incidental, special, or consequential damages.
+</p>
+        <p className="mt-4 text-lg uppercase">
+V. INDEMNIFICATION
+</p>
+<p className="mt-4 text-base">
+You agree to indemnify and hold harmless Mozimo, its contractors, agents, and affiliates from any claims, damages, costs, or expenses arising out of your breach of this Agreement or use of the Website or Products. Mozimo may participate in the defense of any third-party claims at its own expense.
+</p>
+        <p className="mt-4 text-lg">
+VI. PRIVACY
+</p>
+<p className="mt-4 text-base">
+Mozimo is committed to protecting user privacy. Refer to our privacy policy for details on how we handle your data.
+</p>
+        <p className="mt-4 text-lg">
+VII. AGREEMENT TO BE BOUND
+</p>
+<p className="mt-4 text-base">
+By using this Website or ordering Products, you acknowledge that you have read and agree to this Agreement and all terms and conditions on this Website.
+</p>
+        <p className="mt-4 text-lg">
+VIII. GENERAL
+</p>
+<p className="mt-4 text-base">
+Force Majeure: Mozimo will not be liable for any delays or interruptions caused by events beyond its control, such as natural disasters or acts of war.
+</p>
+        <p className="mt-4 text-base">
+Cessation of Operation: Mozimo may cease operation of the Website and distribution of Products at its discretion.
+Entire Agreement: This Agreement constitutes the entire agreement between you and Mozimo and supersedes any prior agreements.
+Effect of Waiver: Failure to enforce any provision of this Agreement does not constitute a waiver. If any provision is found invalid, the remaining provisions will remain in effect.
+Governing Law; Jurisdiction: This Agreement is governed by the laws of Maharashtra, India. Disputes will be resolved in courts located in Maharashtra.
+Statute of Limitation: Claims must be filed within one year of the cause of action or be barred.
+Waiver of Class Action Rights: You waive any right to join claims with others in a class action. Claims must be asserted individually.
+Termination: Mozimo may terminate your access to the Website if you breach this Agreement, and may cancel any outstanding orders.
+Domestic Use: Mozimo makes no representation that the Website or Products are appropriate for use outside India. Users outside India are responsible for compliance with local laws.
+Assignment: You may not assign your rights under this Agreement. Mozimo may assign its rights and obligations without notice.
+By using this website or ordering products from this website, you agree to be bound by all of the terms and conditions of this agreement.
+        </p>
+      </div>
+    );
+  }
+  

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>
+
+    );
+  }
+  

src/pages/_app.tsx

@@ -0,0 +1,12 @@
+import Layout from '../components/layout';
+import '../app/globals.css';
+
+function MyApp({ Component, pageProps }) {
+  return (
+    <Layout>
+      <Component {...pageProps} />
+    </Layout>
+  );
+}
+
+export default MyApp;