From 91f77949662e67c6b5f263f1cf5194b003fc661d Mon Sep 17 00:00:00 2001
From: harmendv <harmendv@gmail.com>
Date: Wed, 1 Nov 2023 21:12:00 +0100
Subject: [PATCH 1/4] Fix overflow bug

---
 src/lib/components/LvLayout/LvLayout.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/components/LvLayout/LvLayout.vue b/src/lib/components/LvLayout/LvLayout.vue
index 7736542e..51f21cb3 100644
--- a/src/lib/components/LvLayout/LvLayout.vue
+++ b/src/lib/components/LvLayout/LvLayout.vue
@@ -111,7 +111,6 @@ body {
     flex-direction: column;
     background-color: var(--main-background-color);
     width: 100%;
-    overflow: hidden;
 
     &__header {
         z-index: 1;

From 7400b6ef43c5c75669f38596d73048010bc2e4fe Mon Sep 17 00:00:00 2001
From: harmendv <harmendv@gmail.com>
Date: Wed, 1 Nov 2023 21:12:05 +0100
Subject: [PATCH 2/4] Improve hero styling

---
 src/lib/components/LvHero/LvHero.vue | 31 ++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/LvHero/LvHero.vue b/src/lib/components/LvHero/LvHero.vue
index a929a073..f11b5cf5 100644
--- a/src/lib/components/LvHero/LvHero.vue
+++ b/src/lib/components/LvHero/LvHero.vue
@@ -79,31 +79,30 @@ export default {
         display: flex;
         flex-shrink: 0;
         gap: 10px;
-        margin-top: auto;
     }
 
     &--align-right {
         #{$self}__image {
             display: flex;
             justify-content: center;
-            margin-left: 1rem;
+            margin-left: 3rem;
             text-align: center;
         }
         #{$self}__content {
-            justify-content: flex-end;
+            justify-content: center;
         }
         #{$self}__description,
         #{$self}__title {
             display: flex;
-            justify-content: flex-end;
-            text-align: right;
+            justify-content: flex-start;
+            text-align: left;
             > * {
                 display: inline;
             }
         }
         #{$self}__buttons {
             display: flex;
-            justify-content: flex-end;
+            justify-content: flex-start;
         }
     }
 
@@ -117,6 +116,20 @@ export default {
         }
         #{$self}__content {
             order: 1;
+            justify-content: center;
+        }
+        #{$self}__description,
+        #{$self}__title {
+            display: flex;
+            justify-content: flex-end;
+            text-align: right;
+            > * {
+                display: inline;
+            }
+        }
+        #{$self}__buttons {
+            display: flex;
+            justify-content: flex-end;
         }
     }
 
@@ -125,7 +138,7 @@ export default {
         justify-content: center;
 
         #{$self}__content {
-            order: 1;
+            order: 0;
             justify-content: center;
         }
         #{$self}__description,
@@ -142,10 +155,10 @@ export default {
             justify-content: center;
         }
         #{$self}__image {
-            order: 0;
+            order: 1;
             display: flex;
             justify-content: center;
-            margin-bottom: 1rem;
+            margin-top: 2rem;
             text-align: center;
         }
     }

From 4cc1c14f8d9bd5d248febf9600efaf0fad4307c3 Mon Sep 17 00:00:00 2001
From: harmendv <harmendv@gmail.com>
Date: Wed, 1 Nov 2023 21:14:25 +0100
Subject: [PATCH 3/4] Improve homepage

---
 src/docs/views/home.vue | 53 ++++++++++++++++++++++++++++++++++++++---
 1 file changed, 50 insertions(+), 3 deletions(-)

diff --git a/src/docs/views/home.vue b/src/docs/views/home.vue
index a46c436a..44dc078b 100644
--- a/src/docs/views/home.vue
+++ b/src/docs/views/home.vue
@@ -1,6 +1,21 @@
 <template>
     <div class="splash">
-        <lv-hero v-space-after="4" title="Libvue" description="An opensource collection of vue 3 components.">
+        <lv-hero v-space-after="4" :align="breakpoints.smallerOrEqual.md ? 'center' : 'right'" title="Libvue" description="An opensource collection of vue 3 components.">
+            <template #image>
+                <div class="preview">
+                    <lv-card class="preview__login">
+                        <lv-heading level="3">Welcome Back</lv-heading>
+                        <lv-heading level="6" v-space-after="1" sub>Please login</lv-heading>
+                        <lv-input v-space-after=".5" icon="user" placeholder="Enter your username"></lv-input>
+                        <lv-input v-space-after="1" icon="key" placeholder="Enter your password"></lv-input>
+                        <lv-flex fill>
+                            <lv-button label="Login" color="solid-primary"></lv-button>
+                            <lv-button label="Cancel" color="outline-dimmed-default"></lv-button>
+                        </lv-flex>
+                    </lv-card>
+                    <lv-widget class="preview__chart" title="Followers" amount="2,530" :diff="10" type="chart" :labels="labels" :datasets="followersDatasets"/>
+                </div>
+            </template>
             <template #buttons>
                 <lv-button color="solid-primary" icon="book" @click="$router.push({ path: '/docs/install' })">
                     Documentation
@@ -89,6 +104,8 @@
 </template>
 
 <script>
+import { useBreakpoints } from '../../lib/composables/useBreakpoints';
+
 const install = `
 > npm install --save @libvue/core
 `.trim();
@@ -120,6 +137,12 @@ body {
 `.trim();
 
 export default {
+    setup() {
+        const { breakpoints } = useBreakpoints();
+        return {
+            breakpoints,
+        }
+    },
     data() {
         return {
             install,
@@ -128,6 +151,14 @@ export default {
                 { id: 'main', filename: 'main.js', lang: 'js', code: registerScript },
                 { id: 'scss', filename: 'app.scss', lang: 'css', code: registerScss },
             ],
+            labels: ['January', 'February', 'March', 'April', 'May', 'June'],
+            followersDatasets: [
+                {
+                    label: 'Followers',
+                    hue: 24,
+                    data: [55, 12, 20, 34, 7, 4],
+                },
+            ],
         };
     },
     methods: {
@@ -141,8 +172,6 @@ export default {
 <style lang="scss">
 .splash {
     --max-width: 1200px !important;
-}
-.splash {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -153,4 +182,22 @@ export default {
 .feature-card {
     height: 100%;
 }
+
+.preview {
+    position: relative;
+    width: 400px;
+    height: 300px;
+    &__login {
+        width: 70%;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+    }
+    &__chart {
+        width: 70%;
+        position: absolute;
+        top: 0;
+        right: 0;
+    }
+}
 </style>

From d3f313177b5f2cc13f9d5d47ed66f421fc49e537 Mon Sep 17 00:00:00 2001
From: harmendv <harmendv@gmail.com>
Date: Wed, 1 Nov 2023 21:14:31 +0100
Subject: [PATCH 4/4] 0.1.25

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 33c9bf50..33f56374 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@libvue/core",
-    "version": "0.1.24",
+    "version": "0.1.25",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "@libvue/core",
-            "version": "0.1.24",
+            "version": "0.1.25",
             "license": "MIT",
             "dependencies": {
                 "@tiptap/extension-link": "^2.0.0-beta.202",
diff --git a/package.json b/package.json
index c7d185ef..895d25ff 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@libvue/core",
-    "version": "0.1.24",
+    "version": "0.1.25",
     "private": false,
     "scripts": {
         "dev": "vite",