From 0db46c1f2516e49346aa9ff72cf4f61166e49d64 Mon Sep 17 00:00:00 2001
From: Kamil Pyszkowski <kamil.pyszkowski@akena.co>
Date: Tue, 16 Apr 2024 11:25:21 +0200
Subject: [PATCH] Implement `HeroSection` for landing page

---
 dapp/src/pages/LandingPage/HeroSection.tsx | 20 ++++++++++++++++++++
 dapp/src/pages/LandingPage/index.tsx       | 11 +++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 dapp/src/pages/LandingPage/HeroSection.tsx
 create mode 100644 dapp/src/pages/LandingPage/index.tsx

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>
+  )
+}