tsett

public/assets/css/brand.css

@@ -0,0 +1,8 @@
+.hover-shadow {
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.hover-shadow:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
+}

public/assets/css/cart.css

@@ -0,0 +1,92 @@
+.cart-item {
+    transition: background-color 0.2s ease;
+}
+
+.cart-item:hover {
+    background-color: #f8f9fa;
+}
+
+.quantity-control {
+    background: #fff;
+    overflow: hidden;
+}
+
+.quantity-control button {
+    background: none;
+    border: none;
+    font-size: 18px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+}
+
+.quantity-control input {
+    text-align: center;
+    padding: 0;
+}
+
+.quantity-control input:focus {
+    outline: none;
+    box-shadow: none;
+}
+
+.quantity-control input::-webkit-inner-spin-button,
+.quantity-control input::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+.remove-item {
+    opacity: 0.5;
+    transition: opacity 0.2s ease;
+}
+
+.remove-item:hover {
+    opacity: 1;
+}
+
+.btn-dark-green:disabled {
+    background-color: #6c757d;
+    cursor: not-allowed;
+}
+
+.card {
+    border-radius: 12px;
+}
+
+.item-total {
+    font-size: 16px;
+}
+
+.btn-link {
+    font-size: 16pt;
+    text-decoration: none;
+    color: var(--dark-green);
+}
+
+.btn-link:hover {
+    color: var(--dark-green);
+}
+
+@media (max-width: 768px) {
+    .quantity-control {
+        width: 100px !important;
+    }
+
+    .quantity-control button {
+        width: 28px !important;
+    }
+
+    .quantity-control input {
+        width: 40px !important;
+    }
+
+    .item-total {
+        font-size: 14px;
+    }
+
+    .text-end {
+        width: 120px;
+        margin: 0 !important;
+    }
+}

public/assets/css/category.css

@@ -0,0 +1,103 @@
+.ui-slider {
+    height: 6px;
+    margin: 16px 16px 0;
+    border-radius: 3px;
+    background: #e9ecef;
+}
+
+.ui-slider .noUi-background {
+    background: linear-gradient(90deg, #e9ecef 0%, #dee2e6 100%);
+    border-radius: 3px;
+}
+
+.ui-slider .noUi-handle {
+    width: 22px;
+    height: 22px;
+    top: -8px;
+    right: -11px;
+    background: #fff;
+    border: 3px solid var(--dark-green);
+    border-radius: 50%;
+    box-shadow:
+        0 4px 12px #3233293b,
+        0 2px 4px rgba(0, 0, 0, 0.1),
+        inset 0 1px 0 rgba(255, 255, 255, 0.8);
+    cursor: pointer;
+}
+
+.ui-slider .noUi-handle.noUi-active {
+    transform: scale(1.1) !important;
+    border-width: 4px;
+    border-color: var(--dark-green);
+    box-shadow: 0 0 0 4px #3233293b;
+}
+
+.ui-slider .noUi-handle:before,
+.ui-slider .noUi-handle:after {
+    display: none;
+}
+
+.ui-slider.disabled {
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.ui-slider.disabled .noUi-handle {
+    cursor: not-allowed;
+}
+
+input:disabled {
+    background-color: #e9ecef;
+    cursor: not-allowed;
+}
+
+.noUi-connect {
+    background: #fff;
+}
+
+.filters .form-control:focus {
+    box-shadow: none;
+    border-color: var(---dark-green);
+}
+
+.close-btn {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+    background: none;
+    border: none;
+    color: white;
+    font-size: 2rem;
+    cursor: pointer;
+}
+
+.form-check-input:checked {
+    background-color: var(--dark-green);
+    border-color: var(--dark-green);
+}
+
+.form-check-input:focus,
+.login-form .form-control:focus {
+    border-color: var(--dark-green);
+    outline: 0;
+    box-shadow: none;
+}
+
+
+@media (max-width: 767.98px) {
+    .filters.mobile-open {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.678);
+        z-index: 1050;
+        overflow-y: auto;
+        padding: 1rem;
+    }
+
+    body.filters-open {
+        overflow: hidden;
+    }
+}

public/assets/css/checkout.css

@@ -0,0 +1,28 @@
+.btn-dark-green:disabled {
+    background-color: #6c757d;
+    cursor: not-allowed;
+}
+
+.btn-outline-mint {
+    background-color: transparent;
+    border: 1px solid #2c5e2e;
+    color: #2c5e2e;
+    border-radius: 8px;
+    transition: all 0.2s ease;
+}
+
+.btn-outline-mint:hover {
+    background-color: #2c5e2e;
+    color: white;
+}
+
+.form-control:focus, .form-check-input:focus {
+    border-color: var(--dark-green);
+    outline: 0;
+    box-shadow: 0 0 0 .25rem #2a2a2254;
+}
+
+.form-check-input:checked {
+    background-color: var(--dark-green);
+    border-color: var(--dark-green);
+}

public/assets/css/index.css

@@ -0,0 +1,153 @@
+/* Карусель с акциями */
+#carouselDiscount .carousel-inner {
+    height: 500px;
+    background-color: var(--orange);
+}
+
+.carousel-discount-img {
+    background-color: var(--light-gray);
+    border-radius: 15px;
+    padding: 15px;
+    height: 100%;
+}
+
+#carouselDiscount .carousel-item {
+    color: var(--light-gray);
+    height: 100% !important;
+    flex-shrink: 0;
+    width: 100%;
+    overflow: hidden;
+}
+
+#carouselDiscount .carousel-item img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.discount-badge {
+    width: 60px;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--dark-green);
+    border-radius: 100%;
+}
+
+.carousel-price {
+    background-color: var(--light-gray);
+    color: var(--orange);
+    border-radius: 15px;
+    padding: 10px;
+}
+
+.original-price {
+    text-decoration: line-through;
+    text-decoration-color: var(--dark-green);
+    text-decoration-thickness: 2px;
+    opacity: 0.8;
+    align-self: flex-end;
+}
+
+.discounted-price {
+    align-self: center;
+}
+
+/* Блок с товарами */
+.product-card {
+    height: 500px;
+}
+
+/* Слайдер с продуктами */
+.carousel-indicators {
+    position: relative;
+}
+
+/* Блок с брендами */
+.brand-circle {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    padding: 10px;
+    background-color: var(--light-gray);
+    border-radius: 15px;
+}
+
+.brand-circle img {
+    width: 80%;
+    height: 100%;
+    object-fit: contain;
+}
+
+
+@media (max-width: 991px) {
+
+    /* Карусель на мобильных устройствах */
+    #carouselDiscount .carousel-inner {
+        height: 500px;
+    }
+
+    .carousel-discount-img {
+        height: 50%;
+    }
+
+    #carouselDiscount .carousel-item h1 {
+        font-size: medium !important;
+    }
+
+    #carouselDiscount .btn-dark-green {
+        padding: 5px !important;
+        font-size: 0.8rem !important;
+    }
+
+    .discount-badge {
+        width: 40px;
+        height: 40px;
+        font-size: 0.7rem;
+    }
+
+    .carousel-price {
+        padding: 0;
+    }
+
+    .carousel-price div {
+        width: 70% !important;
+        padding: 5px;
+    }
+
+    .original-price {
+        font-size: 0.8rem !important;
+    }
+
+    .discounted-price {
+        font-size: 1rem !important;
+    }
+
+    /* Карточки */
+    .product-card {
+        height: 300px;
+    }
+
+    .product-card .btn-dark-green {
+        padding: 5px !important;
+        font-size: 0.8rem !important;
+    }
+
+    .card-text {
+        font-size: 0.7rem !important;
+    }
+
+    .card-title h5 {
+        font-size: 0.8rem !important;
+    }
+}
+
+@media (max-width: 576px) {
+
+    /* Карточки */
+    .product-card {
+        height: 250px;
+    }
+}

public/assets/css/login.css

@@ -0,0 +1,59 @@
+main {
+    flex: 1 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 50px;
+    justify-content: center;
+    align-items: center;
+}
+
+.form-check-input {
+    width: 15px !important;
+    height: 15px !important;
+    cursor: pointer;
+    margin: 0;
+}
+
+.login-form .form-control,
+input[type="submit"] {
+    border-radius: 5px;
+    height: 50px;
+    padding: 10px;
+}
+
+.login-form {
+    min-height: 45vh;
+}
+
+.form-check-input:checked {
+    background-color: var(--dark-green);
+    border-color: var(--dark-green);
+}
+
+.form-check-input:focus,
+.login-form .form-control:focus {
+    border-color: var(--dark-green);
+    outline: 0;
+    box-shadow: 0 0 0 .25rem #2a2a2254;
+}
+
+@media (max-width: 991px) {
+    .login-form {
+        width: 100% !important;
+        min-height: 30vh;
+    }
+
+    .login-form h3 {
+        font-size: 1.2rem !important;
+    }
+
+    .login-form .form-control {
+        height: 40px;
+        padding: 5px;
+    }
+
+    .form-check-input {
+        width: 18px !important;
+        height: 18px !important;
+    }
+}

public/assets/css/menu.css

@@ -0,0 +1,719 @@
+* {
+    box-sizing: border-box;
+    font-family: 'Comic Relief', Arial, Helvetica, sans-serif;
+}
+
+:root {
+    --dark-green: #323329;
+    --dark-green-hover: #2a2a22;
+    --light-gray: #E6E2DF;
+    --orange: #C47C4C;
+    --dark-orange: #b36b3c;
+    --action-btn-size: 44px;
+}
+
+@font-face {
+    font-family: 'Comic Relief';
+    src: url('../fonts/ComicRelief-Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Comic Relief';
+    src: url('../fonts/ComicRelief-Bold.ttf') format('truetype');
+    font-weight: 700;
+    font-style: bold;
+    font-display: swap;
+}
+
+/* Основа */
+
+body,
+html {
+    height: 100%;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+body {
+    min-height: 130vh;
+}
+
+main {
+    flex: 1 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 50px;
+}
+
+.alert-dark-green {
+    background-color: var(--dark-green);
+    color: var(--light-gray);
+}
+
+/* Хэдер */
+
+.navbar-brand,
+.nav-link {
+    transition: transform 0.6s ease;
+    color: var(--light-gray);
+}
+
+.nav-link {
+    font-size: 1.2rem;
+    position: relative;
+    text-align: center;
+}
+
+.navbar-brand:hover,
+.nav-link:hover {
+    transform: scale(1.05);
+}
+
+.nav-link:hover,
+.nav-link:focus {
+    color: rgb(199, 198, 197);
+}
+
+.cart-count {
+    transform: translate(-50%, -50%);
+    min-width: 18px;
+    height: 18px;
+    line-height: 18px;
+    padding: 0 5px;
+    font-size: 10px;
+    font-weight: 600;
+    top: 20% !important;
+    left: 80% !important;
+}
+
+@keyframes cartBump {
+    0% {
+        transform: translate(-50%, -50%) scale(1);
+    }
+
+    50% {
+        transform: translate(-50%, -50%) scale(1.2);
+    }
+
+    100% {
+        transform: translate(-50%, -50%) scale(1);
+    }
+}
+
+.cart-bump {
+    animation: cartBump 0.3s ease;
+}
+
+.action-btn {
+    width: var(--action-btn-size);
+    height: var(--action-btn-size);
+    min-width: var(--action-btn-size);
+    min-height: var(--action-btn-size);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 6px;
+    transition: all 0.3s ease;
+}
+
+.auth-dropdown-menu .action-btn {
+    border: 1px solid var(--light-gray);
+}
+
+.action-btn:hover {
+    transform: scale(1.05);
+    background-color: var(--dark-orange);
+}
+
+.header-icon {
+    width: 24px !important;
+    height: 24px !important;
+    object-fit: contain;
+    display: inline-block;
+    flex-shrink: 0;
+}
+
+#input_search:focus {
+    border-color: var(--orange);
+    box-shadow: 0 0 5px var(--orange);
+}
+
+/* Мега-меню */
+.dropdown-megamenu {
+    position: static !important;
+}
+
+.dropdown-icon {
+    display: inline-flex;
+    align-items: center;
+    margin-left: 3px;
+}
+
+.dropdown-icon img {
+    width: 20px;
+    height: 20px;
+    transition: transform 0.5s ease;
+}
+
+.dropdown-megamenu:hover .dropdown-icon img {
+    transform: rotate(180deg);
+}
+
+.dropdown-megamenu>.nav-link::after {
+    content: '';
+    position: absolute;
+    bottom: -20px;
+    left: 0;
+    width: 100%;
+    height: 20px;
+    background: transparent;
+}
+
+.dropdown-megamenu .megamenu {
+    position: absolute;
+    top: 95%;
+    left: 0;
+    right: 0;
+    background: #ffffff;
+    border-radius: 0 0 12px 12px;
+    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
+    padding: 24px;
+    display: none;
+    z-index: 1050;
+    width: 100%;
+    border-top: 3px solid var(--orange);
+}
+
+/* Добавляем невидимый мостик сверху меню */
+.dropdown-megamenu .megamenu::before {
+    content: '';
+    position: absolute;
+    top: -20px;
+    left: 0;
+    width: 100%;
+    height: 20px;
+    background: transparent;
+}
+
+/* Показываем меню при наведении */
+.dropdown-megamenu:hover .megamenu,
+.dropdown-megamenu .megamenu:hover {
+    display: block;
+}
+
+/* Анимация появления */
+.dropdown-megamenu .megamenu {
+    display: none;
+    animation: fadeIn 0.3s ease;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Стили для контента мега-меню */
+.megamenu-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 24px;
+}
+
+.category-column h5 {
+    color: var(--dark-green);
+    font-weight: 600;
+    margin-bottom: 12px;
+    font-size: 16px;
+}
+
+.category-column ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.category-column li {
+    margin-bottom: 6px;
+}
+
+.category-column a {
+    color: var(--dark-green);
+    text-decoration: none;
+    font-size: 14px;
+    padding: 4px 0;
+    display: block;
+    transition: all 0.2s;
+}
+
+.category-column a:hover {
+    color: var(--orange);
+    padding-left: 8px;
+}
+
+.category-image {
+    grid-column: 1 / -1;
+    text-align: center;
+    margin-bottom: 16px;
+}
+
+.category-image img {
+    max-width: 100%;
+    height: 200px;
+    object-fit: cover;
+    border-radius: 8px;
+}
+
+.text-dark-green {
+    color: var(--dark-green);
+}
+
+/* Мегаменю пользователя */
+.header-main-menu {
+    flex: 1 1 auto;
+    min-width: 0;
+}
+
+.header-right {
+    flex: 0 0 auto;
+    min-width: 280px;
+}
+
+.header-search {
+    width: 100%;
+    max-width: 20vw;
+    min-width: 180px;
+    display: flex;
+    gap: 8px;
+}
+
+.header-search input {
+    flex: 1 1 auto;
+    min-width: 0;
+    height: var(--action-btn-size);
+}
+
+.header-search .action-btn {
+    flex-shrink: 0;
+}
+
+.auth-dropdown {
+    position: relative;
+}
+
+.auth-dropdown-menu {
+    position: absolute;
+    top: 100%;
+    right: 0;
+    display: none;
+    flex-direction: column;
+    gap: 8px;
+    padding-top: 10px;
+    z-index: 1050;
+}
+
+.auth-dropdown:hover .auth-dropdown-menu {
+    display: flex;
+}
+
+.auth-dropdown::before {
+    content: "";
+    position: absolute;
+    top: 100%;
+    right: 0;
+    width: 100%;
+    height: 12px;
+    background: transparent;
+}
+
+.user-mobile-menu {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+}
+
+/* Футер */
+
+.footer-links {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(100px, 200px));
+    justify-content: center;
+    align-items: center;
+}
+
+.footer-link {
+    color: var(--light-gray);
+    text-decoration: none;
+    font-size: 14px;
+    transition: all 0.3s ease;
+    padding: 4px 0;
+    display: block;
+    width: 100%;
+    max-width: 300px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.footer-link:hover {
+    color: var(--orange);
+    transform: translateX(5px);
+}
+
+.footer-section h3 {
+    color: var(--light-gray);
+    border-bottom: 2px solid var(--orange) !important;
+    font-size: 1.2rem;
+    padding-bottom: 0.5rem;
+    margin-bottom: 1rem;
+}
+
+.card {
+    border-radius: 0px;
+    border: 1px solid var(--orange);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    gap: 5px;
+    padding: 10px;
+}
+
+.card-body {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+}
+
+.product-link {
+    display: block;
+    color: inherit;
+    text-decoration: none;
+    height: calc(100% - 60px);
+}
+
+.product-link .card-body {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 10px;
+}
+
+.card-img {
+    width: 100%;
+    height: 50%;
+    object-fit: cover;
+}
+
+.card-title {
+    height: 20%;
+    margin: 10px 0;
+}
+
+.card-text {
+    flex-grow: 1;
+    margin: 0;
+}
+
+.active>.page-link,
+.page-link.active {
+    color: var(--light-gray);
+    background-color: var(--dark-green);
+    border-color: var(--dark-green);
+}
+
+.page-link {
+    color: var(--dark-green);
+}
+
+.page-link:hover {
+    color: var(--orange);
+}
+
+.page-link:focus {
+    border-color: var(--dark-green);
+    outline: 0;
+    box-shadow: 0 0 0 .25rem #2a2a2254;
+    color: var(--dark-green);
+    background-color: #f8f9fa;
+}
+
+.btn-close:focus {
+    border: none;
+    outline: 0;
+    box-shadow: none;
+}
+
+/* Блок с категориями */
+.category-card {
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    height: 200px;
+    padding: 0;
+    border: none;
+}
+
+.category-card .card-body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: rgba(0, 0, 0, 0.5);
+    color: var(--light-gray);
+    transition: background-color 0.3s ease;
+}
+
+.category-card:hover .card-body {
+    background-color: rgba(0, 0, 0, 0.7);
+}
+
+
+@media (max-width: 1399.98px) {
+    .header-search {
+        max-width: 25vw;
+    }
+
+    .footer-section p,
+    .footer-section h3 {
+        text-align: center;
+    }
+
+    .social-media {
+        justify-content: center !important;
+    }
+}
+
+@media (max-width: 1199.98px) {
+    .header-search {
+        max-width: 30vw;
+    }
+}
+
+@media (max-width: 991.98px) {
+    main {
+        gap: 30px;
+    }
+
+    .dropdown-megamenu {
+        position: relative !important;
+    }
+
+    .dropdown-megamenu .megamenu {
+        position: static;
+        box-shadow: none;
+        padding: 15px;
+        background: rgba(255, 255, 255, 0.1);
+        margin-top: 10px;
+    }
+
+    .megamenu-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .category-column a {
+        color: var(--light-gray);
+    }
+
+    .category-column a:hover {
+        color: var(--orange);
+    }
+
+    .category-column h5 {
+        color: var(--light-gray);
+    }
+
+    .navbar-brand img {
+        width: 60px;
+        height: 60px;
+    }
+
+    .nav-link,
+    .footer-link {
+        font-size: 1rem !important;
+    }
+
+    .header-right {
+        flex: 1;
+        min-width: 0;
+        width: 100%;
+    }
+
+    .header-search {
+        max-width: none;
+        flex: 1;
+        min-width: 0;
+    }
+
+    .header-search input {
+        width: 100% !important;
+        min-width: 0;
+    }
+}
+
+@media (max-width: 767.98px) {
+    .header-right {
+        flex-wrap: wrap;
+        gap: 8px;
+    }
+
+    .header-search {
+        flex: 1;
+        min-width: 0;
+        order: 1;
+    }
+
+    .user-mobile-menu {
+        order: 2;
+    }
+
+    .header-right:has(a:only-child) .header-search {
+        flex: 1;
+    }
+}
+
+@media (max-width: 575.98px) {
+    .navbar-brand h3 {
+        font-size: 1rem !important;
+    }
+
+    .navbar-brand img {
+        width: 50px;
+        height: 50px;
+    }
+
+    .action-btn {
+        --action-btn-size: 40px;
+    }
+
+    .header-search .action-btn {
+        flex-shrink: 0;
+    }
+
+    .user-mobile-menu {
+        gap: 6px;
+    }
+
+    .header-right {
+        gap: 6px;
+    }
+}
+
+@media (max-width: 480px) {
+
+    .navbar-brand h3 {
+        font-size: 0.9rem !important;
+    }
+
+    .nav-link,
+    .footer-link {
+        font-size: 0.9rem !important;
+    }
+
+    .footer-link {
+        text-align: center;
+    }
+
+    .action-btn {
+        --action-btn-size: 38px;
+    }
+
+    .header-icon {
+        width: 20px !important;
+        height: 20px !important;
+    }
+
+    .dropdown-icon img {
+        width: 16px;
+        height: 16px;
+    }
+
+    .header-search {
+        gap: 6px;
+    }
+}
+
+@media (max-width: 375px) {
+    .action-btn {
+        --action-btn-size: 36px;
+    }
+
+    .navbar-brand {
+        gap: 6px !important;
+    }
+
+    .navbar-brand h3 {
+        font-size: 0.8rem !important;
+    }
+
+    .user-mobile-menu {
+        gap: 4px;
+    }
+
+    .header-right {
+        gap: 4px;
+    }
+}
+
+@media (hover: none) and (pointer: coarse) {
+    .action-btn:hover {
+        transform: none;
+    }
+
+    .dropdown-megamenu .megamenu {
+        display: none;
+    }
+
+    .dropdown-megamenu.active .megamenu {
+        display: block;
+    }
+}
+
+.action-btn {
+    position: relative;
+    overflow: hidden;
+}
+
+.action-btn::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 0;
+    height: 0;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.3);
+    transform: translate(-50%, -50%);
+    transition: width 0.3s ease, height 0.3s ease;
+}
+
+.action-btn:active::after {
+    width: 100%;
+    height: 100%;
+}
+
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: var(--light-gray);
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--orange);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: var(--dark-orange);
+}

public/assets/css/nouislider.min.css

@@ -0,0 +1 @@
+.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

public/assets/css/product.css

@@ -0,0 +1,61 @@
+.product-gallery .main-image {
+    background-color: #f8f9fa;
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+.thumbnail-item {
+    border: 2px solid transparent;
+    border-radius: 8px;
+    transition: all 0.2s ease;
+}
+
+.thumbnail-item.active {
+    border-color: var(--orange);
+}
+
+.thumbnail-item:hover {
+    border-color: var(--orange);
+}
+
+.btn-dark-green:disabled {
+    background-color: #6c757d;
+    cursor: not-allowed;
+}
+
+.delivery-method {
+    background-color: #f8f9fa;
+    transition: all 0.2s ease;
+    cursor: pointer;
+}
+
+.delivery-method:hover {
+    background-color: #e9ecef;
+}
+
+.variation-btn {
+    width: 100%;
+    padding: 15px;
+}
+
+.variation-btn.active {
+    background-color: var(--orange);
+    border-color: var(--orange);
+    color: white;
+}
+
+.btn-link {
+    font-size: 16pt;
+    text-decoration: none;
+    color: var(--dark-green);
+}
+
+.btn-link:hover {
+    color: var(--dark-green);
+}
+
+.quantity-selector input::-webkit-inner-spin-button,
+.quantity-selector input::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}

public/assets/css/profile.css

@@ -0,0 +1,76 @@
+/* Сайдбар */
+
+aside {
+    min-height: 100%;
+}
+
+.nav-link {
+    text-align: left;
+}
+
+/* Таблицы */
+
+td {
+    vertical-align: middle;
+}
+
+.form-check-input:checked {
+    background-color: var(--dark-green);
+    border-color: var(--dark-green);
+}
+
+.form-check-input:focus,
+.table .form-control:focus,
+.edit-brand .form-control:focus,
+.card-body .form-control:focus,
+.card-body .form-select:focus {
+    border-color: var(--dark-green) !important;
+    outline: 0 !important;
+    box-shadow: 0 0 0 .25rem #2a2a2254 !important;
+}
+
+#search:focus {
+    border-color: var(--dark-green) !important;
+    outline: 0 !important;
+    box-shadow: 0 0 0 .25rem #2a2a2254 !important;
+}
+
+/* Кнопки */
+
+.btn-dark-green:hover {
+    color: var(--light-gray);
+}
+
+.nav-item[role="presentation"] .nav-link.active {
+    background-color: var(--dark-green);
+    color: var(--light-gray);
+}
+
+.nav-item[role="presentation"] .nav-link {
+    transform: scale(1);
+}
+
+/* В ваш основной CSS файл */
+.category-name {
+    font-size: 14px;
+    line-height: 1.4;
+}
+
+.table tbody tr:hover {
+    background-color: rgba(0, 0, 0, 0.02);
+}
+
+.category-name .text-muted {
+    font-family: monospace;
+    font-size: 12px;
+    color: #adb5bd !important;
+}
+
+@media (max-width: 991px) {
+
+    /* Сайдбар */
+
+    aside {
+        min-height: auto;
+    }
+}

public/assets/images/categories/icons/default.svg

@@ -0,0 +1,3 @@
+<svg width="77" height="77" viewBox="0 0 77 77" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.27778 34.2222H29.9444C31.079 34.2222 32.167 33.7715 32.9693 32.9693C33.7715 32.167 34.2222 31.079 34.2222 29.9444V4.27778C34.2222 3.14324 33.7715 2.05517 32.9693 1.25293C32.167 0.450693 31.079 0 29.9444 0H4.27778C3.14324 0 2.05517 0.450693 1.25293 1.25293C0.450693 2.05517 0 3.14324 0 4.27778V29.9444C0 31.079 0.450693 32.167 1.25293 32.9693C2.05517 33.7715 3.14324 34.2222 4.27778 34.2222ZM47.0556 34.2222H72.7222C73.8568 34.2222 74.9448 33.7715 75.7471 32.9693C76.5493 32.167 77 31.079 77 29.9444V4.27778C77 3.14324 76.5493 2.05517 75.7471 1.25293C74.9448 0.450693 73.8568 0 72.7222 0H47.0556C45.921 0 44.8329 0.450693 44.0307 1.25293C43.2285 2.05517 42.7778 3.14324 42.7778 4.27778V29.9444C42.7778 31.079 43.2285 32.167 44.0307 32.9693C44.8329 33.7715 45.921 34.2222 47.0556 34.2222ZM4.27778 77H29.9444C31.079 77 32.167 76.5493 32.9693 75.7471C33.7715 74.9448 34.2222 73.8568 34.2222 72.7222V47.0556C34.2222 45.921 33.7715 44.8329 32.9693 44.0307C32.167 43.2285 31.079 42.7778 29.9444 42.7778H4.27778C3.14324 42.7778 2.05517 43.2285 1.25293 44.0307C0.450693 44.8329 0 45.921 0 47.0556V72.7222C0 73.8568 0.450693 74.9448 1.25293 75.7471C2.05517 76.5493 3.14324 77 4.27778 77ZM59.8889 77C69.3257 77 77 69.3257 77 59.8889C77 50.4521 69.3257 42.7778 59.8889 42.7778C50.4521 42.7778 42.7778 50.4521 42.7778 59.8889C42.7778 69.3257 50.4521 77 59.8889 77Z" fill="#C47C4C"/>
+</svg>

public/assets/images/categories/icons/dlya-gryzunov.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#C47C4C" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/categories/icons/dlya-koshek.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/categories/icons/dlya-ptic.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#C47C4C" version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256" xml:space="preserve" width="800px" height="800px">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/categories/icons/dlya-ryb.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 512 512" xml:space="preserve" fill="#000000">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/categories/icons/dlya-sobak.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.4545 0C13.9 0 12.9545 0.33 12.4091 0.61C11.7091 0.23 10.9091 0 10 0C9.09091 0 8.29091 0.23 7.59091 0.61C7.04546 0.33 6.1 0 4.54545 0C1.81818 0 0 8 0 10C0 10.83 1.2 11.59 2.85455 11.9C3.43636 14.14 6.18182 15.85 9.54545 16V11.72C9.00909 11.35 8.18182 10.68 8.18182 10C8.18182 9 10 9 10 9C10 9 11.8182 9 11.8182 10C11.8182 10.68 10.9909 11.35 10.4545 11.72V16C13.8182 15.85 16.5636 14.14 17.1455 11.9C18.8 11.59 20 10.83 20 10C20 8 18.1818 0 15.4545 0ZM2.86364 9.87C2.40909 9.75 2.05455 9.61 1.81818 9.5C2.04545 6.73 3.81818 2.4 4.59091 2C5.08182 2 5.45455 2.06 5.79091 2.11C3.88182 4.42 3.12727 8.04 2.86364 9.87ZM7.27273 8C7.03162 8 6.80039 7.89464 6.6299 7.70711C6.45942 7.51957 6.36364 7.26522 6.36364 7C6.36364 6.46 6.77273 6 7.27273 6C7.51383 6 7.74506 6.10536 7.91555 6.29289C8.08604 6.48043 8.18182 6.73478 8.18182 7C8.18182 7.56 7.77273 8 7.27273 8ZM12.7273 8C12.4862 8 12.2549 7.89464 12.0844 7.70711C11.914 7.51957 11.8182 7.26522 11.8182 7C11.8182 6.46 12.2273 6 12.7273 6C12.9684 6 13.1996 6.10536 13.3701 6.29289C13.5406 6.48043 13.6364 6.73478 13.6364 7C13.6364 7.56 13.2273 8 12.7273 8ZM17.1364 9.87C16.8727 8.04 16.1182 4.42 14.2091 2.11C14.5455 2.06 14.9182 2 15.4091 2C16.1818 2.4 17.9545 6.73 18.1818 9.5C17.9545 9.61 17.6 9.75 17.1364 9.87Z" fill="#C47C4C"/>
+</svg>

public/assets/images/categories/icons/zdorovie-i-uhod.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/categories/images/default.svg

@@ -0,0 +1,7 @@
+<svg width="2012" height="1614" viewBox="0 0 2012 1614" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="2012" height="1614" fill="#323329"/>
+<path d="M747.373 263.667H644.14C525.15 263.667 462.667 326.15 462.667 444.597V547.83C462.667 666.277 525.15 728.76 643.597 728.76H746.83C865.277 728.76 927.76 666.277 927.76 547.83V444.597C928.303 326.15 865.82 263.667 747.373 263.667Z" fill="#FCF4E4"/>
+<path d="M1368.38 263.667H1265.14C1146.7 263.667 1084.21 326.15 1084.21 444.597V547.83C1084.21 666.277 1146.7 728.76 1265.14 728.76H1368.38C1486.82 728.76 1549.31 666.277 1549.31 547.83V444.597C1549.31 326.15 1486.82 263.667 1368.38 263.667Z" fill="#C47C4C"/>
+<path d="M1368.38 884.707H1265.14C1146.7 884.707 1084.21 947.19 1084.21 1065.64V1168.87C1084.21 1287.32 1146.7 1349.8 1265.14 1349.8H1368.38C1486.82 1349.8 1549.31 1287.32 1549.31 1168.87V1065.64C1549.31 947.19 1486.82 884.707 1368.38 884.707Z" fill="#FCF4E4"/>
+<path d="M747.373 884.707H644.14C525.15 884.707 462.667 947.19 462.667 1065.64V1168.87C462.667 1287.86 525.15 1350.34 643.597 1350.34H746.83C865.277 1350.34 927.76 1287.86 927.76 1169.41V1066.18C928.303 947.19 865.82 884.707 747.373 884.707Z" fill="#C47C4C"/>
+</svg>

public/assets/images/icons/add-folder-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/cart-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/copy-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#E6E2DF">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/delete-svgrepo-com.svg

@@ -0,0 +1,10 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 1024.00 1024.00" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#E6E2DF" stroke="#E6E2DF" stroke-width="37.888">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="8.192"/>
+
+<g id="SVGRepo_iconCarrier">

public/assets/images/icons/dropdown-arrow-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/edit-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#E6E2DF">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/enter-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/logout-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/menu-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#E6E2DF" stroke-width="2.04">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/save-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/search-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/settings-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#E6E2DF" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg" stroke="#E6E2DF" stroke-width="24.96">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/social_media/telegram-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#E6E2DF" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve" width="800px" height="800px">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/social_media/vk-svgrepo-com.svg

@@ -0,0 +1,9 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#E6E2DF" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+

public/assets/images/icons/social_media/whatsapp-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/star-alt-4-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="165px" height="165px" viewBox="-2.4 -2.4 28.80 28.80" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#C47C4C">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/user-block-alt-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#E6E2DF">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/user-pen-alt-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+

public/assets/images/icons/user-svgrepo-com.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+