diff --git a/composer.json b/composer.json index f3fff5b..6a2cf3a 100755 --- a/composer.json +++ b/composer.json @@ -46,6 +46,9 @@ ] }, "config": { - "preferred-install": "dist" + "preferred-install": "dist", + "allow-plugins": { + "kylekatarnls/update-helper": true + } } } diff --git a/public/assets/css/merchbay/styles.css b/public/assets/css/merchbay/styles.css old mode 100755 new mode 100644 index 88401a6..585257f --- a/public/assets/css/merchbay/styles.css +++ b/public/assets/css/merchbay/styles.css @@ -1,437 +1,431 @@ -html, -body { - width: 100%; - height: 100%; - font-family: "Montserrat", sans-serif !important; - background-color: #f5f5f6; - font-size: 0.9rem; +@font-face { + font-family: "AmazonEmberDisplay_Bd"; + src: url("../../fonts/AmazonEmberDisplay_Bd.ttf") format("truetype"); } - -a { - text-decoration: none; - color:#000000; +@font-face { + font-family: "AmazonEmberDisplay_He"; + src: url("../../fonts/AmazonEmberDisplay_He.ttf") format("truetype"); } - -.bg-black { - background-color: #000; +@font-face { + font-family: "AmazonEmberDisplay_Lt"; + src: url("../../fonts/AmazonEmberDisplay_Lt.ttf") format("truetype"); } - -.navbar-brand span { - font-weight: 900; +@font-face { + font-family: "AmazonEmberDisplay_Md"; + src: url("../../fonts/AmazonEmberDisplay_Md.ttf") format("truetype"); } - -.navbar-brand > img { - height: 28px !important; +@font-face { + font-family: "AmazonEmberDisplay_Rg"; + src: url("../../fonts/AmazonEmberDisplay_Rg.ttf") format("truetype"); } - -.btn-white-outline { - color: #ffffff; - border-color: #ffffff; - font-size: 0.7rem !important; +html, body { + padding: 0; + margin: 0; + font-family: AmazonEmberDisplay_Rg !important; + height: 100%; } - -.btn-white-outline:hover { - color: #000000; - border-color: #ffffff; - background-color: #ffffff; - font-size: 0.7rem !important; +html { + scroll-padding-top: 67px; } - -.btn-black-outline { - color: #ffffff; - border-color: #ffffff; - font-size: 0.7rem !important; +.navbar-custom { + padding-top: 1rem; + padding-bottom: 1rem; + background-color: #191919; } - -.btn-navbar-cart { - color: #fff; - background-color: transparent; - border-color: transparent; +.navbar-custom .navbar-brand { + text-transform: uppercase; + font-size: 1rem; + letter-spacing: 0.1rem; + font-weight: 700; } - -.btn-navbar-cart:hover { - color: #fff; - background-color: transparent; - border-color: transparent; +.navbar-custom .navbar-nav .nav-item .nav-link { + text-transform: uppercase; + font-size: 0.8rem; + font-weight: 700; + letter-spacing: 0.1rem; } - -/* .container { - padding-right: 0px !important; - padding-left: 0px !important; -} */ - -.btn-green { - color: #fff; - background-color: #28a745; - border-color: #28a745; +header.masthead { + position: relative; + overflow: hidden; + padding-bottom: 7rem; + background: url(../../../images/band-background.jpg); + background-repeat: no-repeat; + background-position: center center; + background-attachment: scroll; + background-size: cover; + border-bottom: 15px solid; + border-image: linear-gradient(to right, #59caf4 33.33%, #f38d9a 33.33%, #f38d9a 66.66%, #fcc375 66.66%) 5; } - -.btn-green:hover { - color: #28a745; - background-color: #fff; - border-color: #28a745; -} - -.btn-black { - color: #fff; - background-color: #000000; - border-color: #000000; -} - -.btn-black:hover { - color: rgb(0, 0, 0); - background-color: transparent; - border-color: #000000; -} - -.added-or { - position: relative; -} - -.added-or::before { - content: "or"; - position: absolute; - display: inline-block; - padding: 5px; - margin-right: 48px; - left: -15px; - font-size: 1rem; -} - -.navbar-auth-buttons a { - line-height: 1.9; -} - -.wrapper { - min-height: 100vh; -} - -footer { - background: #000000; - color: white; - /* line-height: 50px; */ - /* padding: 0 20px; */ - height: 70px; -} - -.footer-socials-icons{ - float: right; -} - -.footer-menu { - list-style-type: none; - margin: 0; - padding: 0; - /* text-align: right; */ -} - -li.footer-menu-item { - display: inline-block; - /* padding: 0px 5px; */ - font-size: 12px; -} - -li.footer-menu-item::after { - content: " |"; - /* margin: 0px 10px 0px 10px; */ -} - -li.footer-menu-item:last-child::after { - content: ""; - /* margin: 0 10px; */ -} - -li.footer-menu-item a { - color: #f2f2f2; - text-decoration: none; -} - -li.footer-menu-item a:hover { - text-decoration: underline; -} - -.copyright { - margin-bottom: -5px; - font-size: 0.7rem; -} - -.col-footer { - margin-top: -15px; -} -.store-logo { - height: 165px; - display: inline-block; - /* border: 1px solid #e2e2e2; */ - position: relative; -} - -.store-locked{ - background-color: rgb(0 0 0 / 60%); - height: 100%; - width: 100%; - top: 0; - left: 0; - position: absolute; - padding: 67px; - text-align: center; -} - -.store-locked > i { - font-size: 2rem; - color: #ffffff; -} - -.store-logo img { - object-fit: contain; - width: 100%; - max-height: 250px; - height: 165px; - top: 0; - bottom: 0; - margin: auto; - /* padding: 5px; */ - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); -} - -.product-image img { - object-fit: contain; - width: 100%; - max-height: 250px; - padding: 5px; -} - -.store-name, -.product-name { - font-size: 0.8rem; - font-weight: 600; - padding: 5px; - color: #000000; -} - -.product-name-display h3 { - font-weight: 600; -} - -.product-price { - font-size: 1rem; - font-weight: 700; - padding: 0px 5px; - margin: -5px 0px; -} - -.product-price-display div { - font-size: 1.5rem; - font-weight: 600; - color: #9a9a9a; - margin-right: 5px; - margin-top: -5px; -} - -.store a { - text-decoration: none; - color: #2c2c2c; -} - -.product a { - text-decoration: none; -} - -.store-banner { - /* background-color: #000000; */ - height: auto; - object-fit: contain; -} - -.please-read-title, -.disclaimer, .announcement { - font-size: 0.8rem; - color: #000000; - font-weight: bold; - padding: 0px; - margin: 0px; - padding-left: 1.3rem; -} - -.disclaimer-message { - font-size: 0.7rem; - color: #ffffff; - padding: 0px; - margin: 0px; - padding-left: 1.3rem; -} - -.announcement-message { - font-size: 0.7rem; - color: #ffffff; - padding: 0px; - margin: 0px; - padding-left: 1.3rem; -} -.please-read li { - font-size: 0.7rem; - color: #858585; -} - -.bg-black { - background-color: #000000; -} - -.bg-announcement { - background-color: #000000; -} - -.navbar-toggler { - border: 1px solid #fff !important; -} - -.nav-link { - padding: 0.25rem 0.5rem !important; - line-height: 1rem; -} - -.sort-by { - text-align: right; -} - -.custom-hr { - background-color: #e3e3e3 !important; - height: 2px !important; -} - -a.btn-white-outline.nuxt-link-exact-active { - background-color: #fff; - color: #000; -} - -.product-price > .previous-price { - margin-right: 10px; -} - -.product-price > .current-price { - color: #e01414; - font-size: 1.1rem; -} - -.breadcrumb-item a { - color: #9a9a9a !important; - text-decoration: none; - font-weight: 500; -} - -.breadcrumb-item.active { - color: #9a9a9a !important; -} - -.breadcrumb-item + .breadcrumb-item::before { - color: #9a9a9a !important; -} - -.adbg { - background-color: #bdc6c5; -} - -span.designer-text { - color: #b90a0c; -} - -.product-active-thumbnail { - height: 400px; -} - -@media (max-width: 992px) { - .footer-menu { - text-align: center; - } - - .copyright { - text-align: center; - } - - .added-or::before { - display: none; - } - - .navbar-collapse.collapsing .navbar-nav { - display: block; - position: fixed; +header.masthead::after { + content: ""; + position: absolute; top: 0; - bottom: 0; - left: -45%; - transition: all 0.2s ease; - } - - .navbar-nav { - background-color: #fff; - } - - .navbar-collapse.show .navbar-nav { - position: fixed; - top: 0; - bottom: 0; left: 0; - flex-direction: column; - height: 100vh; - width: 65%; - transition: left 0.35s ease; - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - z-index: 9999; - } - - .navbar-nav .nav-link { - padding-right: 1rem; - padding-left: 1rem; - } - - .nav-item { - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.8rem; - } - .store-logo img { - /* max-height: 100%; */ - height: 150px; - object-fit: contain; - box-shadow: unset; - /* width: 1; */ - } - - .store-name { - text-align: center; - } - - .product-image img { - max-height: 100%; - } - - .sort-by { - text-align: left; - } - - .product-active-thumbnail { - height: 345px; - } - - .btn-white-outline { - color: #000000; - border-color: #000000; - } - - .btn-white-outline:hover { - color: #ffffff; - border-color: #000000; - background-color: #000000; - } - - .bi.bi-cart-fill { - color: #000000; - } - - footer { - height: inherit; - } - - .footer-socials-icons{ - text-align: center; - margin-top: 5px; - } + width: 100%; + height: 100%; + background-image: linear-gradient(120deg, #252525, #252525); + opacity: 0.7; +} +header.masthead .masthead-content { + z-index: 1; + position: relative; +} +header.masthead .masthead-content .masthead-heading { + font-size: 4rem !important; + font-family: AmazonEmberDisplay_He; + font-weight: bold; +} +header.masthead .masthead-content .masthead-subheading { + font-size: 3rem !important; + font-family: AmazonEmberDisplay_He; + font-weight: bold; +} +header.masthead .bg-circle { + z-index: 0; + position: absolute; + border-radius: 100%; + background: linear-gradient(0deg, #ee0979 0%, #ff6a00 100%); +} +header.masthead .bg-circle-1 { + height: 90rem; + width: 90rem; + bottom: -55rem; + left: -55rem; +} +header.masthead .bg-circle-2 { + height: 50rem; + width: 50rem; + top: -25rem; + right: -25rem; +} +header.masthead .bg-circle-3 { + height: 20rem; + width: 20rem; + bottom: -10rem; + right: 5%; +} +header.masthead .bg-circle-4 { + height: 30rem; + width: 30rem; + top: -5rem; + right: 35%; +} +@media (min-width: 992px) { + header.masthead { + padding-top: calc(10rem + 55px); + padding-bottom: 10rem; + } + header.masthead .masthead-content .masthead-heading { + font-size: 6rem; + } + header.masthead .masthead-content .masthead-subheading { + font-size: 4rem; + } +} +section.industries { + padding-top: 5rem; + padding-bottom: calc(10rem - 4.5rem); + text-align: center; +} +section.services, section.contact-us { + padding-top: 5rem; + padding-bottom: calc(10rem - 4.5rem); + text-align: center; +} +section h3 { + font-family: AmazonEmberDisplay_Bd; + font-size: 2.5rem; + font-weight: bold; +} +/* Remove default list styles */ +ul.horizontal-list { + list-style: none; + padding: 0; + margin: 0; + text-align: center; + /* Center items horizontally on small screens */ + display: flex; + justify-content: center; + gap: 60px; +} +/* Style each list item */ +ul.horizontal-list li { + width: 115px; + display: inline-block; + /* Display items horizontally */ +} +ul.horizontal-list li p { + font-size: 0.8rem; +} +/* Style the images within list items */ +ul.horizontal-list li img { + max-width: 100%; + /* Make images responsive */ + height: auto; + /* Maintain the aspect ratio of the images */ + vertical-align: middle; + /* Align images vertically within the list item */ + height: 115px; +} +/* Style the text content (if needed) */ +ul.horizontal-list li span { + display: block; + /* Ensure text is on a new line */ + text-align: center; + /* Center text horizontally within each list item */ + font-family: AmazonEmberDisplay_He; + width: 115px; +} +/* Media query for smaller screens */ +@media (max-width: 768px) { + ul.horizontal-list li { + display: block; + /* Stack items vertically on smaller screens */ + margin-right: 0; + /* Remove margin between items */ + margin-bottom: 10px; + /* Add space between items vertically */ + } +} +section.parallax-section { + padding-top: 10rem; + padding-bottom: calc(10rem - 4.5rem); + background: url("../../../images/fabric\ printer.png") no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + color: #fff; + height: 500px; + -webkit-filter: brightness(40%); + filter: brightness(40%); +} +section.section-right-img { + background-color: #191919; + color: #fff; +} +section.section-right-img h2 { + font-family: AmazonEmberDisplay_Bd; + font-size: 2.5rem; +} +section.section-right-img .section-content { + padding-left: 50px; + margin-top: 20px; +} +section.section-right-img .uniforms-image { + background: url("../../../images/custom-team-wear.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; +} +section.section-right-img .spiritwear-image { + background: url("../../../images/spiritwear.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; +} +section.section-right-img .streetwear-image { + background: url("../../../images/streetwear.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; +} +section.section-left-img { + background-color: #fff; + color: #191919; +} +section.section-left-img h2 { + font-family: AmazonEmberDisplay_Bd; + font-size: 2.5rem; +} +section.section-left-img .section-content { + padding-left: 50px; + margin-top: 20px; +} +section.section-left-img .corportate-image { + background: url("../../../images/corporatewear.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; +} +section.section-left-img .influencer-image { + background: url("../../../images/influencers.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; +} +section.section-left-img .band-image { + background: url("../../../images/bandmerch.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; +} +.icon { + display: inline-block; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + overflow: hidden; +} +.icon.size-21 { + width: 21px !important; + height: 21px !important; +} +.icon.icon-sign-up { + background-image: url("../../../images/icons/SIGN\ UP.svg"); + width: 25px !important; + height: 18px !important; +} +.icon.icon-sign-in { + background-image: url("../../../images/icons/SIGN\ IN.svg"); + width: 25px !important; + height: 18px !important; +} +.icon.icon-cart { + background-image: url("../../../images/icons/CART.svg"); + width: 25px !important; + height: 18px !important; +} +.icon.icon-catalog { + background-image: url("../../../images/icons/CATALOG\ ICON.svg"); + width: 25px !important; + height: 18px !important; +} +.icon.industries-team-uniform { + background-image: url("../../../images/icons/INDUSTRIES\ 1.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.industries-band { + background-image: url("../../../images/icons/INDUSTRIES\ 2.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.industries-school { + background-image: url("../../../images/icons/INDUSTRIES\ 3.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.industries-influencer { + background-image: url("../../../images/icons/INDUSTRIES\ 4.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.industries-streetwear { + background-image: url("../../../images/icons/INDUSTRIES\ 5.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.industries-corporate { + background-image: url("../../../images/icons/INDUSTRIES\ 6.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.services-sublimation { + background-image: url("../../../images/icons/SERVICES\ 1.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.services-dtf { + background-image: url("../../../images/icons/SERVICES\ 2.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.services-screen-print { + background-image: url("../../../images/icons/SERVICES\ 3.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.services-embroidery { + background-image: url("../../../images/icons/SERVICES\ 4.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.services-cutsaw { + background-image: url("../../../images/icons/SERVICES\ 5.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.services-fulfillment { + background-image: url("../../../images/icons/SERVICES\ 6.svg"); + width: 100px !important; + height: 100px !important; +} +.icon.merchbay-icon { + background-image: url("../../../images/icons/MERCHBAY\ LOGO\ ICON.svg"); + width: 150px !important; + height: 125px !important; +} +.horizontal-divider { + width: 150px; + height: 7px; + background-color: #59caf4; + text-align: center; + margin: 0px auto; +} +.horizontal-divider.bg-red { + background-color: #f38d9a !important; +} +.horizontal-divider.bg-yellow { + background-color: #fcc375 !important; +} +.gap-100 { + gap: 100px !important; +} +.contact-input-custom { + border-radius: 0px !important; + border: 8px solid #c4d2d7 !important; +} +.contact-input-custom::-webkit-input-placeholder { + color: #c4d2d7; + font-size: 16px; +} +input { + color: #434445; +} +.btn-contact { + border-radius: 0; + background-color: #59caf4; + border: 1px solid #59caf4; + color: #ececec; +} +.btn-contact:hover { + border-radius: 0; + background-color: #4db2d7; + border: 1px solid #4db2d7; + color: #ececec; +} +footer { + background-color: #171717; + text-align: center; + padding: 1rem 0px; + border-bottom: 15px solid; + border-image: linear-gradient(to right, #59caf4 33.33%, #f38d9a 33.33%, #f38d9a 66.66%, #fcc375 66.66%) 5; +} +footer p { + color: #fff; +} +.login-page-right { + background: url("../../../images/bb.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 100vh; +} +section.login { + padding-top: 5rem; + text-align: center; } diff --git a/public/assets/css/merchbay/styles.old.css b/public/assets/css/merchbay/styles.old.css new file mode 100755 index 0000000..88401a6 --- /dev/null +++ b/public/assets/css/merchbay/styles.old.css @@ -0,0 +1,437 @@ +html, +body { + width: 100%; + height: 100%; + font-family: "Montserrat", sans-serif !important; + background-color: #f5f5f6; + font-size: 0.9rem; +} + +a { + text-decoration: none; + color:#000000; +} + +.bg-black { + background-color: #000; +} + +.navbar-brand span { + font-weight: 900; +} + +.navbar-brand > img { + height: 28px !important; +} + +.btn-white-outline { + color: #ffffff; + border-color: #ffffff; + font-size: 0.7rem !important; +} + +.btn-white-outline:hover { + color: #000000; + border-color: #ffffff; + background-color: #ffffff; + font-size: 0.7rem !important; +} + +.btn-black-outline { + color: #ffffff; + border-color: #ffffff; + font-size: 0.7rem !important; +} + +.btn-navbar-cart { + color: #fff; + background-color: transparent; + border-color: transparent; +} + +.btn-navbar-cart:hover { + color: #fff; + background-color: transparent; + border-color: transparent; +} + +/* .container { + padding-right: 0px !important; + padding-left: 0px !important; +} */ + +.btn-green { + color: #fff; + background-color: #28a745; + border-color: #28a745; +} + +.btn-green:hover { + color: #28a745; + background-color: #fff; + border-color: #28a745; +} + +.btn-black { + color: #fff; + background-color: #000000; + border-color: #000000; +} + +.btn-black:hover { + color: rgb(0, 0, 0); + background-color: transparent; + border-color: #000000; +} + +.added-or { + position: relative; +} + +.added-or::before { + content: "or"; + position: absolute; + display: inline-block; + padding: 5px; + margin-right: 48px; + left: -15px; + font-size: 1rem; +} + +.navbar-auth-buttons a { + line-height: 1.9; +} + +.wrapper { + min-height: 100vh; +} + +footer { + background: #000000; + color: white; + /* line-height: 50px; */ + /* padding: 0 20px; */ + height: 70px; +} + +.footer-socials-icons{ + float: right; +} + +.footer-menu { + list-style-type: none; + margin: 0; + padding: 0; + /* text-align: right; */ +} + +li.footer-menu-item { + display: inline-block; + /* padding: 0px 5px; */ + font-size: 12px; +} + +li.footer-menu-item::after { + content: " |"; + /* margin: 0px 10px 0px 10px; */ +} + +li.footer-menu-item:last-child::after { + content: ""; + /* margin: 0 10px; */ +} + +li.footer-menu-item a { + color: #f2f2f2; + text-decoration: none; +} + +li.footer-menu-item a:hover { + text-decoration: underline; +} + +.copyright { + margin-bottom: -5px; + font-size: 0.7rem; +} + +.col-footer { + margin-top: -15px; +} +.store-logo { + height: 165px; + display: inline-block; + /* border: 1px solid #e2e2e2; */ + position: relative; +} + +.store-locked{ + background-color: rgb(0 0 0 / 60%); + height: 100%; + width: 100%; + top: 0; + left: 0; + position: absolute; + padding: 67px; + text-align: center; +} + +.store-locked > i { + font-size: 2rem; + color: #ffffff; +} + +.store-logo img { + object-fit: contain; + width: 100%; + max-height: 250px; + height: 165px; + top: 0; + bottom: 0; + margin: auto; + /* padding: 5px; */ + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); +} + +.product-image img { + object-fit: contain; + width: 100%; + max-height: 250px; + padding: 5px; +} + +.store-name, +.product-name { + font-size: 0.8rem; + font-weight: 600; + padding: 5px; + color: #000000; +} + +.product-name-display h3 { + font-weight: 600; +} + +.product-price { + font-size: 1rem; + font-weight: 700; + padding: 0px 5px; + margin: -5px 0px; +} + +.product-price-display div { + font-size: 1.5rem; + font-weight: 600; + color: #9a9a9a; + margin-right: 5px; + margin-top: -5px; +} + +.store a { + text-decoration: none; + color: #2c2c2c; +} + +.product a { + text-decoration: none; +} + +.store-banner { + /* background-color: #000000; */ + height: auto; + object-fit: contain; +} + +.please-read-title, +.disclaimer, .announcement { + font-size: 0.8rem; + color: #000000; + font-weight: bold; + padding: 0px; + margin: 0px; + padding-left: 1.3rem; +} + +.disclaimer-message { + font-size: 0.7rem; + color: #ffffff; + padding: 0px; + margin: 0px; + padding-left: 1.3rem; +} + +.announcement-message { + font-size: 0.7rem; + color: #ffffff; + padding: 0px; + margin: 0px; + padding-left: 1.3rem; +} +.please-read li { + font-size: 0.7rem; + color: #858585; +} + +.bg-black { + background-color: #000000; +} + +.bg-announcement { + background-color: #000000; +} + +.navbar-toggler { + border: 1px solid #fff !important; +} + +.nav-link { + padding: 0.25rem 0.5rem !important; + line-height: 1rem; +} + +.sort-by { + text-align: right; +} + +.custom-hr { + background-color: #e3e3e3 !important; + height: 2px !important; +} + +a.btn-white-outline.nuxt-link-exact-active { + background-color: #fff; + color: #000; +} + +.product-price > .previous-price { + margin-right: 10px; +} + +.product-price > .current-price { + color: #e01414; + font-size: 1.1rem; +} + +.breadcrumb-item a { + color: #9a9a9a !important; + text-decoration: none; + font-weight: 500; +} + +.breadcrumb-item.active { + color: #9a9a9a !important; +} + +.breadcrumb-item + .breadcrumb-item::before { + color: #9a9a9a !important; +} + +.adbg { + background-color: #bdc6c5; +} + +span.designer-text { + color: #b90a0c; +} + +.product-active-thumbnail { + height: 400px; +} + +@media (max-width: 992px) { + .footer-menu { + text-align: center; + } + + .copyright { + text-align: center; + } + + .added-or::before { + display: none; + } + + .navbar-collapse.collapsing .navbar-nav { + display: block; + position: fixed; + top: 0; + bottom: 0; + left: -45%; + transition: all 0.2s ease; + } + + .navbar-nav { + background-color: #fff; + } + + .navbar-collapse.show .navbar-nav { + position: fixed; + top: 0; + bottom: 0; + left: 0; + flex-direction: column; + height: 100vh; + width: 65%; + transition: left 0.35s ease; + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + z-index: 9999; + } + + .navbar-nav .nav-link { + padding-right: 1rem; + padding-left: 1rem; + } + + .nav-item { + padding-left: 1rem; + padding-right: 1rem; + padding-top: 0.8rem; + } + .store-logo img { + /* max-height: 100%; */ + height: 150px; + object-fit: contain; + box-shadow: unset; + /* width: 1; */ + } + + .store-name { + text-align: center; + } + + .product-image img { + max-height: 100%; + } + + .sort-by { + text-align: left; + } + + .product-active-thumbnail { + height: 345px; + } + + .btn-white-outline { + color: #000000; + border-color: #000000; + } + + .btn-white-outline:hover { + color: #ffffff; + border-color: #000000; + background-color: #000000; + } + + .bi.bi-cart-fill { + color: #000000; + } + + footer { + height: inherit; + } + + .footer-socials-icons{ + text-align: center; + margin-top: 5px; + } +} diff --git a/public/assets/css/sass/styles.scss b/public/assets/css/sass/styles.scss new file mode 100644 index 0000000..c9d0dc6 --- /dev/null +++ b/public/assets/css/sass/styles.scss @@ -0,0 +1,517 @@ +@font-face { + font-family: "AmazonEmberDisplay_Bd"; + src: url("../fonts/AmazonEmberDisplay_Bd.ttf") format("truetype"); +} +@font-face { + font-family: "AmazonEmberDisplay_He"; + src: url("../fonts/AmazonEmberDisplay_He.ttf") format("truetype"); +} + +@font-face { + font-family: "AmazonEmberDisplay_Lt"; + src: url("../fonts/AmazonEmberDisplay_Lt.ttf") format("truetype"); +} + +@font-face { + font-family: "AmazonEmberDisplay_Md"; + src: url("../fonts/AmazonEmberDisplay_Md.ttf") format("truetype"); +} + +@font-face { + font-family: "AmazonEmberDisplay_Rg"; + src: url("../fonts/AmazonEmberDisplay_Rg.ttf") format("truetype"); +} + +html, +body { + padding: 0; + margin: 0; + font-family: AmazonEmberDisplay_Rg !important; + height: 100%; +} + +html { + scroll-padding-top: 67px; +} + +// .btn-xl { +// text-transform: uppercase; +// padding: 1.5rem 3rem; +// font-size: 0.9rem; +// font-weight: 700; +// letter-spacing: 0.1rem; +// } + +.navbar-custom { + padding-top: 1rem; + padding-bottom: 1rem; + background-color: #191919; +} +.navbar-custom .navbar-brand { + text-transform: uppercase; + font-size: 1rem; + letter-spacing: 0.1rem; + font-weight: 700; +} +.navbar-custom .navbar-nav .nav-item .nav-link { + text-transform: uppercase; + font-size: 0.8rem; + font-weight: 700; + letter-spacing: 0.1rem; +} + +header.masthead { + position: relative; + overflow: hidden; + // padding-top: calc(7rem + 72px); + padding-bottom: 7rem; + // background: linear-gradient(0deg, #ff6a00 0%, #ee0979 100%); + background: url(../images/band-background.jpg); + background-repeat: no-repeat; + background-position: center center; + background-attachment: scroll; + background-size: cover; + border-bottom: 15px solid; + border-image: linear-gradient( + to right, + #59caf4 33.33%, + #f38d9a 33.33%, + #f38d9a 66.66%, + #fcc375 66.66% + ) + 5; + // -webkit-filter: brightness(50%); + // filter:brightness(50%); +} +header.masthead::after { + content: ""; // ::before and ::after both require content + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(120deg, #252525, #252525); + opacity: 0.7; +} + +header.masthead .masthead-content { + z-index: 1; + position: relative; +} +header.masthead .masthead-content .masthead-heading { + font-size: 4rem !important; + font-family: AmazonEmberDisplay_He; + font-weight: bold; +} +header.masthead .masthead-content .masthead-subheading { + font-size: 3rem !important; + font-family: AmazonEmberDisplay_He; + font-weight: bold; +} +header.masthead .bg-circle { + z-index: 0; + position: absolute; + border-radius: 100%; + background: linear-gradient(0deg, #ee0979 0%, #ff6a00 100%); +} +header.masthead .bg-circle-1 { + height: 90rem; + width: 90rem; + bottom: -55rem; + left: -55rem; +} +header.masthead .bg-circle-2 { + height: 50rem; + width: 50rem; + top: -25rem; + right: -25rem; +} +header.masthead .bg-circle-3 { + height: 20rem; + width: 20rem; + bottom: -10rem; + right: 5%; +} +header.masthead .bg-circle-4 { + height: 30rem; + width: 30rem; + top: -5rem; + right: 35%; +} + +@media (min-width: 992px) { + header.masthead { + padding-top: calc(10rem + 55px); + padding-bottom: 10rem; + } + header.masthead .masthead-content .masthead-heading { + font-size: 6rem; + } + header.masthead .masthead-content .masthead-subheading { + font-size: 4rem; + } +} + +section.industries { + padding-top: 5rem; + padding-bottom: calc(10rem - 4.5rem); + text-align: center; +} + +section.services, section.contact-us { + padding-top: 5rem; + padding-bottom: calc(10rem - 4.5rem); + text-align: center; +} + +section { + h3 { + font-family: AmazonEmberDisplay_Bd; + font-size: 2.5rem; + font-weight: bold; + } +} + +/* Remove default list styles */ +ul.horizontal-list { + list-style: none; + padding: 0; + margin: 0; + text-align: center; /* Center items horizontally on small screens */ + display: flex; + justify-content: center; + gap: 60px; +} + +/* Style each list item */ +ul.horizontal-list li { + width: 115px; + display: inline-block; /* Display items horizontally */ + // margin-right: 50px; /* Add space between items (adjust as needed) */ + + p { + font-size: 0.8rem; + } +} + +/* Style the images within list items */ +ul.horizontal-list li img { + max-width: 100%; /* Make images responsive */ + height: auto; /* Maintain the aspect ratio of the images */ + vertical-align: middle; /* Align images vertically within the list item */ + height: 115px; +} + +/* Style the text content (if needed) */ +ul.horizontal-list li span { + display: block; /* Ensure text is on a new line */ + text-align: center; /* Center text horizontally within each list item */ + font-family: AmazonEmberDisplay_He; + width: 115px; +} + +/* Media query for smaller screens */ +@media (max-width: 768px) { + ul.horizontal-list li { + display: block; /* Stack items vertically on smaller screens */ + margin-right: 0; /* Remove margin between items */ + margin-bottom: 10px; /* Add space between items vertically */ + } +} + +section.parallax-section { + padding-top: 10rem; + padding-bottom: calc(10rem - 4.5rem); + background: url("../images/fabric\ printer.png") no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + color: #ffffff; + height: 500px; + -webkit-filter: brightness(40%); + filter: brightness(40%); +} + +section.section-right-img { + background-color: #191919; + color: #fff; + + h2 { + font-family: AmazonEmberDisplay_Bd; + font-size: 2.5rem; + } + + .section-content { + padding-left: 50px; + margin-top: 20px; + } + + .uniforms-image { + background: url("../images/custom-team-wear.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; + } + + .spiritwear-image { + background: url("../images/spiritwear.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; + } + .streetwear-image { + background: url("../images/streetwear.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; + } + + +} + +section.section-left-img { + background-color: #fff; + color: #191919; + + h2 { + font-family: AmazonEmberDisplay_Bd; + font-size: 2.5rem; + } + + .section-content { + padding-left: 50px; + margin-top: 20px; + } + + .corportate-image { + background: url("../images/corporatewear.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; + } + + .influencer-image { + background: url("../images/influencers.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; + } + + .band-image { + background: url("../images/bandmerch.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 550px; + } +} + +.icon { + display: inline-block; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + overflow: hidden; + + &.size-21 { + width: 21px !important; + height: 21px !important; + } + + &.icon-sign-up { + background-image: url("../images/icons/SIGN\ UP.svg"); + width: 25px !important; + height: 18px !important; + } + + &.icon-sign-in { + background-image: url("../images/icons/SIGN\ IN.svg"); + width: 25px !important; + height: 18px !important; + } + + &.icon-cart { + background-image: url("../images/icons/CART.svg"); + width: 25px !important; + height: 18px !important; + } + + &.icon-catalog { + background-image: url("../images/icons/CATALOG\ ICON.svg"); + width: 25px !important; + height: 18px !important; + } + + &.industries-team-uniform { + background-image: url("../images/icons/INDUSTRIES\ 1.svg"); + width: 100px !important; + height: 100px !important; + } + + &.industries-band { + background-image: url("../images/icons/INDUSTRIES\ 2.svg"); + width: 100px !important; + height: 100px !important; + } + &.industries-school { + background-image: url("../images/icons/INDUSTRIES\ 3.svg"); + width: 100px !important; + height: 100px !important; + } + + &.industries-influencer { + background-image: url("../images/icons/INDUSTRIES\ 4.svg"); + width: 100px !important; + height: 100px !important; + } + + &.industries-streetwear { + background-image: url("../images/icons/INDUSTRIES\ 5.svg"); + width: 100px !important; + height: 100px !important; + } + + &.industries-corporate { + background-image: url("../images/icons/INDUSTRIES\ 6.svg"); + width: 100px !important; + height: 100px !important; + } + + &.services-sublimation { + background-image: url("../images/icons/SERVICES\ 1.svg"); + width: 100px !important; + height: 100px !important; + } + + &.services-dtf { + background-image: url("../images/icons/SERVICES\ 2.svg"); + width: 100px !important; + height: 100px !important; + } + + &.services-screen-print { + background-image: url("../images/icons/SERVICES\ 3.svg"); + width: 100px !important; + height: 100px !important; + } + + &.services-embroidery { + background-image: url("../images/icons/SERVICES\ 4.svg"); + width: 100px !important; + height: 100px !important; + } + + &.services-cutsaw { + background-image: url("../images/icons/SERVICES\ 5.svg"); + width: 100px !important; + height: 100px !important; + } + + &.services-fulfillment { + background-image: url("../images/icons/SERVICES\ 6.svg"); + width: 100px !important; + height: 100px !important; + } + + &.merchbay-icon { + background-image: url("../images/icons/MERCHBAY\ LOGO\ ICON.svg"); + width: 150px !important; + height: 125px !important; + } +} + +.horizontal-divider { + width: 150px; + height: 7px; + background-color: #59caf4; + text-align: center; + margin: 0px auto; + + &.bg-red { + background-color: #f38d9a !important; + } + + &.bg-yellow { + background-color: #fcc375 !important; + } +} + +.gap-100 { + gap: 100px !important; +} + +.contact-input-custom { + border-radius: 0px !important; + border: 8px solid #c4d2d7 !important; +} + +.contact-input-custom::-webkit-input-placeholder { + color: #c4d2d7; + font-size: 16px; +} + +input { + color: #434445; +} + +.btn-contact { + border-radius: 0; + background-color: #59caf4; + border: 1px solid #59caf4; + color: #ececec; +} + + +.btn-contact:hover { + border-radius: 0; + background-color: #4db2d7; + border: 1px solid #4db2d7; + color: #ececec; +} + + +footer { + background-color: #171717; + text-align: center; + padding: 1rem 0px; + border-bottom: 15px solid; + border-image: linear-gradient( + to right, + #59caf4 33.33%, + #f38d9a 33.33%, + #f38d9a 66.66%, + #fcc375 66.66% + ) + 5; + p { + color: #fff; + } +} + +.login-page-right { + background: url("../images/bb.jpg") no-repeat center center; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + height: 100vh; +} + + +section.login { + padding-top: 5rem; + // padding-bottom: calc(10rem - 4.5rem); + text-align: center; +} \ No newline at end of file diff --git a/public/assets/fonts/AmazonEmberDisplay_Bd.ttf b/public/assets/fonts/AmazonEmberDisplay_Bd.ttf new file mode 100644 index 0000000..ffc978a Binary files /dev/null and b/public/assets/fonts/AmazonEmberDisplay_Bd.ttf differ diff --git a/public/assets/fonts/AmazonEmberDisplay_He.ttf b/public/assets/fonts/AmazonEmberDisplay_He.ttf new file mode 100644 index 0000000..d309d5e Binary files /dev/null and b/public/assets/fonts/AmazonEmberDisplay_He.ttf differ diff --git a/public/assets/fonts/AmazonEmberDisplay_Lt.ttf b/public/assets/fonts/AmazonEmberDisplay_Lt.ttf new file mode 100644 index 0000000..c52e715 Binary files /dev/null and b/public/assets/fonts/AmazonEmberDisplay_Lt.ttf differ diff --git a/public/assets/fonts/AmazonEmberDisplay_Md.ttf b/public/assets/fonts/AmazonEmberDisplay_Md.ttf new file mode 100644 index 0000000..c54166f Binary files /dev/null and b/public/assets/fonts/AmazonEmberDisplay_Md.ttf differ diff --git a/public/assets/fonts/AmazonEmberDisplay_Rg.ttf b/public/assets/fonts/AmazonEmberDisplay_Rg.ttf new file mode 100644 index 0000000..7a70e55 Binary files /dev/null and b/public/assets/fonts/AmazonEmberDisplay_Rg.ttf differ diff --git a/public/images/band-background.jpg b/public/images/band-background.jpg new file mode 100644 index 0000000..f33023e Binary files /dev/null and b/public/images/band-background.jpg differ diff --git a/public/images/bandmerch.jpg b/public/images/bandmerch.jpg new file mode 100644 index 0000000..2665819 Binary files /dev/null and b/public/images/bandmerch.jpg differ diff --git a/public/images/bb.jpg b/public/images/bb.jpg new file mode 100644 index 0000000..d091d6e Binary files /dev/null and b/public/images/bb.jpg differ diff --git a/public/images/corporatewear.jpg b/public/images/corporatewear.jpg new file mode 100644 index 0000000..3319cad Binary files /dev/null and b/public/images/corporatewear.jpg differ diff --git a/public/images/custom-team-wear.jpg b/public/images/custom-team-wear.jpg new file mode 100644 index 0000000..8352bed Binary files /dev/null and b/public/images/custom-team-wear.jpg differ diff --git a/public/images/fabric printer.png b/public/images/fabric printer.png new file mode 100644 index 0000000..f8d19a2 Binary files /dev/null and b/public/images/fabric printer.png differ diff --git a/public/images/icons/BROWSE PRODUCT.svg b/public/images/icons/BROWSE PRODUCT.svg new file mode 100644 index 0000000..7455c4b --- /dev/null +++ b/public/images/icons/BROWSE PRODUCT.svg @@ -0,0 +1,59 @@ + + + + + + diff --git a/public/images/icons/CART.svg b/public/images/icons/CART.svg new file mode 100644 index 0000000..1ef9675 --- /dev/null +++ b/public/images/icons/CART.svg @@ -0,0 +1,13 @@ + + + + + + diff --git a/public/images/icons/CATALOG ICON.svg b/public/images/icons/CATALOG ICON.svg new file mode 100644 index 0000000..fb156ce --- /dev/null +++ b/public/images/icons/CATALOG ICON.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/public/images/icons/DESIGN ICON.svg b/public/images/icons/DESIGN ICON.svg new file mode 100644 index 0000000..eb6ae8c --- /dev/null +++ b/public/images/icons/DESIGN ICON.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/public/images/icons/DESIGN MERCH.svg b/public/images/icons/DESIGN MERCH.svg new file mode 100644 index 0000000..f135429 --- /dev/null +++ b/public/images/icons/DESIGN MERCH.svg @@ -0,0 +1,60 @@ + + + + + + diff --git a/public/images/icons/INDUSTRIES 1.svg b/public/images/icons/INDUSTRIES 1.svg new file mode 100644 index 0000000..afdd42a --- /dev/null +++ b/public/images/icons/INDUSTRIES 1.svg @@ -0,0 +1,14 @@ + + + + + + diff --git a/public/images/icons/INDUSTRIES 2.svg b/public/images/icons/INDUSTRIES 2.svg new file mode 100644 index 0000000..19ffd83 --- /dev/null +++ b/public/images/icons/INDUSTRIES 2.svg @@ -0,0 +1,32 @@ + + + + + + diff --git a/public/images/icons/INDUSTRIES 3.svg b/public/images/icons/INDUSTRIES 3.svg new file mode 100644 index 0000000..8099a11 --- /dev/null +++ b/public/images/icons/INDUSTRIES 3.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + diff --git a/public/images/icons/INDUSTRIES 4.svg b/public/images/icons/INDUSTRIES 4.svg new file mode 100644 index 0000000..2522ac2 --- /dev/null +++ b/public/images/icons/INDUSTRIES 4.svg @@ -0,0 +1,20 @@ + + + + + + diff --git a/public/images/icons/INDUSTRIES 5.svg b/public/images/icons/INDUSTRIES 5.svg new file mode 100644 index 0000000..48fd2b4 --- /dev/null +++ b/public/images/icons/INDUSTRIES 5.svg @@ -0,0 +1,23 @@ + + + + + + diff --git a/public/images/icons/INDUSTRIES 6.svg b/public/images/icons/INDUSTRIES 6.svg new file mode 100644 index 0000000..b6a15c0 --- /dev/null +++ b/public/images/icons/INDUSTRIES 6.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + diff --git a/public/images/icons/MERCHBAY LOGO ICON.svg b/public/images/icons/MERCHBAY LOGO ICON.svg new file mode 100644 index 0000000..1e75210 --- /dev/null +++ b/public/images/icons/MERCHBAY LOGO ICON.svg @@ -0,0 +1,19 @@ + + + + + + + + + + diff --git a/public/images/icons/MERCHBAY LOGO WHOLE.svg b/public/images/icons/MERCHBAY LOGO WHOLE.svg new file mode 100644 index 0000000..e8c8c0a --- /dev/null +++ b/public/images/icons/MERCHBAY LOGO WHOLE.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/public/images/icons/SERVICES 1.svg b/public/images/icons/SERVICES 1.svg new file mode 100644 index 0000000..f4dbd7d --- /dev/null +++ b/public/images/icons/SERVICES 1.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + diff --git a/public/images/icons/SERVICES 2.svg b/public/images/icons/SERVICES 2.svg new file mode 100644 index 0000000..17894d8 --- /dev/null +++ b/public/images/icons/SERVICES 2.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + diff --git a/public/images/icons/SERVICES 3.svg b/public/images/icons/SERVICES 3.svg new file mode 100644 index 0000000..71a5772 --- /dev/null +++ b/public/images/icons/SERVICES 3.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + diff --git a/public/images/icons/SERVICES 4.svg b/public/images/icons/SERVICES 4.svg new file mode 100644 index 0000000..77fd53a --- /dev/null +++ b/public/images/icons/SERVICES 4.svg @@ -0,0 +1,17 @@ + + + + + + + + + diff --git a/public/images/icons/SERVICES 5.svg b/public/images/icons/SERVICES 5.svg new file mode 100644 index 0000000..0690e5b --- /dev/null +++ b/public/images/icons/SERVICES 5.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + diff --git a/public/images/icons/SERVICES 6.svg b/public/images/icons/SERVICES 6.svg new file mode 100644 index 0000000..a7de507 --- /dev/null +++ b/public/images/icons/SERVICES 6.svg @@ -0,0 +1,20 @@ + + + + + + + + + diff --git a/public/images/icons/SIGN IN.svg b/public/images/icons/SIGN IN.svg new file mode 100644 index 0000000..ffe1cf5 --- /dev/null +++ b/public/images/icons/SIGN IN.svg @@ -0,0 +1,12 @@ + + + + + + diff --git a/public/images/icons/SIGN UP.svg b/public/images/icons/SIGN UP.svg new file mode 100644 index 0000000..fe0e312 --- /dev/null +++ b/public/images/icons/SIGN UP.svg @@ -0,0 +1,13 @@ + + + + + + diff --git a/public/images/icons/START DESIGNING.svg b/public/images/icons/START DESIGNING.svg new file mode 100644 index 0000000..34664cb --- /dev/null +++ b/public/images/icons/START DESIGNING.svg @@ -0,0 +1,71 @@ + + + + + + diff --git a/public/images/influencers.jpg b/public/images/influencers.jpg new file mode 100644 index 0000000..a597fb4 Binary files /dev/null and b/public/images/influencers.jpg differ diff --git a/public/images/logo.png b/public/images/logo.png old mode 100755 new mode 100644 index a93fcda..a6b6851 Binary files a/public/images/logo.png and b/public/images/logo.png differ diff --git a/public/images/spiritwear.jpg b/public/images/spiritwear.jpg new file mode 100644 index 0000000..a7452cf Binary files /dev/null and b/public/images/spiritwear.jpg differ diff --git a/public/images/streetwear.jpg b/public/images/streetwear.jpg new file mode 100644 index 0000000..04755d5 Binary files /dev/null and b/public/images/streetwear.jpg differ diff --git a/public/images/sublimation-fabric.jpg b/public/images/sublimation-fabric.jpg new file mode 100644 index 0000000..34cbc7b Binary files /dev/null and b/public/images/sublimation-fabric.jpg differ diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php index 1aa01f0..7975ccf 100755 --- a/resources/views/auth/login.blade.php +++ b/resources/views/auth/login.blade.php @@ -1,7 +1,7 @@ @extends('merchbay_main') @section('main-content') - -