'); background-size: cover; } .hero-content { max-width: 800px; margin: 0 auto; position: relative; z-index: 2; } .hero h1 { font-size: 3.5rem; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.2); } .hero p { font-size: 1.25rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .cta-button { display: inline-block; background: white; color: var(--primary); padding: 15px 40px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 18px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); } /* Section Styling */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 60px; } .section-title h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 15px; position: relative; display: inline-block; } .section-title h2::after { content: ""; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--secondary); } .section-title p { color: var(--gray); max-width: 700px; margin: 20px auto 0; } /* About Section */ .about-content { display: flex; align-items: center; gap: 50px; flex-wrap: wrap; } .about-text { flex: 1; min-width: 300px; } .about-text h3 { font-size: 2rem; margin-bottom: 20px; color: var(--dark); } .about-image { flex: 1; min-width: 300px; height: 400px; background: linear-gradient(45deg, #8c52ff, #ff66c4); border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); position: relative; overflow: hidden; } .about-image::before { content: "Yuexiu Hair"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; color: white; font-weight: 700; opacity: 0.8; } /* Products Section */ .products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 40px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); } .product-image { height: 220px; background: linear-gradient(45deg, #5ce1e6, #8c52ff); position: relative; } .product-image::before { content: "Hair Product"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 1.5rem; font-weight: 600; } .product-info { padding: 25px; } .product-info h3 { font-size: 1.5rem; margin-bottom: 10px; color: var(--dark); } .product-info p { color: var(--gray); margin-bottom: 15px; } /* Why Us Section */ .why-us { background: linear-gradient(to bottom, #ffffff, #f0f5ff); } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .feature-card { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); text-align: center; transition: all 0.3s ease; } .feature-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .feature-icon { width: 70px; height: 70px; background: var(--primary); border-radius: 50%; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; color: white; font-size: 28px; } .feature-card h3 { margin-bottom: 15px; color: var(--dark); } /* Process Section */ .process-steps { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; position: relative; } .process-steps::before { content: ""; position: absolute; top: 40px; left: 50px; right: 50px; height: 3px; background: var(--accent); z-index: 0; } .step { text-align: center; width: 200px; position: relative; z-index: 1; margin-bottom: 30px; } .step-number { width: 80px; height: 80px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; font-weight: 700; margin: 0 auto 20px; } .step h3 { margin-bottom: 10px; color: var(--dark); } /* Testimonials */ .testimonials { background: linear-gradient(to bottom, #f0f5ff, #ffffff); } .testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .testimonial-card { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); position: relative; } .testimonial-card::before { content: """; position: absolute; top: 10px; left: 20px; font-size: 80px; color: rgba(140, 82, 255, 0.1); font-family: Georgia, serif; line-height: 1; } .testimonial-content { margin-top: 20px; position: relative; z-index: 2; } .client-info { display: flex; align-items: center; margin-top: 20px; } .client-avatar { width: 50px; height: 50px; border-radius: 50%; background: var(--secondary); margin-right: 15px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; } /* Contact Section */ .contact-container { display: flex; gap: 50px; flex-wrap: wrap; } .contact-info { flex: 1; min-width: 300px; } .contact-form { flex: 1; min-width: 300px; } .info-item { display: flex; margin-bottom: 25px; } .info-icon { width: 50px; height: 50px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; margin-right: 15px; flex-shrink: 0; } .form-group { margin-bottom: 20px; } .form-control { width: 100%; padding: 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 16px; transition: border-color 0.3s; } .form-control:focus { border-color: var(--primary); outline: none; } textarea.form-control { min-height: 150px; resize: vertical; } .submit-btn { background: var(--primary); color: white; border: none; padding: 15px 40px; border-radius: 50px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .submit-btn:hover { background: var(--secondary); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } /* Footer */ footer { background: var(--dark); color: white; padding: 60px 0 30px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-logo { font-size: 24px; font-weight: 700; margin-bottom: 20px; color: white; } .footer-links h3 { font-size: 18px; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-links h3::after { content: ""; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--accent); } .footer-links ul { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #bbb; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: var(--accent); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #bbb; font-size: 14px; } /* Responsive */ @media (max-width: 768px) { .nav-menu { width: 100%; margin-top: 15px; justify-content: center; } .nav-menu li { margin: 0 10px; } .hero h1 { font-size: 2.5rem; } .process-steps::before { display: none; } .step { width: 100%; margin-bottom: 40px; } }
Yuexiu Hair specializes in high-quality human hair wigs, extensions, and hairpieces. With over 10 years of experience, we provide customized solutions for salons, retailers, and distributors worldwide.
Explore ProductsYour trusted partner for premium hair solutions
Established in 2010, Yuexiu Hair has grown to become a leading manufacturer of human hair products. Based in Guangzhou, China, we combine traditional craftsmanship with modern technology to produce exceptional hair solutions.
Our state-of-the-art facility covers over 5,000 square meters and employs more than 200 skilled workers. We maintain rigorous quality control standards throughout our production process to ensure every product meets international specifications.
At Yuexiu Hair, we believe in ethical sourcing and sustainable practices. We work directly with trusted suppliers to obtain the finest quality human hair while ensuring fair treatment for all involved in our supply chain.
Premium quality for diverse customer needs
Lace front, full lace, monofilament wigs with natural hairlines and comfortable caps.
Varieties: Straight, Body Wave, Curly, Kinky Curly
Clip-in, tape-in, micro-link, and sew-in extensions in various lengths and textures.
Types: Brazilian, Peruvian, Malaysian, Indian
Customizable solutions for thinning hair, offering natural coverage and volume.
Features: Silk base, mono base, hand-tied
High-quality synthetic alternatives with heat-resistant options up to 180°C.
Benefits: Affordable, low maintenance, vibrant colors
Advantages that set us apart in the hair industry
We use only 100% human hair with intact cuticles, ensuring natural look, feel, and longevity.
Tailor-made products including color, texture, density, and cap construction based on your requirements.
Direct factory pricing with no middlemen, offering best value for wholesale buyers.
Efficient logistics network to deliver products worldwide within 7-15 business days.
Meticulous craftsmanship at every stage
Ethical collection of premium raw hair from trusted sources
Strand-by-strand sorting and thorough sanitization process
Cuticle alignment, coloring, and texture creation
Hand-tied knots and meticulous cap construction
Multiple inspection stages for durability and appearance
What our customers say about our products
"Yuexiu Hair has been our primary supplier for 3 years. Their consistent quality and attention to detail have helped our salon business grow significantly."
Salon Owner, USA
"The custom wigs we ordered for our boutique exceeded expectations. The color matching was perfect and the hair feels incredibly natural."
Boutique Owner, UK
"As a distributor, I appreciate their MOQ flexibility and fast turnaround times. Their customer service team is always responsive and helpful."
Distributor, UAE
Get in touch for quotes and inquiries
No. 128 Hair Industry Road, Guangzhou, China 510000
+86 20 8888 9999
Monday - Friday: 8:30 AM - 6:00 PM (GMT+8)