diff --git a/dapp/src/pages/LandingPage/HeroSection.tsx b/dapp/src/pages/LandingPage/HeroSection.tsx
new file mode 100644
index 000000000..eea6d70a4
--- /dev/null
+++ b/dapp/src/pages/LandingPage/HeroSection.tsx
@@ -0,0 +1,20 @@
+import React from "react"
+import { Button, Heading, VStack, Text } from "@chakra-ui/react"
+
+function HeroSection() {
+  return (
+    <VStack spacing={0} mt={13} mb={20}>
+      <Heading fontSize="6xl" mb={2} fontWeight="semibold">
+        Bitcoin staking done right.
+      </Heading>
+      <Text fontSize="xl" lineHeight={7} mb={10} fontWeight="medium">
+        The open source, decentralized way to grow your bitcoin
+      </Text>
+      <Button size="lg" px={7} fontWeight="bold" lineHeight={6} h="auto">
+        Deposit BTC
+      </Button>
+    </VStack>
+  )
+}
+
+export default HeroSection
diff --git a/dapp/src/pages/LandingPage/index.tsx b/dapp/src/pages/LandingPage/index.tsx
new file mode 100644
index 000000000..94f912cf0
--- /dev/null
+++ b/dapp/src/pages/LandingPage/index.tsx
@@ -0,0 +1,11 @@
+import React from "react"
+import { Flex } from "@chakra-ui/react"
+import HeroSection from "./HeroSection"
+
+export default function LandingPage() {
+  return (
+    <Flex w="full" flexFlow="column" px={10}>
+      <HeroSection />
+    </Flex>
+  )
+}