diff --git a/public/img/hero.png b/public/img/hero.png
index 0325e16..6d62a1d 100644
Binary files a/public/img/hero.png and b/public/img/hero.png differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7fff615..cab4785 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,7 +5,6 @@ import "./globals.css";
 
 import { Navbar } from "@/components/Navbar";
 import { Footer } from "@/components/Footer";
-import { PopupWidget } from "@/components/PopupWidget";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -29,7 +28,6 @@ export default function RootLayout({
           <Navbar />
           <div>{children}</div>
           <Footer />
-          {/* <PopupWidget /> */}
         </ThemeProvider>
       </body>
     </html>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4f511aa..0945528 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,6 @@ import { Benefits } from "@/components/Benefits";
 import { Video } from "@/components/Video";
 import { Testimonials } from "@/components/Testimonials";
 import { Faq } from "@/components/Faq";
-import { Cta } from "@/components/Cta";
 
 import { benefitOne, benefitTwo } from "@/components/data";
 export default function Home() {
@@ -49,7 +48,6 @@ export default function Home() {
       </SectionTitle>
 
       <Faq />
-      {/* <Cta /> */}
     </Container>
   );
 }
diff --git a/src/components/Cta.tsx b/src/components/Cta.tsx
deleted file mode 100644
index ff2a4a4..0000000
--- a/src/components/Cta.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-import { Container } from "@/components/Container";
-
-export const Cta = () => {
-  return (
-    <Container>
-      <div className="flex flex-wrap items-center justify-between w-full max-w-4xl gap-5 mx-auto text-white bg-indigo-600 px-7 py-7 lg:px-12 lg:py-12 lg:flex-nowrap rounded-xl">
-        <div className="flex-grow text-center lg:text-left">
-          <h2 className="text-2xl font-medium lg:text-3xl">
-            Ready to try-out this template?
-          </h2>
-          <p className="mt-2 font-medium text-white text-opacity-90 lg:text-xl">
-            Don&apos;t let your visitors see a poor landing.
-          </p>
-        </div>
-        <div className="flex-shrink-0 w-full text-center lg:w-auto">
-          <a
-            href="https://github.com/web3templates"
-            target="_blank"
-            rel="noopener"
-            className="inline-block py-3 mx-auto text-lg font-medium text-center text-indigo-600 bg-white rounded-md px-7 lg:px-10 lg:py-5 "
-          >
-            Download for Free
-          </a>
-        </div>
-      </div>
-    </Container>
-  );
-};
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 5c0523e..0a42655 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -27,7 +27,7 @@ export const Hero = () => {
                 rel="noopener"
                 className="px-8 py-4 text-lg font-medium text-center text-white bg-indigo-600 rounded-md "
               >
-                Download for Free
+                Contsct Us
               </a>
               {/* <a
                 href="https://github.com/web3templates/nextly-template/"
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index fe9630c..6c3b7eb 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -5,8 +5,6 @@ import Image from "next/image";
 import { Disclosure } from "@headlessui/react";
 
 export const Navbar = () => {
-  const navigation = ["Product", "Features", "Pricing", "Company", "Blog"];
-
   return (
     <div className="w-full">
       <nav className="container relative flex flex-wrap items-center justify-between p-8 mx-auto lg:justify-between xl:px-0">
@@ -57,20 +55,11 @@ export const Navbar = () => {
 
                 <Disclosure.Panel className="flex flex-wrap w-full my-5 lg:hidden">
                   <>
-                    {navigation.map((item, index) => (
-                      <Link
-                        key={index}
-                        href="/"
-                        className="w-full px-4 py-2 -ml-4 text-gray-500 rounded-md dark:text-gray-300 hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 dark:focus:bg-gray-800 focus:outline-none"
-                      >
-                        {item}
-                      </Link>
-                    ))}
                     <Link
                       href="/"
                       className="w-full px-6 py-2 mt-3 text-center text-white bg-indigo-600 rounded-md lg:ml-5"
                     >
-                      Get Started
+                      Contact Us
                     </Link>
                   </>
                 </Disclosure.Panel>
@@ -92,18 +81,3 @@ export const Navbar = () => {
     </div>
   );
 };
-
-{
-  /* menu  */
-}
-// <div className="hidden text-center lg:flex lg:items-center">
-//   <ul className="items-center justify-end flex-1 pt-6 list-none lg:pt-0 lg:flex">
-//     {navigation.map((menu, index) => (
-//       <li className="mr-3 nav__item" key={index}>
-//         <Link href="/" className="inline-block px-4 py-2 text-lg font-normal text-gray-800 no-underline rounded-md dark:text-gray-200 hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-gray-800">
-//             {menu}
-//         </Link>
-//       </li>
-//     ))}
-//   </ul>
-// </div>
diff --git a/src/components/PopupWidget.tsx b/src/components/PopupWidget.tsx
deleted file mode 100644
index 08a5d02..0000000
--- a/src/components/PopupWidget.tsx
+++ /dev/null
@@ -1,356 +0,0 @@
-"use client";
-import React, { useState } from "react";
-import { useForm, useWatch } from "react-hook-form";
-import {
-  Disclosure,
-  Transition,
-  DisclosurePanel,
-  DisclosureButton,
-} from "@headlessui/react";
-
-export function PopupWidget() {
-  const {
-    register,
-    handleSubmit,
-    reset,
-    control,
-    formState: { errors, isSubmitSuccessful, isSubmitting },
-  } = useForm({
-    mode: "onTouched",
-  });
-
-  const [isSuccess, setIsSuccess] = useState(false);
-  const [Message, setMessage] = useState("");
-
-  const userName = useWatch({ control, name: "name", defaultValue: "Someone" });
-
-  const onSubmit = async (data: any, e: any) => {
-    console.log(data);
-    await fetch("https://api.web3forms.com/submit", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Accept: "application/json",
-      },
-      body: JSON.stringify(data, null, 2),
-    })
-      .then(async (response) => {
-        let json = await response.json();
-        if (json.success) {
-          setIsSuccess(true);
-          setMessage(json.message);
-          e.target.reset();
-          reset();
-        } else {
-          setIsSuccess(false);
-          setMessage(json.message);
-        }
-      })
-      .catch((error) => {
-        setIsSuccess(false);
-        setMessage("Client Error. Please check the console.log for more info");
-        console.log(error);
-      });
-  };
-
-  return (
-    <div>
-      <Disclosure>
-        {({ open }) => (
-          <>
-            <DisclosureButton className="fixed z-40 flex items-center justify-center transition duration-300 bg-indigo-500 rounded-full shadow-lg right-5 bottom-5 w-14 h-14 focus:outline-none hover:bg-indigo-600 focus:bg-indigo-600 ease">
-              <span className="sr-only">Open Contact form Widget</span>
-              <Transition
-                show={!open}
-                enter="transition duration-200 transform ease"
-                enterFrom="opacity-0 -rotate-45 scale-75"
-                leave="transition duration-100 transform ease"
-                leaveTo="opacity-0 -rotate-45"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="absolute w-6 h-6 text-white"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                >
-                  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
-                </svg>
-              </Transition>
-
-              <Transition
-                show={open}
-                enter="transition duration-200 transform ease"
-                enterFrom="opacity-0 rotate-45 scale-75"
-                leave="transition duration-100 transform ease"
-                leaveTo="opacity-0 rotate-45"
-                className="absolute w-6 h-6 text-white"
-                as={"div"}
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="w-6 h-6"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                >
-                  <line x1="18" y1="6" x2="6" y2="18"></line>
-                  <line x1="6" y1="6" x2="18" y2="18"></line>
-                </svg>
-              </Transition>
-            </DisclosureButton>
-            <Transition
-              className="fixed  z-50 bottom-[100px] top-0 right-0  left-0 sm:top-auto sm:right-5 sm:left-auto"
-              enter="transition duration-200 transform ease"
-              enterFrom="opacity-0 translate-y-5"
-              leave="transition duration-200 transform ease"
-              leaveTo="opacity-0 translate-y-5"
-              as="div"
-            >
-              <DisclosurePanel className=" flex flex-col  overflow-hidden left-0 h-full w-full sm:w-[350px] min-h-[250px] sm:h-[600px] border border-gray-300 dark:border-gray-800 bg-white shadow-2xl rounded-md sm:max-h-[calc(100vh-120px)]">
-                <div className="flex flex-col items-center justify-center h-32 p-5 bg-indigo-600">
-                  <h3 className="text-lg text-white">How can we help?</h3>
-                  <p className="text-white opacity-50">
-                    We usually respond in a few hours
-                  </p>
-                </div>
-                <div className="flex-grow h-full p-6 overflow-auto bg-gray-50 ">
-                  {!isSubmitSuccessful && (
-                    <form onSubmit={handleSubmit(onSubmit)} noValidate>
-                      <input
-                        type="hidden"
-                        value="YOUR_ACCESS_KEY_HERE"
-                        {...register("apikey")}
-                      />
-                      <input
-                        type="hidden"
-                        value={`${userName} sent a message from Nextly`}
-                        {...register("subject")}
-                      />
-                      <input
-                        type="hidden"
-                        value="Nextly Template"
-                        {...register("from_name")}
-                      />
-                      <input
-                        type="checkbox"
-                        className="hidden"
-                        style={{ display: "none" }}
-                        {...register("botcheck")}
-                      ></input>
-
-                      <div className="mb-4">
-                        <label
-                          htmlFor="full_name"
-                          className="block mb-2 text-sm text-gray-600 dark:text-gray-400"
-                        >
-                          Full Name
-                        </label>
-                        <input
-                          type="text"
-                          id="full_name"
-                          placeholder="John Doe"
-                          {...register("name", {
-                            required: "Full name is required",
-                            maxLength: 80,
-                          })}
-                          className={`w-full px-3 py-2 text-gray-600 placeholder-gray-300 bg-white border border-gray-300 rounded-md focus:outline-none focus:ring   ${
-                            errors.name
-                              ? "border-red-600 focus:border-red-600 ring-red-100"
-                              : "border-gray-300 focus:border-indigo-600 ring-indigo-100"
-                          }`}
-                        />
-                        {errors.name && (
-                          <div className="mt-1 text-sm text-red-400 invalid-feedback">
-                            {errors.name.message as string}
-                          </div>
-                        )}
-                      </div>
-
-                      <div className="mb-4">
-                        <label
-                          htmlFor="email"
-                          className="block mb-2 text-sm text-gray-600 dark:text-gray-400"
-                        >
-                          Email Address
-                        </label>
-                        <input
-                          type="email"
-                          id="email"
-                          {...register("email", {
-                            required: "Enter your email",
-                            pattern: {
-                              value: /^\S+@\S+$/i,
-                              message: "Please enter a valid email",
-                            },
-                          })}
-                          placeholder="you@company.com"
-                          className={`w-full px-3 py-2 text-gray-600 placeholder-gray-300 bg-white border border-gray-300 rounded-md focus:outline-none focus:ring   ${
-                            errors.email
-                              ? "border-red-600 focus:border-red-600 ring-red-100"
-                              : "border-gray-300 focus:border-indigo-600 ring-indigo-100"
-                          }`}
-                        />
-
-                        {errors.email && (
-                          <div className="mt-1 text-sm text-red-400 invalid-feedback">
-                            {errors.email.message as string}
-                          </div>
-                        )}
-                      </div>
-
-                      <div className="mb-4">
-                        <label
-                          htmlFor="message"
-                          className="block mb-2 text-sm text-gray-600 dark:text-gray-400"
-                        >
-                          Your Message
-                        </label>
-
-                        <textarea
-                          rows={4}
-                          id="message"
-                          {...register("message", {
-                            required: "Enter your Message",
-                          })}
-                          placeholder="Your Message"
-                          className={`w-full px-3 py-2 text-gray-600 placeholder-gray-300 bg-white border border-gray-300 rounded-md h-28 focus:outline-none focus:ring   ${
-                            errors.message
-                              ? "border-red-600 focus:border-red-600 ring-red-100"
-                              : "border-gray-300 focus:border-indigo-600 ring-indigo-100"
-                          }`}
-                          required
-                        ></textarea>
-                        {errors.message && (
-                          <div className="mt-1 text-sm text-red-400 invalid-feedback">
-                            {errors.message.message as string}
-                          </div>
-                        )}
-                      </div>
-                      <div className="mb-3">
-                        <button
-                          type="submit"
-                          className="w-full px-3 py-4 text-white bg-indigo-500 rounded-md focus:bg-indigo-600 focus:outline-none"
-                        >
-                          {isSubmitting ? (
-                            <svg
-                              className="w-5 h-5 mx-auto text-white animate-spin"
-                              xmlns="http://www.w3.org/2000/svg"
-                              fill="none"
-                              viewBox="0 0 24 24"
-                            >
-                              <circle
-                                className="opacity-25"
-                                cx="12"
-                                cy="12"
-                                r="10"
-                                stroke="currentColor"
-                                strokeWidth="4"
-                              ></circle>
-                              <path
-                                className="opacity-75"
-                                fill="currentColor"
-                                d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                              ></path>
-                            </svg>
-                          ) : (
-                            "Send Message"
-                          )}
-                        </button>
-                      </div>
-                      <p
-                        className="text-xs text-center text-gray-400"
-                        id="result"
-                      >
-                        <span>
-                          Powered by{" "}
-                          <a
-                            href="https://Web3Forms.com"
-                            className="text-gray-600"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                          >
-                            Web3Forms
-                          </a>
-                        </span>
-                      </p>
-                    </form>
-                  )}
-
-                  {isSubmitSuccessful && isSuccess && (
-                    <div className="flex flex-col items-center justify-center h-full text-center text-white rounded-md">
-                      <svg
-                        width="60"
-                        height="60"
-                        className="text-green-300"
-                        viewBox="0 0 100 100"
-                        fill="none"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M26.6666 50L46.6666 66.6667L73.3333 33.3333M50 96.6667C43.8716 96.6667 37.8033 95.4596 32.1414 93.1144C26.4796 90.7692 21.3351 87.3317 17.0017 82.9983C12.6683 78.6649 9.23082 73.5204 6.8856 67.8586C4.54038 62.1967 3.33331 56.1283 3.33331 50C3.33331 43.8716 4.54038 37.8033 6.8856 32.1414C9.23082 26.4796 12.6683 21.3351 17.0017 17.0017C21.3351 12.6683 26.4796 9.23084 32.1414 6.88562C37.8033 4.5404 43.8716 3.33333 50 3.33333C62.3767 3.33333 74.2466 8.24998 82.9983 17.0017C91.75 25.7534 96.6666 37.6232 96.6666 50C96.6666 62.3768 91.75 74.2466 82.9983 82.9983C74.2466 91.75 62.3767 96.6667 50 96.6667Z"
-                          stroke="currentColor"
-                          strokeWidth="3"
-                        />
-                      </svg>
-                      <h3 className="py-5 text-xl text-green-500">
-                        Message sent successfully
-                      </h3>
-                      <p className="text-gray-700 md:px-3">{Message}</p>
-                      <button
-                        className="mt-6 text-indigo-600 focus:outline-none"
-                        onClick={() => reset()}
-                      >
-                        Go back
-                      </button>
-                    </div>
-                  )}
-
-                  {isSubmitSuccessful && !isSuccess && (
-                    <div className="flex flex-col items-center justify-center h-full text-center text-white rounded-md">
-                      <svg
-                        width="60"
-                        height="60"
-                        viewBox="0 0 97 97"
-                        className="text-red-400"
-                        fill="none"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M27.9995 69C43.6205 53.379 52.3786 44.621 67.9995 29M26.8077 29L67.9995 69M48.2189 95C42.0906 95 36.0222 93.7929 30.3604 91.4477C24.6985 89.1025 19.554 85.6651 15.2206 81.3316C10.8872 76.9982 7.44975 71.8538 5.10454 66.1919C2.75932 60.53 1.55225 54.4617 1.55225 48.3333C1.55225 42.205 2.75932 36.1366 5.10454 30.4748C7.44975 24.8129 10.8872 19.6684 15.2206 15.335C19.554 11.0016 24.6985 7.56418 30.3604 5.21896C36.0222 2.87374 42.0906 1.66667 48.2189 1.66667C60.5957 1.66667 72.4655 6.58333 81.2172 15.335C89.9689 24.0867 94.8856 35.9566 94.8856 48.3333C94.8856 60.7101 89.9689 72.58 81.2172 81.3316C72.4655 90.0833 60.5957 95 48.2189 95Z"
-                          stroke="CurrentColor"
-                          strokeWidth="3"
-                        />
-                      </svg>
-
-                      <h3 className="text-xl text-red-400 py-7">
-                        Oops, Something went wrong!
-                      </h3>
-                      <p className="text-gray-700 md:px-3">{Message}</p>
-                      <button
-                        className="mt-6 text-indigo-600 focus:outline-none"
-                        onClick={() => reset()}
-                      >
-                        Go back
-                      </button>
-                    </div>
-                  )}
-                </div>
-              </DisclosurePanel>
-            </Transition>
-          </>
-        )}
-      </Disclosure>
-    </div>
-  );
-}