add footer

app/page.tsx

@@ -8,6 +8,7 @@ import Navbar from "@/components/landingPage-components/Navbar";
 import { useQuery } from "convex/react";
 import { api } from "@/convex/_generated/api";
 import { redirect } from "next/navigation";
+import Footer from "@/components/landingPage-components/Footer";
 export default function HomePage() {
   const viewer = useQuery(api.auth.isAuthenticated);
   if (!viewer) {
@@ -19,8 +20,9 @@ export default function HomePage() {
           <HowToStartSection />
           <FeaturesSection />
           <Testimonials />
+          <SignUpToday />
         </div>
-        <SignUpToday />
+        <Footer />
       </div>
     );
   } else {

app/privacy-policy/page.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function page() {
+  return <div>page</div>;
+}

app/terms-of-service/page.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function page() {
+  return <div>page</div>;
+}

components/landingPage-components/Footer.tsx

@@ -0,0 +1,70 @@
+import Link from "next/link";
+import NotevoLogo from "@/public/NoteWise-logo.svg";
+import Image from "next/image";
+export default function Footer() {
+  return (
+    <footer className="w-full bg-brand_fourthary text-brand_tertiary py-10">
+      <div className="max-w-6xl mx-auto px-6 md:px-12 lg:px-16">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {/* Logo and Description */}
+          <div>
+            <Link href="/">
+              <Image
+                src={NotevoLogo}
+                alt="Notevo logo"
+                className=" pb-2 hover:opacity-50"
+                width={50}
+                height={50}
+              />
+            </Link>
+            <h2 className="text-2xl font-bold">Notevo</h2>
+            <p className="mt-2 text-gray-400">Notes to the Next Level.</p>
+          </div>
+
+          {/* Links */}
+          <div>
+            <h3 className="text-lg font-semibold">Notevo</h3>
+            <ul className="mt-2 space-y-2 text-gray-400">
+              <li>
+                <Link href="/#How_To_Start" className="hover:underline">
+                  How To Start
+                </Link>
+              </li>
+              <li>
+                <Link href="/#features" className="hover:underline">
+                  Features
+                </Link>
+              </li>
+              <li>
+                <Link href="/#testimonials" className="hover:underline">
+                  Testimonials
+                </Link>
+              </li>
+            </ul>
+          </div>
+
+          {/* Social Media & Legal */}
+          <div>
+            <h3 className="mt-4 text-lg font-semibold">Legal</h3>
+            <ul className="mt-2 space-y-2 text-gray-400">
+              <li>
+                <Link href="/terms" className="hover:underline">
+                  Terms of Service
+                </Link>
+              </li>
+              <li>
+                <Link href="/privacy" className="hover:underline">
+                  Privacy Policy
+                </Link>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div className="mt-8 text-center text-gray-500 text-sm">
+          © {new Date().getFullYear()} Notevo. All rights reserved.
+        </div>
+      </div>
+    </footer>
+  );
+}