window.addEventListener('scroll', () => {
document.body.style.setProperty('--scroll', window.pageYOffset / (document.body.offsetHeight - window.innerHeight));
}, false);
$font-stack: Inter;
$regular: 400;
$medium: 500;
$semibold: 600;
$black-100: #1D1B1B;
$white-100: #fff;
$white-50: #ffffff80;
$gray-200: #999;
.video-1-container {
width: 100%;
height: 100%;
}
.video-2-container {
width: 100%;
height: 100%;
}
.hero-section-primary-text {
@extend .text-align-center;
@extend .font-semi-bold;
}
p.about-section-text {
@extend .font-semi-bold;
font-size: 32px;
line-height: 130%;
color: $gray-200;
span {
color: $white-100;
}
}
h4.about-section-secondary-text {
@extend .font-medium;
color: $white-100;
}
p.services-section-video-text {
@extend .font-medium;
font-size: 20px;
line-height: 150%;
letter-spacing: -0.02rem;
color: $gray-200;
}
h2.services-section-title {
@extend .font-medium;
color: $white-100;
}
h1.services-section-text-1 {
@extend .font-semi-bold;
color: $white-100;
}
h1.services-section-text-2 {
@extend .font-semi-bold;
color: $white-50;
}
h1.services-section-text-3 {
@extend .font-semi-bold;
color: $white-50;
}
h4.services-section-cta-text {
@extend .font-medium;
color: $white-100;
}
.staff-pick-section-title {
@extend .font-semi-bold;
color: $gray-200;
}
.staff-pick-section-text-upper {
@extend .font-semi-bold;
color: $black-100;
}
.staff-pick-section-text-lower {
@extend .font-medium;
color: $gray-200;
}
.what-our-customers-say-title {
@extend .font-semi-bold;
color: $white-100
}
.blog-section-title {
@extend .font-semi-bold;
color: $black-100;
}
.blog-section-cta-text {
@extend .font-medium;
color: $black-100;
}
.blog-post-item-author {
@extend .body-2;
color: $gray-200;
}
.blog-post-item-date {
@extend .body-2;
color: $gray-200;
}
.blog-post-item-title {
@extend .font-medium;
color: $black-100;
}
.about-us-section-title {
@extend .font-semi-bold;
color: $white-100;
}
.about-us-section-subtitle {
@extend .font-semi-bold;
color: $white-100;
}
.footer-section-title {
font-size: 14px;
color: $gray-200;
}
.footer-section-text {
font-size: 16px;
color: $black-100;
}
body {
font-family: $font-stack;
font-weight: $regular;
font-size: 20px;
line-height: 150%;
letter-spacing: -0.02rem;
color: $white-100;
h1 {
font-size: 72px;
line-height: 120%;
}
h2 {
font-size: 52px;
line-height: 120%;
}
h3 {
font-size: 32px;
line-height: 130%;
}
h4 {
font-size: 24px;
line-height: 130%;
}
.body-2 {
font-size: 16px;
}
.body-3 {
font-size: 14px;
}
}
.font-medium {
font-weight: $medium;
}
.font-semi-bold {
font-weight: $semibold;
}
.text-align-center {
text-align: center;
}
.card-cutout {
background-color: #999999;
clip-path: polygon( 3.811% 0.056%,3.811% 0.056%,3.208% 0.087%,2.635% 0.174%,2.101% 0.315%,1.614% 0.503%,1.18% 0.734%,0.809% 1.004%,0.506% 1.307%,0.28% 1.639%,0.139% 1.995%,0.091% 2.37%,0.091% 97.63%,0.091% 97.63%,0.139% 98.005%,0.28% 98.361%,0.506% 98.693%,0.809% 98.996%,1.18% 99.266%,1.614% 99.497%,2.101% 99.685%,2.635% 99.826%,3.208% 99.913%,3.811% 99.944%,96.189% 99.944%,96.189% 99.944%,96.792% 99.913%,97.365% 99.826%,97.899% 99.685%,98.386% 99.497%,98.82% 99.266%,99.191% 98.996%,99.494% 98.693%,99.72% 98.361%,99.861% 98.005%,99.909% 97.63%,99.909% 10.017%,99.909% 10.017%,99.897% 9.826%,99.859% 9.637%,99.797% 9.452%,99.711% 9.271%,99.602% 9.095%,99.47% 8.926%,99.316% 8.763%,99.141% 8.609%,98.945% 8.463%,98.729% 8.326%,85.575% 0.68%,85.575% 0.68%,85.362% 0.565%,85.137% 0.461%,84.901% 0.369%,84.655% 0.287%,84.4% 0.218%,84.138% 0.161%,83.869% 0.115%,83.595% 0.083%,83.316% 0.063%,83.035% 0.056%,3.811% 0.056% );
}
.card-cutout-white {
background-color: #ffffff;
clip-path: polygon( 3.811% 0.056%,3.811% 0.056%,3.208% 0.087%,2.635% 0.174%,2.101% 0.315%,1.614% 0.503%,1.18% 0.734%,0.809% 1.004%,0.506% 1.307%,0.28% 1.639%,0.139% 1.995%,0.091% 2.37%,0.091% 97.63%,0.091% 97.63%,0.139% 98.005%,0.28% 98.361%,0.506% 98.693%,0.809% 98.996%,1.18% 99.266%,1.614% 99.497%,2.101% 99.685%,2.635% 99.826%,3.208% 99.913%,3.811% 99.944%,96.189% 99.944%,96.189% 99.944%,96.792% 99.913%,97.365% 99.826%,97.899% 99.685%,98.386% 99.497%,98.82% 99.266%,99.191% 98.996%,99.494% 98.693%,99.72% 98.361%,99.861% 98.005%,99.909% 97.63%,99.909% 10.017%,99.909% 10.017%,99.897% 9.826%,99.859% 9.637%,99.797% 9.452%,99.711% 9.271%,99.602% 9.095%,99.47% 8.926%,99.316% 8.763%,99.141% 8.609%,98.945% 8.463%,98.729% 8.326%,85.575% 0.68%,85.575% 0.68%,85.362% 0.565%,85.137% 0.461%,84.901% 0.369%,84.655% 0.287%,84.4% 0.218%,84.138% 0.161%,83.869% 0.115%,83.595% 0.083%,83.316% 0.063%,83.035% 0.056%,3.811% 0.056% );
}
.card-cutout-fill {
background-color: #1D1B1B;
clip-path: polygon( 3.811% 0.056%,3.811% 0.056%,3.208% 0.087%,2.635% 0.174%,2.101% 0.315%,1.614% 0.503%,1.18% 0.734%,0.809% 1.004%,0.506% 1.307%,0.28% 1.639%,0.139% 1.995%,0.091% 2.37%,0.091% 97.63%,0.091% 97.63%,0.139% 98.005%,0.28% 98.361%,0.506% 98.693%,0.809% 98.996%,1.18% 99.266%,1.614% 99.497%,2.101% 99.685%,2.635% 99.826%,3.208% 99.913%,3.811% 99.944%,96.189% 99.944%,96.189% 99.944%,96.792% 99.913%,97.365% 99.826%,97.899% 99.685%,98.386% 99.497%,98.82% 99.266%,99.191% 98.996%,99.494% 98.693%,99.72% 98.361%,99.861% 98.005%,99.909% 97.63%,99.909% 10.017%,99.909% 10.017%,99.897% 9.826%,99.859% 9.637%,99.797% 9.452%,99.711% 9.271%,99.602% 9.095%,99.47% 8.926%,99.316% 8.763%,99.141% 8.609%,98.945% 8.463%,98.729% 8.326%,85.575% 0.68%,85.575% 0.68%,85.362% 0.565%,85.137% 0.461%,84.901% 0.369%,84.655% 0.287%,84.4% 0.218%,84.138% 0.161%,83.869% 0.115%,83.595% 0.083%,83.316% 0.063%,83.035% 0.056%,3.811% 0.056% );
}
Your Premier Shop for Ceramic Pro Plano
Humble Crew Auto Spa is a Hmong owned and operated Ceramic Pro Elite Shop that offers Auto Detailing, Paint Protection Film, Ceramic Pro Coating, and Window Tint.
Discover Our Services
Paint protection film (PPF), also known as clear bra, is a thin, transparent film applied to your vehicle's exterior to protect its paint from scratches, chips, UV rays, and other environmental damage.
Ceramic Pro Ultimate Armor Staff Pick
Ceramic Pro Ultimate Armor Ultimate Armor combines Ceramic Pro ION with our outstanding Kavaca Paint Protection Film, giving your vehicle complete coverage against rock chips, bird poop, stains, and grime.
What Our Professional and knowledgeable staff, offering premium services. High-quality ceramic coating and PPF application, leaving cars looking brand new. Focus on customer satisfaction, education, and long-term car care.
Had my 2024 Boost Blue CTR ceramic coated with the new Ceramic Pro Ion formulation. So far, so good! I've been letting it cure over the past 2 weeks and I must say the car looks great!
Jesse was very knowledgeable, and I can tell that they use high-quality materials and techniques that ensure durability and protection for the vehicle.
Jesse handled my Tesla Model Y with care! Quick return with a spotless finish! 10/10 recommend! The ceramic coating is PERFECT!
If you’ve been looking for your shop, this place is it. I got several bids on ppf and ceramic coating on my Miata, and honestly Jesse was not the cheapest. He really took the time to sit down ...
Established in 2018 in Minnesota, Humble Crew Auto Spa was created to give pro level auto care to anyone who wanted to take care of their cars, no matter the budget. We became obsessed with our craft, eventually earning our Master certificates in Ceramic Coatings, and becoming Ceramic Pro.
.png)
.png)
.png)
.png)
.png)
.png)