diff --git a/__snapshots__/page-homeview--no-user-data.png b/__snapshots__/page-homeview--no-user-data.png
new file mode 100644
index 0000000..bbcbe01
Binary files /dev/null and b/__snapshots__/page-homeview--no-user-data.png differ
diff --git a/src/data/pricing/en.json b/src/data/pricing/en.json
new file mode 100644
index 0000000..f3fe277
--- /dev/null
+++ b/src/data/pricing/en.json
@@ -0,0 +1,26 @@
+[
+    {
+        "name": "Basic",
+        "description": "For when you just need to be able to change a fixed URL sometimes.",
+        "price": "Free",
+        "features": [
+            "Up to 3,000 redirects per month"
+        ]
+    },
+    {
+        "name": "Pro",
+        "description": "Supercharged links with 300+ rule combinations to redirect anywhere.",
+        "price": "€3 / link / month",
+        "features": [
+            "Up to 30,000 redirects per month"
+        ]
+    },
+    {
+        "name": "Enterprise",
+        "description": "Custom built linking solutions tailored for your business needs.",
+        "price": "Contact sales",
+        "features": [
+            "Scalable as needed"
+        ]
+    }
+]
\ No newline at end of file
diff --git a/src/data/pricing/fr.json b/src/data/pricing/fr.json
new file mode 100644
index 0000000..3aec1b2
--- /dev/null
+++ b/src/data/pricing/fr.json
@@ -0,0 +1,26 @@
+[
+    {
+        "name": "Basique",
+        "description": "Pour quand vous avez juste besoin de pouvoir changer une URL fixe parfois.",
+        "price": "Gratuit",
+        "features": [
+            "Jusqu'à 3 000 redirections par mois"
+        ]
+    },
+    {
+        "name": "Pro",
+        "description": "Liens suralimentés avec plus de 300 combinaisons de règles pour rediriger n'importe où.",
+        "price": "3 € / lien / mois",
+        "features": [
+            "Jusqu'à 30 000 redirections par mois"
+        ]
+    },
+    {
+        "name": "Entreprise",
+        "description": "Solutions de liens sur mesure adaptées à vos besoins commerciaux.",
+        "price": "Contacter les ventes",
+        "features": [
+            "Évolutif selon les besoins"
+        ]
+    }
+]
\ No newline at end of file
diff --git a/src/stories/HomePage.stories.ts b/src/stories/HomePage.stories.ts
index c52f626..1d9d347 100644
--- a/src/stories/HomePage.stories.ts
+++ b/src/stories/HomePage.stories.ts
@@ -8,7 +8,7 @@ const meta: Meta<typeof HomeView> = {
 
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-    layout: "fullscreen",
+    // layout: "fullscreen",
   },
   // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/writing-docs/autodocs
   tags: ["autodocs"],
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 4ee9774..26f762f 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -11,6 +11,7 @@ const testimonialData = ref([] as any[]);
 const faqData = ref([] as any[]);
 const goodPointsData = ref([] as any[]);
 const painPointsData = ref([] as any[]);
+const pricingData = ref([] as any[]);
 
 // Load the features from the correct locale
 const loadData = (dataset = "features", localeToUse = locale.value) => {
@@ -27,11 +28,19 @@ watch(
     faqData.value = await loadData("faqs", newLocale);
     goodPointsData.value = await loadData("goodPoints", newLocale);
     painPointsData.value = await loadData("painPoints", newLocale);
+    pricingData.value = await loadData("pricing", newLocale);
   },
   {
     immediate: true,
   }
 );
+
+const scrollToTop = () => {
+  window.scrollTo({
+    top: 0,
+    behavior: "smooth",
+  });
+};
 </script>
 
 <template>
@@ -88,6 +97,28 @@ watch(
     </ul>
   </section>
 
+  <section id="pricing">
+    <h2>{{ $t("Pricing") }}</h2>
+    <ul>
+      <li v-for="pricing in pricingData" :key="pricing.id">
+        <hgroup>
+          <h3>{{ pricing.name }}</h3>
+          <p>{{ pricing.price }}</p>
+        </hgroup>
+        <p>{{ pricing.description }}</p>
+        <ul>
+          <li v-for="feature in pricing.features" :key="feature.id">
+            <p>{{ feature }}</p>
+          </li>
+        </ul>
+        <!-- Scroll to top button "Get started" -->
+        <button type="button" @click="scrollToTop">
+          {{ $t("Get started") }}
+        </button>
+      </li>
+    </ul>
+  </section>
+
   <section id="features">
     <h2>{{ $t("Features") }}</h2>
     <ul>
@@ -120,4 +151,14 @@ h2 {
 hgroup h2 + p {
   font-size: 300%;
 }
+
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+
+li {
+  list-style-type: none;
+  margin-bottom: calc(var(--pico-spacing) * 3);
+}
 </style>