From fd78cfbd6aaf62eeda3f1f4e9148a822ef4b23f1 Mon Sep 17 00:00:00 2001
From: Moses Agbe <m-agbe@leadway.com>
Date: Tue, 14 Apr 2026 13:01:58 +0100
Subject: [PATCH] Add Hero section

Signed-off-by: codesage7 <m-agbe@leadway.com>
---
 src/components/Hero.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 src/components/Hero.tsx

diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
new file mode 100644
index 0000000..5e72f80
--- /dev/null
+++ b/src/components/Hero.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import Link from "next/link";
+
+export default function Hero() {
+  return (
+    <section className="flex flex-col items-center justify-center text-center py-20 px-4 bg-linear-to-b from-gray-50 to-white">
+      <h1 className="text-4xl md:text-6xl font-bold mb-4">Welcome to MyApp</h1>
+      <p className="text-lg md:text-2xl text-gray-600 mb-8 max-w-xl">
+        This is a demo hero section. Build something amazing with Next.js and Tailwind CSS!
+      </p>
+      <Link href="/get-started" className="inline-block px-6 py-3 bg-black text-white rounded-lg font-semibold shadow hover:bg-gray-800 transition">Get Started</Link>
+    </section>
+  );
+}