'); background-size: cover; color: white; text-align: center; padding: 80px 20px; margin-bottom: 40px; } .hero h1 { font-size: 2.8rem; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .hero p { font-size: 1.2rem; max-width: 700px; margin: 0 auto 30px; } .rating { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .stars { color: gold; font-size: 1.5rem; margin-right: 10px; } .cta-button { display: inline-block; background-color: var(--accent); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(0,0,0,0.2); } .cta-button:hover { background-color: #ff5252; transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); } /* Section Styles */ section { padding: 60px 0; } .section-title { text-align: center; margin-bottom: 50px; position: relative; } .section-title h2 { font-size: 2.2rem; color: var(--primary); display: inline-block; padding-bottom: 15px; } .section-title h2:after { content: ""; position: absolute; width: 80px; height: 4px; background: var(--accent); bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 2px; } /* Company Info */ .company-info { background-color: #f9f6ff; border-radius: 10px; padding: 30px; display: flex; flex-wrap: wrap; margin-bottom: 40px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .info-card { flex: 1; min-width: 250px; padding: 15px; } .info-card h3 { color: var(--secondary); margin-bottom: 15px; font-size: 1.4rem; } .info-item { margin-bottom: 12px; display: flex; } .info-label { font-weight: 600; min-width: 150px; color: var(--primary); } /* Products */ .products-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; margin-top: 20px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s; display: flex; flex-direction: column; height: 100%; } .product-card:hover { transform: translateY(-10px); } .product-image { height: 200px; background: linear-gradient(45deg, #e6e6e6, #f5f5f5); display: flex; align-items: center; justify-content: center; color: var(--gray); } .product-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; } .product-title { font-size: 1.2rem; margin-bottom: 10px; color: var(--primary); min-height: 60px; } .product-specs { margin: 10px 0; font-size: 0.9rem; color: var(--gray); } .product-specs div { margin-bottom: 5px; } .price-container { display: flex; align-items: center; margin: 15px 0; } .original-price { text-decoration: line-through; color: var(--gray); margin-right: 15px; } .sale-price { font-size: 1.3rem; font-weight: 700; color: var(--accent); } .moq { background: #eef7ff; padding: 3px 8px; border-radius: 4px; font-size: 0.85rem; display: inline-block; margin-top: 5px; } .product-badge { position: absolute; top: 15px; right: 15px; background: var(--accent); color: white; padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; } .btn-buy { background: var(--secondary); color: white; border: none; padding: 10px 15px; border-radius: 5px; cursor: pointer; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-top: auto; transition: background 0.3s; display: block; width: 100%; } .btn-buy:hover { background: var(--primary); } .clearance-section { background: #fff8f8; padding: 30px; border-radius: 10px; margin-bottom: 50px; } .clearance-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .clearance-header h2 { color: var(--accent); font-size: 2rem; } /* Categories */ .categories { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; } .category-card { background: white; border-radius: 10px; padding: 25px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s; } .category-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); } .category-icon { font-size: 2.5rem; color: var(--secondary); margin-bottom: 15px; } .category-card h3 { color: var(--primary); margin-bottom: 15px; } .category-list { list-style: none; text-align: left; } .category-list li { padding: 8px 0; border-bottom: 1px dashed #eee; } .category-list li:last-child { border-bottom: none; } /* Why Choose Us */ .features { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 25px; margin-top: 40px; } .feature-card { text-align: center; padding: 30px 20px; background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .feature-icon { font-size: 2.5rem; color: var(--secondary); margin-bottom: 20px; } .feature-card h3 { margin-bottom: 15px; color: var(--primary); } /* Contact */ .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; } .contact-info { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; padding: 40px; border-radius: 10px; } .contact-info h2 { margin-bottom: 25px; font-size: 1.8rem; } .contact-details div { margin-bottom: 20px; display: flex; align-items: flex-start; } .contact-icon { font-size: 1.5rem; margin-right: 15px; min-width: 30px; } /* Footer */ footer { background: var(--primary); color: white; padding: 50px 0 20px; margin-top: 60px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-bottom: 40px; } .footer-column h3 { font-size: 1.3rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-column h3:after { content: ""; position: absolute; width: 50px; height: 3px; background: var(--accent); bottom: 0; left: 0; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #ddd; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: var(--accent); } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: #aaa; } /* Responsive */ @media (max-width: 768px) { .header-content { flex-direction: column; text-align: center; } nav ul { margin-top: 15px; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px 10px; } .hero h1 { font-size: 2.2rem; } .section-title h2 { font-size: 1.8rem; } }
Xuchang Zhenghui Hair Products Co., Ltd. - Your trusted supplier of 100% human hair bundles, wigs, and extensions since 2019
View Clearance DealsWe source only 100% virgin human hair with cuticle aligned for the most natural look and longevity.
As a manufacturer, we offer competitive wholesale prices without middlemen markups.
We ship worldwide with reliable logistics partners and offer free shipping on bulk orders.
Customize products with your logo, special lengths, colors and textures to match your brand.
+86 123 4567 8910
Xuchang City, Henan Province, China
Mr. Yabin Zhao