Upload 5 files
Browse files- dist/BEARD.svg +24 -0
- dist/assets/index-CfcwpehN.js +0 -0
- dist/assets/index-ClWhJIpd.css +1 -0
- dist/index.html +70 -0
- dist/vite.svg +24 -0
dist/BEARD.svg
ADDED
|
|
dist/assets/index-CfcwpehN.js
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
dist/assets/index-ClWhJIpd.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
.header-wrapper{background-color:var(--color-primary-bg);padding:0 4rem}.header{max-width:1400px;margin:0 auto;background-color:var(--color-content-bg-dark);color:var(--color-text-light);display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;position:relative;z-index:1000}.logo{font-family:var(--font-serif);font-size:1.5rem;border:1px solid var(--color-text-light);padding:.5rem .75rem}.navigation ul{display:flex;list-style:none;gap:2.5rem}.navigation a{color:var(--color-text-light);text-decoration:none;font-size:.875rem;letter-spacing:1.5px;text-transform:uppercase;padding-bottom:.5rem;position:relative;transition:color .3s ease}.navigation a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.navigation a:hover:after,.navigation a.active:after{transform:scaleX(1);transform-origin:bottom left}.action-icons{display:flex;align-items:center;gap:1.5rem}.action-icons button{background:none;border:none;cursor:pointer;color:var(--color-text-light)}@media (max-width: 768px){.header-wrapper{padding:0;position:absolute;top:0;left:0;width:100%;background:transparent}.header{background:transparent;padding:1.5rem 1rem}.navigation{display:none}}.home-desktop-wrapper{background-color:var(--color-primary-bg);padding:0 4rem 4rem}.home-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;color:var(--color-text-light);background-color:var(--color-content-bg-dark);min-height:85vh}.home-left-column{position:relative;background-size:cover;background-position:center;padding:6rem;display:flex;flex-direction:column;justify-content:center}.home-left-overlay{position:absolute;inset:0;background-color:#1a1a1ab3;z-index:1}.home-content{position:relative;z-index:2}@keyframes fadeInOnLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-content-desktop{animation:fadeInOnLoad .8s ease-out .3s forwards}.home-content h1{font-family:var(--font-serif);font-size:4rem;font-weight:400;margin-bottom:1.5rem;line-height:1.2}.home-content p{font-family:var(--font-sans);line-height:1.6;margin-bottom:2.5rem;max-width:90%}.home-actions{display:flex;align-items:center;gap:2rem}.btn-primary{display:inline-block;text-align:center;text-decoration:none;background-color:var(--color-primary-bg);color:var(--color-button-text-dark);border:none;padding:1rem 2.5rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.btn-primary:hover{background-color:var(--color-accent);transform:scale(1.05)}.play-video-link{display:flex;align-items:center;gap:1rem;color:var(--color-text-light);text-decoration:none}.play-icon-wrapper{border:1px solid var(--color-text-light);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.play-video-link:hover .play-icon-wrapper{background-color:var(--color-primary-bg)}.home-right-column{position:relative;background-size:cover;background-position:center;transition:background-image .5s ease-in-out}.social-links{position:absolute;top:50%;right:2rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;writing-mode:vertical-rl}.social-links a{color:var(--color-text-light);text-decoration:none;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s ease}.social-links a:hover{color:var(--color-accent)}.carousel-controls{position:absolute;bottom:2rem;right:2rem;background-color:#1a1a1ab3;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem}.carousel-controls button{background:none;border:none;cursor:pointer}.pagination{display:flex;align-items:baseline}.current-page{font-family:var(--font-serif);font-size:3.5rem;line-height:1}.total-pages{font-family:var(--font-sans);font-size:1.25rem;color:#aaa}#home-mobile-hero,#home-mobile-showcase{display:none}@media (max-width: 768px){.home-desktop-wrapper{display:none}#home-mobile-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;color:var(--color-text-light);padding:1rem;text-align:center}.home-content-mobile{max-width:90%}.home-content h1{font-size:2.5rem}.home-content p{font-size:1rem;max-width:100%;margin-bottom:2rem}.home-actions{flex-direction:column;gap:1.5rem;width:100%;align-items:center}.btn-primary{width:100%;max-width:300px;padding:1.2rem}#home-mobile-showcase{display:flex;background-color:var(--color-content-bg-dark);overflow:hidden}.mobile-carousel-slider{display:flex;height:100%;width:100%;transition:transform .5s cubic-bezier(.45,.05,.55,.95)}.mobile-carousel-slide{flex:0 0 100%;height:100%;background-size:cover;background-position:center}.mobile-carousel-controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background-color:#1a1a1ab3;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--color-text-light);width:auto;min-width:180px}.mobile-carousel-controls button{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.mobile-carousel-controls button:active{transform:scale(.9)}.mobile-carousel-controls .pagination{display:flex;align-items:baseline}.mobile-carousel-controls .current-page{font-family:var(--font-serif);font-size:2.5rem;line-height:1}.mobile-carousel-controls .total-pages{font-family:var(--font-sans);font-size:1rem;color:#aaa}}.services-section{background-color:var(--color-services-main-bg)}.desktop-services-view{display:block}.mobile-services-view{display:none}.services-header{background-color:var(--color-services-header-bg);color:var(--color-text-light);padding:3rem 5rem}.services-header h2{font-family:var(--font-serif);font-size:3rem;font-weight:400;display:flex;align-items:center;gap:1rem}.services-header .line{display:inline-block;width:3rem;height:2px;background-color:var(--color-text-light)}.services-content-wrapper{display:grid;grid-template-columns:45% 55%}.services-left{padding:4rem;color:var(--color-services-main-text);display:flex;flex-direction:column;justify-content:space-between}.service-details{transition:opacity .3s ease-in-out}.service-details.fade-in{opacity:1}.service-details.fade-out{opacity:0}.services-left h3{font-family:var(--font-serif);font-size:2.25rem;font-weight:400;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem}.service-description{line-height:1.6;margin-bottom:3rem}.service-meta{margin-bottom:2.5rem;display:flex;flex-direction:column;gap:.5rem}.service-meta strong{color:var(--color-services-accent);font-weight:700}.service-btn{display:inline-block;text-align:center;text-decoration:none;background-color:var(--color-services-accent);color:#fff;border:none;padding:1rem 3rem;text-transform:uppercase;font-size:.8rem;font-weight:500;letter-spacing:.1em;cursor:pointer;transition:background-color .3s ease}.service-btn:hover{background-color:#9d8565;color:#fff}.service-pagination{display:flex;align-items:flex-end;margin-top:4rem}.service-current-page{font-family:var(--font-serif);font-size:4rem;font-weight:300;line-height:1}.service-total-pages{color:var(--color-services-light-text);padding:0 .5rem .5rem}.service-arrows{display:flex;gap:1rem;padding-bottom:.5rem}.service-arrows button{background:none;border:none;cursor:pointer;opacity:.7;transition:opacity .3s ease}.service-arrows button:hover{opacity:1}.services-right{background-size:cover;background-position:center;min-height:80vh}@media (max-width: 768px){.desktop-services-view{display:none}.mobile-services-view{display:block;height:100%;width:100%;overflow:hidden}.mobile-services-carousel{display:flex;height:100%;transition:transform .5s ease-in-out}.service-mobile-slide{flex:0 0 100%;height:100%;display:flex;flex-direction:column}.service-mobile-image{height:60%;width:100%;background-size:cover;background-position:center}.service-mobile-content{height:40%;width:100%;background-color:var(--color-services-main-bg);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.service-mobile-content h3{font-family:var(--font-serif);font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.3;margin-bottom:.5rem;color:var(--color-services-main-text)}.service-description-mobile{color:var(--color-services-main-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;margin:0}.service-mobile-content .service-meta{margin:.75rem 0;color:var(--color-services-main-text)}.service-mobile-content .service-btn{width:100%;padding:1rem}.mobile-dots{display:flex;position:absolute;bottom:23%;left:50%;transform:translate(-50%);gap:.5rem;z-index:10}.dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-services-light-text);transition:all .3s ease;cursor:pointer}.dot.active{background-color:var(--color-services-accent);transform:scale(1.3)}}.team-section{background-color:var(--color-content-bg-dark);color:var(--color-text-light);padding:6rem 0;overflow:hidden}.desktop-team-view{display:block}.mobile-team-view{display:none}.team-container{max-width:1400px;margin:0 auto;padding:0 2rem}.team-header{margin-bottom:4rem}.team-header h2{font-family:var(--font-serif);font-size:2.5rem;font-weight:600;letter-spacing:1.5px;display:flex;align-items:center;gap:1rem}.team-header .line{display:inline-block;width:3rem;height:2px;background-color:var(--color-text-light)}.team-carousel{position:relative;height:550px;display:flex;justify-content:center;align-items:center;margin-bottom:4rem}.team-card{position:absolute;width:300px;height:450px;border-radius:8px;overflow:hidden;transition:transform .5s ease,opacity .5s ease,filter .5s ease,height .5s ease;opacity:0;cursor:pointer}.team-card.prev{transform:translate(-120%) scale(.8);opacity:.6;filter:grayscale(80%)}.team-card.active{transform:translate(0) scale(1);opacity:1;z-index:10;height:500px;filter:grayscale(0%)}.team-card.next{transform:translate(120%) scale(.8);opacity:.6;filter:grayscale(80%)}.team-card.hidden{transform:scale(.5);opacity:0}.card-bg-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;transition:filter .5s ease}.team-card.active .card-bg-image{filter:blur(4px) grayscale(50%)}.card-overlay{position:absolute;inset:0;background-color:var(--color-content-bg-dark);opacity:0;z-index:2;transition:opacity .5s ease}.team-card.active .card-overlay{opacity:.6}.card-content{position:relative;z-index:3;color:var(--color-text-light);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;opacity:0;transition:opacity .5s ease}.team-card.active .card-content{opacity:1}.card-content h3{font-family:var(--font-serif);font-size:2rem;font-weight:500;margin-bottom:1rem}.card-content p{font-size:.9rem;margin-bottom:.5rem}.card-content button{background-color:var(--color-team-accent);color:var(--color-content-bg-dark);border:none;padding:.75rem 2.5rem;margin-top:1.5rem;font-weight:500;cursor:pointer;transition:background-color .3s,transform .3s}.card-content button:hover{background-color:#d1b79a;transform:scale(1.05)}.carousel-footer{display:flex;justify-content:space-between;align-items:center}.team-pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-text .current-slide{font-size:1.2rem;font-weight:600}.team-pagination-controls button{background:none;border:1px solid #555;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}.team-pagination-controls button:hover{background-color:#333}.progress-bar-container{width:200px;height:2px;background-color:#4a4a4a}.progress-bar-fill{height:100%;background-color:var(--color-text-light);transition:width .5s ease}@media (max-width: 768px){.team-section{padding:0;display:flex}.desktop-team-view{display:none}.mobile-team-view{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:4rem 0}.team-header{padding:0 1.5rem;margin-bottom:2rem}.team-header h2{font-size:2rem}.mobile-team-carousel-wrapper{width:100%;overflow:hidden;margin-bottom:2rem}.mobile-team-carousel{display:flex;padding-left:calc(7.5% - .5rem);gap:1rem;transition:transform .5s ease-in-out}.mobile-team-card-wrapper{flex:0 0 85%}.mobile-team-card{position:relative;width:100%;height:50vh;border-radius:8px;overflow:hidden}.mobile-team-card .card-bg-image{filter:blur(4px) grayscale(50%)}.mobile-team-card .card-overlay{opacity:.6}.mobile-team-card .card-content{opacity:1}.mobile-team-view .carousel-footer{padding:0 1.5rem}.mobile-team-view .progress-bar-container{display:none}}.gallery-section{background-color:var(--color-gallery-bg);color:var(--color-text-light);padding:6rem 0}.desktop-gallery-view{display:block}.mobile-gallery-view{display:none}.gallery-container{max-width:1200px;margin:0 auto;padding:0 2rem}.gallery-header{margin-bottom:3rem}.gallery-header h2{font-family:var(--font-serif);font-size:3rem;font-weight:500}.gallery-header .line{display:block;width:3rem;height:2px;background-color:#fff;margin-bottom:1rem}.gallery-content-grid{display:grid;grid-template-columns:40% 1fr;gap:2rem}.gallery-left-col{display:flex;flex-direction:column;gap:2rem}.gallery-text-block h3{font-family:var(--font-serif);font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.gallery-text-block p{color:var(--color-gallery-secondary-text);line-height:1.6;margin-bottom:2rem}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fffc;padding:.75rem 2rem;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background-color:#fff;color:#000}.featured-product-card{background-color:var(--color-gallery-card-bg);color:var(--color-services-main-text);padding:1.5rem;display:flex;align-items:center;gap:1rem}.featured-card-content{flex:1}.brand{font-size:.9rem;color:#777}.featured-card-content h4{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;margin:.5rem 0}.price{font-family:var(--font-serif);font-size:1.4rem;font-weight:500;color:var(--color-gallery-price-accent)}.featured-card-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.icon-btn{background:#e0e0e0;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.icon-btn:hover{background-color:#ccc}.btn-solid{background-color:var(--color-gallery-btn-accent);color:#fff;border:none;padding:.75rem 1.5rem;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.btn-solid:hover{background-color:#a89477}.featured-card-image{width:35%}.featured-card-image img{width:100%;height:auto;object-fit:contain}.gallery-right-col{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2rem}.standard-product-card{background-color:var(--color-gallery-card-bg);color:var(--color-services-main-text);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.standard-card-image{flex-grow:1;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.standard-card-image img{max-width:80%;max-height:150px;object-fit:contain}.standard-card-body h4{font-family:var(--font-serif);font-size:1.25rem;font-weight:600}.standard-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.standard-card-actions{display:flex;gap:.5rem}.icon-btn-small{background:#b9a5884d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.icon-btn-small:hover{background:#b9a58880}.see-all-link{text-align:right;margin-top:2rem}.see-all-link a{color:#fffc;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:color .3s ease}.see-all-link a:hover{color:#fff}.gallery-modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}.gallery-modal-content{background-color:var(--color-content-bg-dark);padding:4rem 2rem 2rem;border-radius:8px;position:relative;width:100%;max-width:1100px;height:auto;max-height:90vh;overflow-y:auto}.modal-close-btn{position:absolute;top:.75rem;right:1rem;background:none;border:none;color:#fff;font-size:2.5rem;font-weight:300;cursor:pointer;line-height:1}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.modal-grid-item img{width:100%;height:100%;object-fit:cover;border-radius:4px}@media (max-width: 768px){.desktop-gallery-view{display:none}.gallery-section{padding:0;display:flex}.mobile-gallery-view{display:flex;flex-direction:column;height:100%;width:100%;padding:4rem 0 2rem}.mobile-gallery-view>.gallery-header,.mobile-gallery-view>.gallery-text-block{padding:0 1.5rem}.gallery-header{margin-bottom:1rem}.gallery-header h2{font-size:2.5rem}.gallery-text-block h3{font-size:1.5rem}.gallery-text-block p{font-size:.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gallery-text-block .btn-outline{width:100%;padding:.8rem}.product-carousel-mobile-wrapper{flex-grow:1;min-height:0;margin-top:1.5rem;width:100%;overflow-x:scroll;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.product-carousel-mobile-wrapper::-webkit-scrollbar{display:none}.product-carousel-mobile{display:flex;gap:1rem;height:100%;padding:0 1.5rem;width:max-content}.mobile-card{width:70vw;flex-shrink:0;scroll-snap-align:start}.gallery-modal-content{padding:3.5rem 1rem 1rem}.modal-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}}.footer{background-color:var(--color-footer-bg);color:var(--color-footer-text);padding:5rem 4rem;font-family:var(--font-sans)}.footer-container{max-width:1400px;margin:0 auto}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap;margin-bottom:4rem}.footer-logo{display:block;width:150px;height:auto;flex-shrink:0}.footer-logo img{width:100%;height:auto;filter:brightness(0) invert(1)}.footer-contacts,.footer-nav{display:flex;flex-direction:column;gap:1rem}.footer-contacts h4,.footer-nav h4{font-size:.875rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:.5rem}.footer-nav h4{display:none}.footer-contacts address,.footer-contacts a{font-style:normal;font-size:.9rem;line-height:1.6;color:var(--color-footer-text);text-decoration:none;transition:color .3s ease}.footer-contacts a:hover{color:var(--color-footer-accent)}.footer-nav ul{list-style:none;display:flex;gap:2rem}.footer-nav a{color:var(--color-footer-text);text-decoration:none;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;transition:color .3s ease}.footer-nav a:hover{color:var(--color-footer-accent)}.map-container{width:100%;border-radius:8px;overflow:hidden}.map-container iframe{width:100%;height:350px;filter:invert(100%) hue-rotate(180deg)}.footer-divider{border:none;border-top:1px solid #444;margin:4rem 0 1.5rem}.footer-sub{display:flex;justify-content:space-between;align-items:center;color:var(--color-footer-secondary-text);font-size:.8rem;flex-wrap:wrap;gap:1rem}.developer-credit a{color:var(--color-footer-secondary-text);text-decoration:none;transition:color .3s ease}.developer-credit a:hover{color:var(--color-footer-accent)}.legal-links{display:flex;gap:1.5rem}.legal-links button{background:none;border:none;color:var(--color-footer-secondary-text);font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:none;transition:color .3s ease}.legal-links button:hover{color:var(--color-footer-text)}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#333;color:var(--color-footer-text);padding:3rem 2rem 2rem;border-radius:8px;position:relative;width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-close-btn{position:absolute;top:.5rem;right:1rem;background:none;border:none;color:#aaa;font-size:2.5rem;cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:#fff}.modal-title{font-family:var(--font-serif);margin-bottom:1.5rem;color:var(--color-footer-accent)}.modal-body p{line-height:1.7;margin-bottom:1rem}.modal-body ul{list-style:none;padding:0}.modal-body li{margin-bottom:.75rem}.modal-body a{color:var(--color-accent);text-decoration:none}.modal-body a:hover{text-decoration:underline}@media (max-width: 768px){.footer{padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-container{padding:2.5rem 1.5rem;width:100%}.footer-main{flex-direction:column;align-items:center;gap:2.5rem;margin-bottom:2.5rem}.footer-logo{width:120px}.footer-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:400px;text-align:left}.footer-nav{align-items:flex-start}.footer-nav h4{display:block}.footer-nav ul{flex-direction:column;gap:.75rem;align-items:flex-start}.map-container iframe{height:250px}.footer-sub{flex-direction:column;gap:1.5rem;text-align:center}.developer-credit{white-space:normal;line-height:1.5}.legal-links{justify-content:center;width:100%}}.desktop-container{display:block}.mobile-container{display:none}@media (max-width: 768px){.desktop-container{display:none}.mobile-container{display:block}}:root{--font-serif: "Playfair Display", serif;--font-sans: "Lato", sans-serif;--color-primary-bg: #9F8C76;--color-content-bg-dark: #1A1A1A;--color-text-light: #F5F5F5;--color-accent: #D1BFA9;--color-button-text-dark: #1A1A1A;--color-services-header-bg: #252525;--color-services-main-bg: #EAE8E3;--color-services-main-text: #333333;--color-services-accent: #A99171;--color-services-light-text: #888888;--color-team-accent: #B99D7E;--color-gallery-bg: #212121;--color-gallery-card-bg: #F0F0F0;--color-gallery-secondary-text: #A8A8A8;--color-gallery-price-accent: #C9B79C;--color-gallery-btn-accent: #B9A588;--color-footer-bg: #2B2B2B;--color-footer-accent: #B7A683;--color-footer-text: #D1D1D1;--color-footer-secondary-text: #888888}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-primary-bg);overflow-x:hidden}@media (max-width: 768px){.scroll-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-section{height:100vh;width:100vw;scroll-snap-align:start;flex-shrink:0;overflow:hidden;position:relative}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}
|
dist/index.html
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!doctype html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <!-- Recommended: Replace with your salon's favicon -->
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
+
|
| 8 |
+
<!-- SEO Meta Tags -->
|
| 9 |
+
<title>Regal Professional Salon | Premium Barbershop Services</title>
|
| 10 |
+
<meta name="description" content="Experience premium grooming at Regal Professional Salon. We offer expert men's haircuts, classic beard trims, and styling services. Book your appointment and become the best version of yourself." />
|
| 11 |
+
<meta name="keywords" content="barbershop, men's haircut, beard trim, professional salon, grooming, styling, Regal Salon, premium barbershop" />
|
| 12 |
+
<meta name="author" content="Regal Professional Salon" />
|
| 13 |
+
|
| 14 |
+
<!-- Open Graph Meta Tags (for Facebook, LinkedIn, etc.) -->
|
| 15 |
+
<meta property="og:title" content="Regal Professional Salon | Premium Barbershop" />
|
| 16 |
+
<meta property="og:description" content="Expert men's haircuts, classic beard trims, and styling services. Book your appointment and become the best version of yourself." />
|
| 17 |
+
<meta property="og:image" content="https://images.pexels.com/photos/3998414/pexels-photo-3998414.jpeg" /> <!-- URL of a high-quality preview image -->
|
| 18 |
+
<meta property="og:url" content="https://your-website-url.com" /> <!-- Replace with your actual website URL -->
|
| 19 |
+
<meta property="og:type" content="website" />
|
| 20 |
+
|
| 21 |
+
<!-- Twitter Card Meta Tags -->
|
| 22 |
+
<meta name="twitter:card" content="summary_large_image" />
|
| 23 |
+
<meta name="twitter:title" content="Regal Professional Salon | Premium Barbershop" />
|
| 24 |
+
<meta name="twitter:description" content="Expert men's haircuts, classic beard trims, and styling services. Book your appointment and become the best version of yourself." />
|
| 25 |
+
<meta name="twitter:image" content="https://images.pexels.com/photos/3998414/pexels-photo-3998414.jpeg" /> <!-- URL of a high-quality preview image -->
|
| 26 |
+
|
| 27 |
+
<!-- Font Preloading -->
|
| 28 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 29 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 30 |
+
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
|
| 31 |
+
|
| 32 |
+
<script type="module" crossorigin src="/assets/index-CfcwpehN.js"></script>
|
| 33 |
+
<link rel="stylesheet" crossorigin href="/assets/index-ClWhJIpd.css">
|
| 34 |
+
</head>
|
| 35 |
+
<body>
|
| 36 |
+
<div id="root"></div>
|
| 37 |
+
|
| 38 |
+
<!-- Developer Console Signature -->
|
| 39 |
+
<script>
|
| 40 |
+
const signatureStyles = [
|
| 41 |
+
'font-family: monospace;',
|
| 42 |
+
'font-size: 14px;',
|
| 43 |
+
'background-color: #1A1A1A;',
|
| 44 |
+
'color: #B99D7E;',
|
| 45 |
+
'font-weight: bold;',
|
| 46 |
+
'padding: 10px 20px;',
|
| 47 |
+
'border: 1px solid #B99D7E;',
|
| 48 |
+
'border-radius: 8px;'
|
| 49 |
+
].join(' ');
|
| 50 |
+
|
| 51 |
+
const infoStyles = [
|
| 52 |
+
'font-family: sans-serif;',
|
| 53 |
+
'font-size: 12px;',
|
| 54 |
+
'color: #D1D1D1;',
|
| 55 |
+
'padding: 5px 0;'
|
| 56 |
+
].join(' ');
|
| 57 |
+
|
| 58 |
+
const linkStyles = [
|
| 59 |
+
'font-family: sans-serif;',
|
| 60 |
+
'color: #D1BFA9;',
|
| 61 |
+
'text-decoration: underline;',
|
| 62 |
+
'cursor: pointer;'
|
| 63 |
+
].join(' ');
|
| 64 |
+
|
| 65 |
+
console.log('%cWebsite Developed & Designed by: Aditya Devarshi | Team Triangle', signatureStyles);
|
| 66 |
+
|
| 67 |
+
console.log('%cContact: %ctech.triangle.stack@gmail.com', infoStyles, linkStyles);
|
| 68 |
+
</script>
|
| 69 |
+
</body>
|
| 70 |
+
</html>
|
dist/vite.svg
ADDED
|
|