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