From cf841956c69b54836c6fd32a296b10b42dc97c07 Mon Sep 17 00:00:00 2001
From: Desmond Zhu <hz1778@nyu.edu>
Date: Sat, 25 Nov 2023 02:06:59 -0500
Subject: [PATCH] feat: Add hero section to the homepage

Implemented a new hero section in the homepage to provide a welcoming introduction and quick overview of the site's purpose. This section includes a main banner with a catchy tagline and a call-to-action button.
---
 src/App.js         |  2 ++
 src/HeroSection.js | 12 ++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 src/HeroSection.js

diff --git a/src/App.js b/src/App.js
index 3784575..8f35a04 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,6 @@
 import logo from './logo.svg';
 import './App.css';
+import HeroSection from './HeroSection';
 
 function App() {
   return (
@@ -18,6 +19,7 @@ function App() {
           Learn React
         </a>
       </header>
+      <HeroSection></HeroSection>
     </div>
   );
 }
diff --git a/src/HeroSection.js b/src/HeroSection.js
new file mode 100644
index 0000000..681687c
--- /dev/null
+++ b/src/HeroSection.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+function HeroSection() {
+  return (
+    <div className="hero-section">
+      <h1>Welcome to Dizzy!</h1>
+      <p>Your hub for creative and innovative projects.</p>
+    </div>
+  );
+}
+
+export default HeroSection;
\ No newline at end of file