'); background-size: cover; background-position: center; color: var(--white); padding: 100px 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3rem; margin-bottom: 20px; animation: fadeIn 1s ease; } .hero p { font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9; } .btn { display: inline-block; background-color: var(--accent); color: var(--white); padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: var(--transition); border: none; cursor: pointer; font-size: 1rem; } .btn:hover { background-color: #ec407a; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Section Styles */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 60px; } .section-title h2 { font-size: 2.2rem; color: var(--primary); position: relative; display: inline-block; padding-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 3px; background-color: var(--accent); } /* About Section */ .about-content { display: flex; align-items: center; gap: 40px; } .about-text { flex: 1; } .about-text h3 { color: var(--primary); font-size: 1.8rem; margin-bottom: 20px; } .about-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .stat-box { background-color: var(--white); padding: 20px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: var(--transition); } .stat-box:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .stat-box .number { font-size: 2rem; font-weight: 700; color: var(--secondary); margin-bottom: 10px; } .about-image { flex: 1; background: linear-gradient(45deg, var(--primary), var(--secondary)); height: 400px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; text-align: center; padding: 20px; } /* Features Section */ .features { background-color: var(--light); } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .feature-card { background-color: var(--white); padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: var(--transition); } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .feature-icon { width: 70px; height: 70px; background: linear-gradient(45deg, var(--primary), var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: white; font-size: 1.8rem; } .feature-card h3 { color: var(--primary); margin-bottom: 15px; } /* Products Section */ .product-filters { display: flex; justify-content: center; gap: 15px; margin-bottom: 40px; flex-wrap: wrap; } .filter-btn { background-color: var(--white); border: 2px solid var(--light); padding: 8px 20px; border-radius: 30px; cursor: pointer; transition: var(--transition); font-weight: 500; } .filter-btn:hover, .filter-btn.active { background-color: var(--secondary); color: var(--white); border-color: var(--secondary); } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: var(--white); border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .product-img { height: 200px; background: linear-gradient(45deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; color: white; } .product-info { padding: 20px; } .product-info h3 { color: var(--primary); margin-bottom: 10px; font-size: 1.2rem; } .product-info p { color: #666; margin-bottom: 15px; font-size: 0.95rem; } .product-price { font-weight: 700; color: var(--secondary); font-size: 1.2rem; margin-bottom: 15px; } .product-features { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; } .feature-tag { background-color: var(--light); color: var(--primary); padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; } /* Contact Section */ .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; } .contact-info { background: linear-gradient(135deg, var(--primary), var(--dark)); color: white; padding: 40px; border-radius: 10px; } .contact-info h3 { font-size: 1.5rem; margin-bottom: 20px; position: relative; padding-bottom: 15px; } .contact-info h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background-color: var(--accent); } .contact-detail { display: flex; align-items: flex-start; margin-bottom: 25px; } .contact-icon { margin-right: 15px; font-size: 1.2rem; color: var(--accent); } .contact-form { background-color: var(--white); padding: 40px; border-radius: 10px; box-shadow: 0 5px 25px rgba(0,0,0,0.08); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-control { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: var(--transition); } .form-control:focus { border-color: var(--secondary); outline: none; box-shadow: 0 0 0 3px rgba(92, 107, 192, 0.2); } textarea.form-control { min-height: 120px; resize: vertical; } /* Footer */ footer { background-color: var(--dark); color: var(--white); padding: 60px 0 30px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { font-size: 1.2rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #bbb; text-decoration: none; transition: var(--transition); } .footer-links a:hover { color: var(--accent); padding-left: 5px; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: #bbb; font-size: 0.9rem; } /* Responsive */ @media (max-width: 992px) { .about-content { flex-direction: column; } .about-image { width: 100%; } } @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px 10px; } .hero h2 { font-size: 2.2rem; } } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
Guangzhou Mermaid Wig Co., Ltd. specializes in high-quality human hair products with over 10 years of industry expertise. Wholesale pricing available for retailers worldwide.
Explore Our CollectionGuangzhou Mermaid Wig Co., Ltd. is a professional trading company based in Guangdong, China, specializing in premium 100% human hair wigs, closures, and hair extensions. With a core team possessing over 10 years of industry experience, we've established a reputation for quality and reliability.
Our products are crafted using superior materials including Brazilian, Vietnamese, Indian, Peruvian, and Chinese human hair. We implement advanced techniques such as cuticle alignment, double weft, and double drawn processes to ensure exceptional quality.
All products made with 100% human hair including Brazilian, Vietnamese, Indian, Peruvian and Chinese hair. Featuring Remy human hair with cuticle aligned for maximum shine and durability.
Utilizing HD transparent lace, Swiss lace, pre-plucked hairlines, bleached knots and glueless designs for natural appearance and comfortable wear.
Special "Wear and Go" designs with 3-second application technology. Multiple density options from 200% to 350% for customized fullness.
Verified by onsite checks with 100% response rate and ≤1 hour response time. All products meet international quality standards.
100% human hair, glueless, wear and go design
Transparent Swiss lace, glueless, raw Brazilian hair
Human Remy bulk hair for braiding, afro kinky texture
High-density Brazilian afro kinky curly wig with bangs
Body wave transparent lace front closure with baby hair
Half wig with drawstring, seamless clip-ins, flip over design
Guangdong, China
Monday - Friday: 9:00 AM - 6:00 PM (GMT+8)
Guaranteed response within 1 hour during business hours