feat(header): remove unused links & improve logo/CTA button

alanrochagomes · Nov 7, 2024 · 918683c · 918683c
1 parent 6ec7dbd
commit 918683c
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 63 deletions.
diff --git a/public/file.svg b/public/file.svg
diff --git a/public/globe.svg b/public/globe.svg
diff --git a/public/logo-sa.svg b/public/logo-sa.svg
diff --git a/public/next.svg b/public/next.svg
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/public/window.svg b/public/window.svg
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,5 +1,7 @@
 import HeroSection from "@/components/hero-section";
+import Image from "next/image";
 import Link from "next/link";
+import LogoSA from "/public/logo-sa.svg";
 
 export default function Home() {
   return (
@@ -12,72 +14,19 @@ export default function Home() {
             className="inline-flex items-center gap-2.5 text-2xl font-bold text-black md:text-3xl"
             aria-label="logo"
           >
-            <svg
-              width="95"
-              height="94"
-              viewBox="0 0 95 94"
-              className="h-auto w-6 text-indigo-500"
-              fill="currentColor"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path d="M96 0V47L48 94H0V47L48 0H96Z" />
-            </svg>
+            <Image src={LogoSA} alt="Logo Salvatore Academy" width={48} />
             SA
           </Link>
           {/* logo - end */}
 
-          {/* nav - start */}
-          <nav className="hidden gap-12 lg:flex">
-            <a href="#" className="text-lg font-semibold text-indigo-500">
-              Home
-            </a>
-            <a
-              href="#"
-              className="text-lg font-semibold text-gray-600 transition duration-100 hover:text-indigo-500 active:text-indigo-700"
-            >
-              Features
-            </a>
-            <a
-              href="#"
-              className="text-lg font-semibold text-gray-600 transition duration-100 hover:text-indigo-500 active:text-indigo-700"
-            >
-              Pricing
-            </a>
-            <a
-              href="#"
-              className="text-lg font-semibold text-gray-600 transition duration-100 hover:text-indigo-500 active:text-indigo-700"
-            >
-              About
-            </a>
-          </nav>
-          {/* nav - end */}
-
           {/* buttons - start */}
           <a
-            href="#"
-            className="hidden rounded-lg bg-gray-200 px-8 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base lg:inline-block"
+            href="https://salvatore.academy"
+            target="_blank"
+            className="rounded-lg bg-gray-200 px-8 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base"
           >
-            Contact Sales
+            Go to salvatore.academy 🔗
           </a>
-
-          <button
-            type="button"
-            className="inline-flex items-center gap-2 rounded-lg bg-gray-200 px-2.5 py-2 text-sm font-semibold text-gray-500 ring-indigo-300 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base lg:hidden"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              className="h-6 w-6"
-              viewBox="0 0 20 20"
-              fill="currentColor"
-            >
-              <path
-                fillRule="evenodd"
-                d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-                clipRule="evenodd"
-              />
-            </svg>
-            Menu
-          </button>
           {/* buttons - end */}
         </header>