'); background-size: cover; background-position: center; color: white; padding: 5rem 0; text-align: center; } .hero h1 { font-size: 3rem; margin-bottom: 1rem; animation: fadeInDown 1s ease; } .hero p { font-size: 1.3rem; max-width: 700px; margin: 0 auto 2rem; animation: fadeInUp 1s ease; } .cta-button { display: inline-block; background: var(--accent); color: white; text-decoration: none; padding: 0.8rem 2rem; border-radius: 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; animation: pulse 2s infinite; border: none; cursor: pointer; } .cta-button:hover { background: #ff0676; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); } /* Stats Section */ .stats { background-color: white; padding: 3rem 0; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .stats-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; text-align: center; } .stat-item { padding: 1.5rem; } .stat-number { font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 0.5rem; } .stat-label { font-size: 1.1rem; color: var(--secondary); font-weight: 500; } /* Sections Common Styles */ section { padding: 5rem 0; } .section-title { text-align: center; margin-bottom: 3rem; } .section-title h2 { font-size: 2.5rem; color: var(--primary); position: relative; display: inline-block; padding-bottom: 0.5rem; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--accent); border-radius: 2px; } .section-title p { max-width: 700px; margin: 1rem auto 0; color: #666; font-size: 1.1rem; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .about-text { padding-right: 2rem; } .about-text h3 { font-size: 1.8rem; margin-bottom: 1.5rem; color: var(--secondary); } .about-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-top: 2rem; } .feature-card { background: white; padding: 1.5rem; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .feature-card:hover { transform: translateY(-5px); } .feature-card h4 { color: var(--primary); margin-bottom: 0.5rem; } /* Products Section */ .products-tabs { display: flex; justify-content: center; margin-bottom: 2rem; flex-wrap: wrap; } .tab-btn { background: #e9ecef; border: none; padding: 0.8rem 1.5rem; margin: 0.5rem; border-radius: 30px; cursor: pointer; font-weight: 500; transition: all 0.3s ease; } .tab-btn.active, .tab-btn:hover { background: var(--primary); color: white; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .product-image { height: 200px; background: linear-gradient(45deg, #f5f7fa, #e4e7f0); display: flex; align-items: center; justify-content: center; color: var(--primary); font-weight: 700; font-size: 1.1rem; } .product-info { padding: 1.5rem; } .product-info h3 { font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--dark); } .product-meta { display: flex; justify-content: space-between; margin: 1rem 0; padding: 1rem 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .price, .moq { font-weight: 600; } .price { color: var(--accent); } .features { margin-top: 1rem; } .features span { display: inline-block; background: #eef2ff; color: var(--primary); padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.85rem; margin: 0.3rem; } /* Services Section */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } .service-card { text-align: center; padding: 2rem; background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .service-icon { font-size: 3rem; color: var(--primary); margin-bottom: 1.5rem; } .service-card h3 { font-size: 1.4rem; margin-bottom: 1rem; color: var(--secondary); } /* Payment Section */ .payment-methods { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; } .payment-method { background: white; padding: 1.5rem; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; min-width: 120px; } /* Contact Section */ .contact-container { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; } .contact-info { padding-right: 1rem; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 1.5rem; color: var(--secondary); } .contact-detail { display: flex; align-items: flex-start; margin-bottom: 1.5rem; } .contact-icon { font-size: 1.5rem; color: var(--primary); margin-right: 1rem; min-width: 30px; } .contact-form { background: white; padding: 2rem; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 0.8rem; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; } .form-group textarea { height: 150px; resize: vertical; } /* Footer */ footer { background: var(--dark); color: white; padding: 4rem 0 2rem; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } .footer-logo { font-size: 1.8rem; font-weight: 700; margin-bottom: 1rem; display: block; } .footer-logo span { color: var(--accent); } .footer-links h3 { font-size: 1.3rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; } .footer-links h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: var(--accent); } .footer-links ul { list-style: none; } .footer-links li { margin-bottom: 0.8rem; } .footer-links a { color: #ccc; text-decoration: none; transition: color 0.3s ease; } .footer-links a:hover { color: var(--accent); } .copyright { text-align: center; padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #444; color: #aaa; } /* Animations */ @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(247, 37, 133, 0.6); } 70% { box-shadow: 0 0 0 15px rgba(247, 37, 133, 0); } 100% { box-shadow: 0 0 0 0 rgba(247, 37, 133, 0); } } /* Responsive Design */ @media (max-width: 992px) { .about-content, .contact-container { grid-template-columns: 1fr; } .about-text { padding-right: 0; } .hero h1 { font-size: 2.5rem; } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } nav { position: fixed; top: 70px; left: -100%; width: 80%; height: calc(100vh - 70px); background: var(--secondary); transition: all 0.4s ease; padding: 2rem; } nav.active { left: 0; } nav ul { flex-direction: column; } nav ul li { margin: 1rem 0; } .section-title h2 { font-size: 2rem; } .hero { padding: 3rem 0; } .hero h1 { font-size: 2rem; } .hero p { font-size: 1.1rem; } .stats-container { grid-template-columns: repeat(2, 1fr); } .about-features { grid-template-columns: 1fr; } } @media (max-width: 576px) { .stats-container { grid-template-columns: 1fr; } .products-grid { grid-template-columns: 1fr; } .payment-methods { flex-direction: column; align-items: center; } }
Guangzhou Caidi International Trade: Your trusted partner for authentic human hair extensions, lace wigs, and hair bundles sourced globally
Request a QuoteOnsite-verified manufacturer and supplier of premium hair products
Established in 2023, we are a professional hair products manufacturer and supplier based in Guangdong, China. With a dedicated team of 11-50 professionals and a production facility spanning 1000 m², we specialize in creating premium hair extensions, lace wigs, and braided wigs.
Our annual production capacity of $5-$10 million allows us to serve clients worldwide with consistent quality and reliable supply. As a verified manufacturer, trading company, and wholesaler, we've successfully completed over 554 transactions valued at $580,000+.
Onsite-checked facility ensuring quality control at every production stage
Sourcing authentic Brazilian, Peruvian, Vietnamese and Burmese human hair
Direct factory pricing with low MOQ starting from 1 piece
All products covered with warranty and insurance for your peace of mind
Explore our extensive range of high-quality hair products
Premium Brazilian hair with 250% density, HD transparent lace, glueless design
Ultra-dense 250% virgin Brazilian hair with 13x4/5x5 lace frontal
Vietnamese human hair with 210% density, ginger balayage color
Why choose us as your hair products supplier
Extensive range of hair products with competitive pricing and low MOQ starting from just 1 piece
Efficient logistics with delivery within 3-5 working days worldwide
One-on-one online support and professional guidance for your specific needs
All products covered with comprehensive warranty and insurance
Flexible and secure payment options for your convenience
Telegraphic Transfer
Documents Against Payment/Acceptance
Secure Online Payments
Visa, MasterCard
International Money Transfer
Secure Third-Party Payments
Get in touch for quotes, product inquiries, or partnership opportunities
We're ready to answer any questions you may have about our products or services. Our team typically responds within 6 hours.
Guangdong, China
Manufacturer, Trading Company, Distributor/Wholesaler
Onsite Check Verified Supplier