first commit

scss/landingpage/_general.scss

@@ -0,0 +1,214 @@
+
+
+@media (min-width: 900px) {
+    .bannerTitle {
+        font-size: 55px;
+        line-height: 60px;
+    }
+}
+
+.bannerSlider {
+    padding: 25.6px;
+    min-width: 2000px;
+    height: calc(100vh - 100px);
+    max-height: 790px;
+    border-radius: 7px;
+}
+
+.animateUp {
+    animation: 35s linear 0s infinite normal none running slideup;
+}
+
+@keyframes slideup {
+    0% {
+        transform: translate3d(0, 0, 0);
+    }
+    100% {
+        transform: translate3d(0px, -100%, 0px);
+    }
+}
+
+.animateDown {
+    animation: 35s linear 0s infinite normal none running slideDown;
+}
+
+@keyframes slideDown {
+    0% {
+        transform: translate3d(0, -100%, 0);
+    }
+    100% {
+        transform: translate3d(0px, 0, 0px);
+    }
+}
+
+//
+// Sections common
+//
+
+.sectionTitle {
+    font-size: 25px;
+    line-height: 30px;
+}
+
+@media (min-width: 1200px) {
+    .sectionTitle {
+        font-size: 36px;
+        line-height: 43px;
+    }
+}
+
+//
+// frameworks
+//
+.slider-group {
+    animation: slide 45s linear infinite;
+}
+
+@keyframes slide {
+    0% {
+        transform: translate3d(0, 0, 0);
+    }
+    100% {
+        transform: translate3d(-100%, 0, 0);
+    }
+}
+
+//
+// support
+//
+.ticket {
+    overflow: hidden;
+    width: 100%;
+    padding: 0px;
+    position: relative;
+    background-image: url('@/assets/images/landingpage/shape/line-bg.svg');
+    background-repeat: no-repeat;
+    background-position: center center;
+}
+
+//
+// money back
+//
+.money-back {
+    overflow: hidden;
+    width: 100%;
+    padding: 0px;
+    position: relative;
+    background-image: url('@/assets/images/landingpage/shape/line-bg-2.svg');
+    background-repeat: no-repeat;
+    background-position: center center;
+}
+
+.btn-custom-md {
+    height: 53px !important;
+    padding: 0 48px !important;
+}
+
+.btn-custom-lg {
+    height: 56px !important;
+    padding: 0 48px !important;
+}
+
+.btn-custom {
+    height: 53px;
+    padding: 0 31px;
+    &.lp-btn-shadow {
+        box-shadow: rgb(0 0 0 / 8%) 0px 12px 40px -8px;
+    }
+}
+
+.chip-custom {
+    font-weight: 600;
+    padding: 5px 25px !important;
+    height: 32px !important;
+    font-size: 12px !important;
+}
+
+//
+// our products
+//
+.ourproducts {
+    .carousel__slide {
+        display: block;
+        img {
+            border-radius: 12px;
+            box-shadow: 16px 16px 40px 5px rgb(29 53 79 / 10%);
+            margin: 0 auto;
+            max-width: 800px;
+            width: 100%;
+        }
+    }
+}
+
+.lp-wraper {
+    background-color: rgba(var(--v-theme-surface));
+    overflow: hidden;
+    .maxWidth{
+        max-width: 1320px !important;
+    }
+    .v-container {
+        max-width: 1320px !important;
+    }
+    .carousel__pagination {
+        .carousel__pagination-button {
+            padding: 6px;
+            &::after {
+                height: 8px;
+                width: 8px;
+                border-radius: 50%;
+                background-color: transparent;
+                background-color: rgb(var(--v-theme-textPrimary));
+                opacity: 0.25;
+            }
+            &:hover {
+                &::after {
+                    background-color: #000;
+                    opacity: 1;
+                }
+            }
+        }
+        .carousel__pagination-button--active {
+            &::after {
+                background-color: #000;
+                opacity: 1;
+            }
+        }
+    }
+
+    .carousel {
+        z-index: 2;
+    }
+
+       @media screen and (max-width: 991px) {
+        .v-toolbar__content > .v-btn:last-child{
+            margin-inline-end: 0px !important;
+        }
+    }
+}
+
+@media screen and (max-width: 600px) {
+    .m-btn-full {
+        width: 100%;
+    }
+}
+
+.v-btn--size-default {
+    &.nav-links {
+        font-size: $font-size-root !important;
+        .v-btn__overlay {
+            display: none;
+        }
+        &:hover {
+            color: rgb(var(--v-theme-primary)) !important;
+        }
+    }
+}
+
+
+.row-up {
+    z-index: 1;
+    position: relative;
+}
+.prev-btn{
+    margin: 0 150px;
+}

scss/landingpage/_header.scss

@@ -0,0 +1,87 @@
+.lp-header {
+    &.v-app-bar .v-toolbar__content {
+        padding: 0;
+    }
+    .v-toolbar{
+        background: rgb(var(--v-theme-surface));
+    }
+
+}
+//
+// mega menu
+//
+
+.lp_wrapper {
+
+    &.v-menu .v-overlay__content {
+        margin: 0 auto;
+        left: 0 !important;
+        right: 0;
+    }
+    .megamenu {
+        line-height: 10px;
+        &::before {
+            content: '';
+            position: absolute;
+            top: 0px;
+            left: 0px;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(55, 114, 255, 0.2);
+            border-radius: 7px;
+            opacity: 0;
+        }
+        .v-btn {
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 1;
+            left: 0;
+            right: 0;
+            min-width: 100px;
+            opacity: 0;
+            font-size: 13px;
+        }
+        &:hover {
+            &::before,
+            .v-btn {
+                opacity: 1;
+            }
+        }
+    }
+}
+.lp-drawer {
+    &.v-navigation-drawer {
+        width: 260px !important;
+        top: 0 !important;
+        height: 100% !important;
+        z-index: 1007 !important;
+        left: -5px !important;
+    }
+}
+
+.lp-mobile-sidebar {
+    .v-list {
+        .v-list-item__content {
+            overflow: inherit;
+        }
+    }
+    .v-list-group__items .v-list-item {
+        padding-inline-start: 25px !important;
+    }
+}
+
+.v-btn--size-default {
+    &.nav-links {
+        font-size: $font-size-root !important;
+    }
+}
+
+@media (max-width: 1199px) {
+    .main-head{
+        &.v-app-bar .v-toolbar__content{
+            width: 100%;
+            justify-content: space-between;
+            padding: 0 10px;
+        }
+    }
+}