chore: Remove favicon and enhance global styles

- Delete unused favicon.ico file to clean up project assets
- Add smooth scrolling behavior to html element for improved user experience
- Refactor box-shadow property in Toastify styles for better readability
- Update button states in Contact Us and Inquiries forms to include hcaptchaToken validation

app/_contact-us/form.tsx

@@ -132,7 +132,7 @@ const ContactUsForm = ({
       <div className={`${colSpanClass} flex justify-end`}>
         <button
           type="submit"
-          disabled={!isValid || isLoading}
+          disabled={!isValid || isLoading || !hcaptchaToken}
           className="bg-(--primary) cursor-pointer w-fit text-white rounded-full py-4 px-6 flex justify-center items-center text-center disabled:opacity-60 disabled:cursor-not-allowed">
           {isLoading ? <Loading /> : buttonText}
         </button>

app/_inquires/form.tsx

@@ -90,9 +90,13 @@ const InquiresForm = ({
     }
     setIsLoading(true);
     try {
-      const response = (await api.post("inquiries", { ...data })).data;
+      const response = (
+        await api.post("inquiries", { ...data, hcaptcha_token: hcaptchaToken })
+      ).data;
       toast.success(response.message);
       reset();
+      setHcaptchaToken(null);
+      captchaRef.current?.resetCaptcha();
     } catch (error) {
       handleApiError(error, setError, toast.error, formFieldNames);
     } finally {
@@ -219,7 +223,7 @@ const InquiresForm = ({
       <div className={`${colSpanClass} flex justify-end`}>
         <button
           type="submit"
-          disabled={!isValid || isLoading}
+          disabled={!isValid || isLoading || !hcaptchaToken}
           className="bg-(--primary) cursor-pointer w-fit text-white rounded-full py-4 px-6 disabled:opacity-60 disabled:cursor-not-allowed">
           {isLoading ? <Loading /> : submitText}
         </button>

app/globals.css

@@ -9,6 +9,10 @@
 body {
   font-family: "Inter", sans-serif;
 }
+
+html {
+  scroll-behavior: smooth;
+}
 @theme {
   --background: #171717;
   --foreground: #ffffff;
@@ -31,7 +35,8 @@ body {
 }
 
 .dark .Toastify__toast {
-  box-shadow: 0 20px 25px -5px rgb(255 255 255 / 0.07),
+  box-shadow:
+    0 20px 25px -5px rgb(255 255 255 / 0.07),
     0 8px 10px -6px rgb(255 255 255 / 0.05) !important;
 }
 

app/marketing/layout.tsx

@@ -1,9 +1,9 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
-import { ToastContainer, Zoom } from "react-toastify";
-import "../globals.css";
 import { Suspense } from "react";
+import { ToastContainer, Zoom } from "react-toastify";
 import GoogleAnalytics from "../_components/GoogleAnalytics";
+import "../globals.css";
 const geistSans = Geist({
   variable: "--font-geist-sans",
   subsets: ["latin"],

app/marketing/page.tsx

@@ -142,11 +142,11 @@ export default function Home() {
               </p>
             </hgroup>
             <div className="flex justify-start text-white">
-              <button
+              <Link
-                type="button"
+                href={"#footer"}
-                className="w-2/3 lg:w-fit capitalize bg-(--primary) rounded-4xl py-4 px-6">
+                className="w-2/3 lg:w-fit capitalize bg-(--primary) rounded-4xl py-4 px-6 cursor-pointer">
                 Get early access
-              </button>
+              </Link>
             </div>
           </section>
           <div className="m-auto w-xs lg:m-0 lg:w-auto -z-20 relative flex justify-center h-[650px] lg:h-[750px] lg:mr-28">
@@ -295,7 +295,9 @@ export default function Home() {
           </div>
         </section>
       </main>
-      <footer className="relative h-full bg-[url('/footer-bg.svg')] bg-cover bg-no-repeat mt-96">
+      <footer
+        className="relative h-full bg-[url('/footer-bg.svg')] bg-cover bg-no-repeat mt-96"
+        id="footer">
         <div
           className="absolute w-full -top-[355px] lg:-top-72 h-[600px] z-[-10] bg-[url('/bottom-bg.svg')] bg-contain bg-no-repeat bg-right"
           aria-hidden="true"