- homepage illustrations part 1

2026-04-21 17:12:15 +00:00 · 2021-04-05 08:47:49 +02:00
parent 790da00420
commit 9ea78d103e
14 changed files with 1702 additions and 386 deletions
--- a/resources/js/Oasis/Homepage/Components/OasisHeader.vue
+++ b/resources/js/Oasis/Homepage/Components/OasisHeader.vue
@@ -22,6 +22,8 @@
                </span>
            </div>
        </header>
+
+        <img src="/oasis/header-image.svg" alt="OasisDrive" class="hero">
    </div>
 </template>

@@ -50,4 +52,25 @@
    @import '@assets/oasis/_components';
    @import '@assets/oasis/_homepage';
    @import '@assets/oasis/_responsive';
+
+    .oasis-header {
+        margin-top: -110px;
+        padding-top: 250px;
+        background: linear-gradient(180deg, rgba(149, 189, 230, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
+
+        .main-title {
+            max-width: 820px;
+            margin: 0 auto;
+        }
+
+        .sub-title {
+            margin-bottom: 50px;
+        }
+    }
+
+    .hero {
+        width: 100%;
+        margin-top: -100px;
+        margin-bottom: -10px;
+    }
 </style>