diff --git a/app/src/components/hero.rs b/app/src/components/hero.rs
new file mode 100644
index 0000000..a0f03ff
--- /dev/null
+++ b/app/src/components/hero.rs
@@ -0,0 +1,10 @@
+use leptos::prelude::*;
+
+#[component]
+pub fn hero() -> impl IntoView {
+    view! {
+        <section id="hero">
+            <h1 class="text-4xl font-bold">"Hi, I'm [Your Name]."</h1>
+        </section>
+    }
+}
diff --git a/app/src/components/home_page.rs b/app/src/components/home_page.rs
index 140458b..d3fe100 100644
--- a/app/src/components/home_page.rs
+++ b/app/src/components/home_page.rs
@@ -1,5 +1,4 @@
 use leptos::prelude::*;
-
 /// Renders the home page of your application.
 #[component]
 pub fn HomePage() -> impl IntoView {
diff --git a/app/src/components/mod.rs b/app/src/components/mod.rs
index a452869..981e2c4 100644
--- a/app/src/components/mod.rs
+++ b/app/src/components/mod.rs
@@ -1,4 +1,5 @@
-pub mod app;
+mod app;
+mod hero;
 mod home_page;
 
 pub use app::App;