'); background-size: cover; color: white; padding: 100px 0; text-align: center; } .hero h1 { font-size: 3.5rem; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .hero p { font-size: 1.5rem; max-width: 700px; margin: 0 auto 30px; } .btn { display: inline-block; padding: 12px 30px; background-color: var(--secondary); color: white; border-radius: 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; border: none; cursor: pointer; } .btn:hover { background-color: #e67e22; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Section Styles */ section { padding: 80px 0; } .section-header { text-align: center; margin-bottom: 60px; } .section-header h2 { font-size: 2.5rem; color: var(--primary); position: relative; display: inline-block; margin-bottom: 15px; } .section-header h2:after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: var(--secondary); } .section-header p { max-width: 700px; margin: 20px auto 0; color: var(--gray); } /* About Section */ .about-content { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; } .about-text { flex: 1; min-width: 300px; } .about-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--primary); } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 30px; } .stat-card { background-color: var(--light); border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .stat-card .number { font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 10px; } /* Products Section */ .products-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } .tab-btn { padding: 10px 25px; background-color: var(--light); border-radius: 30px; cursor: pointer; transition: all 0.3s ease; font-weight: 600; } .tab-btn.active, .tab-btn:hover { background-color: var(--primary); color: white; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease; } .product-card:hover { transform: translateY(-10px); } .product-img { height: 250px; background: linear-gradient(45deg, var(--light-gray), white); display: flex; align-items: center; justify-content: center; color: var(--gray); } .product-info { padding: 20px; } .product-title { font-size: 1.2rem; margin-bottom: 10px; color: var(--primary-dark); } .product-features { list-style: none; margin: 15px 0; } .product-features li { margin-bottom: 8px; display: flex; align-items: flex-start; } .product-features li:before { content: '✓'; color: var(--success); margin-right: 10px; font-weight: bold; } .product-price { font-size: 1.3rem; font-weight: 700; color: var(--primary); margin: 15px 0; } /* Customization Section */ .customization { background-color: var(--light); } .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .benefit-card { background-color: white; border-radius: 10px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: all 0.3s ease; } .benefit-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .benefit-icon { font-size: 3rem; color: var(--primary); margin-bottom: 20px; } .benefit-title { font-size: 1.4rem; margin-bottom: 15px; color: var(--primary); } /* Certifications */ .cert-logos { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 40px; } .cert-logo { width: 120px; height: 120px; background-color: var(--light); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--primary); } /* Contact Section */ .contact-wrapper { display: flex; flex-wrap: wrap; gap: 40px; } .contact-info { flex: 1; min-width: 300px; } .contact-list { list-style: none; margin-top: 30px; } .contact-list li { margin-bottom: 20px; display: flex; align-items: flex-start; } .contact-icon { margin-right: 15px; color: var(--primary); font-size: 1.2rem; } .contact-form { flex: 1; min-width: 300px; background-color: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 600; } .form-group input, .form-group textarea { width: 100%; padding: 12px 15px; border: 1px solid var(--light-gray); border-radius: 5px; font-family: inherit; font-size: 1rem; } .form-group textarea { height: 150px; resize: vertical; } /* Footer */ footer { background-color: var(--dark); color: white; padding: 60px 0 30px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h3 { font-size: 1.4rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background-color: var(--secondary); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: var(--light-gray); transition: color 0.3s ease; } .footer-links a:hover { color: var(--secondary); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: var(--light-gray); } /* Responsive */ @media (max-width: 768px) { .header-main { flex-direction: column; padding: 15px 0; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px 10px; } .hero h1 { font-size: 2.5rem; } .hero p { font-size: 1.2rem; } .section-header h2 { font-size: 2rem; } }
11+ Years Expertise in Cuticle Aligned, Glueless & Pre Plucked Hair Solutions
Explore Our CollectionGlobal leader in premium human hair manufacturing and trading
Founded over 11 years ago, Soboom Hair is a globally recognized manufacturer and supplier of premium 100% human hair products. Based in Guangzhou, China, we specialize in Brazilian, Cambodian, and Vietnamese hair with cuticle aligned technology.
As an AUDITED SUPPLIER certified by Alibaba, we maintain an 85.08% response rate with ≤6 hour response time. Our products are exported to USA, France, UK, Germany, Nigeria, South Africa, and more.
With 7 physical stores in the US, we support both B2B and D2C (Direct to Consumer) business models.
100% Human Hair with Cuticle Aligned, Glueless & Pre Plucked Technology
Tailor-made solutions to meet your specific requirements
Customize color, density, length, texture, lace size, and knotting style to create your perfect hair solution.
Create your own branded hair products with custom packaging, tags, and labels.
100% human hair with comprehensive quality inspection for consistent excellence.
24-hour shipping with FedEx, UPS, DHL, and overseas warehouse support.
Send your inquiry now and receive 2% discount on your first order! Selected products with up to 70% OFF.
Get Your DiscountOur commitment to quality and excellence
Get in touch with our hair experts
Reach out to our dedicated team for personalized assistance: