feat: Copied from template

src/components/Hero.tsx

@@ -0,0 +1,28 @@
+import Link from "next/link";
+
+export default function Hero() {
+  return (
+    <section className="text-center my-32 mx-4 sm:mx-8 md:mx-16 lg:mx-24">
+      <h1 className="font-sans text-3xl tracking-tighter sm:text-5xl md:text-6xl lg:text-7xl dark:text-white mb-6">
+        NextJS Template amazing hero!
+      </h1>
+      <p className="text-xl text-gray-600 dark:text-gray-300 mb-12 font-light">
+        Add something about your saas service or app here.
+      </p>
+      <div className="flex justify-center space-x-6">
+        <Link
+          href="/get-started"
+          className="bg-black text-white dark:bg-white dark:text-black px-5 py-2 rounded-md text-base font-semibold hover:bg-gray-800 dark:hover:bg-gray-200 transition duration-300"
+        >
+          Get Started
+        </Link>
+        <Link
+          href="https://github.com"
+          className="bg-black text-white dark:bg-white dark:text-black px-5 py-2 rounded-md text-base font-semibold hover:bg-gray-800 dark:hover:bg-gray-200 transition duration-300"
+        >
+          Download
+        </Link>
+      </div>
+    </section>
+  );
+}