\ No newline at end of file
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
new file mode 100644
index 0000000..e01bdd5
--- /dev/null
+++ b/src/components/Hero.astro
@@ -0,0 +1,32 @@
+---
+import Title from '../components/Title.astro'
+import Description from '../components/Description.astro'
+import Button from '../components/Button.astro'
+import Circles from '../components/Circles.astro'
+import { Image } from 'astro:assets'
+import myImage from '../assets/browser.png'
+import { ArrowRight } from 'lucide-astro'
+---
+
+
+
+
+ Welcome to a calmer internet
+ Beautifully designed, privacy-focused, and packed with features. We care about your experience, not your data.
+
+
+ Download
+
+
+ Start Exploring
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
new file mode 100644
index 0000000..d213516
--- /dev/null
+++ b/src/components/NavBar.astro
@@ -0,0 +1,51 @@
+
+---
+import Title from '../components/Title.astro'
+import Description from '../components/Description.astro'
+import Button from '../components/Button.astro'
+import { Astronav, MenuItems, MenuIcon, Dropdown, DropdownItems, DropdownSubmenu } from "astro-navbar";
+import { ArrowRight, ChevronDown } from 'lucide-astro'
+---
+
+
diff --git a/src/components/Title.astro b/src/components/Title.astro
index 04c2b00..320e354 100644
--- a/src/components/Title.astro
+++ b/src/components/Title.astro
@@ -2,7 +2,7 @@
const { class: className } = Astro.props
---
-
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b5de842..ec520d1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,84 +1,12 @@
---
import Layout from '../layouts/Layout.astro'
-import Title from '../components/Title.astro'
-import Description from '../components/Description.astro'
-import Button from '../components/Button.astro'
-import Circles from '../components/Circles.astro'
-import { Image } from 'astro:assets'
-import myImage from '../assets/browser.png'
-import { Github, Lock, Check, HeartHandshake, Shield } from 'lucide-astro'
+import Hero from '../components/Hero.astro'
---
-
-
-
- Welcome to a calmer internet
- Beautifully designed, privacy-focused, and packed with features. We care about your experience, not your data.
-
- Download
- mods page
-
-
-
-
-
-
-
- Designed to maximize your productivity
- Our browser is designed to be as minimal as possible, so you can
- focus on what matters most.
-
-
-
-
-
- Customizable, down to the last pixel
- Zen is built to be as customizable as possible, so you can make it
- your own.
- Either by using our built-in themes generator and customization
- tools, using custom CSS, or using community-made mods, the only limit
- is your imagination.
-
- VIDEO HERE
-
-
-
- Private, Open Source, and Secure
- Our browser is built onto the Firefox engine, so you can trust that
- your data is safe with us.
-