diff --git a/components/HeroSectionHome.tsx b/components/HeroSectionHome.tsx
new file mode 100644
index 0000000..e58d763
--- /dev/null
+++ b/components/HeroSectionHome.tsx
@@ -0,0 +1,75 @@
+const HeroSectionHome = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Long & short everything.
+
+
+
+ Community governed · Lightning fast · Near-zero fees
+
+
+
+
+
+
+
+
Powered by
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default HeroSectionHome
diff --git a/components/HomeSection.tsx b/components/HomeSection.tsx
new file mode 100644
index 0000000..1953406
--- /dev/null
+++ b/components/HomeSection.tsx
@@ -0,0 +1,122 @@
+import PercentPill from '../components/PercentPill'
+
+
+const HomeSection = () => {
+ return (
+
+
+
+
+
+
+
+
+
+ Intuitive & fast non-custodial trading.{' '}
+
+
+ Cross-collateralized margin trading with up to 5x leverage. Trade knowing you control your funds, no more centralized counterparty risk.{' '}
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default HomeSection
diff --git a/components/PercentPill.tsx b/components/PercentPill.tsx
new file mode 100644
index 0000000..df13365
--- /dev/null
+++ b/components/PercentPill.tsx
@@ -0,0 +1,9 @@
+const MangoPill = () => {
+ return (
+
+ )
+}
+
+export default MangoPill