'); background-size: cover; color: white; padding: 80px 0; text-align: center; } .hero h2 { font-size: 2.8rem; margin-bottom: 20px; max-width: 800px; margin-left: auto; margin-right: auto; } .hero p { font-size: 1.2rem; max-width: 700px; margin: 0 auto 30px; opacity: 0.9; } .cta-button { display: inline-block; background: var(--accent); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s; box-shadow: 0 4px 15px rgba(232, 67, 147, 0.35); } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(232, 67, 147, 0.5); background: #d8317c; } /* Section Styles */ section { padding: 80px 0; } .section-header { text-align: center; margin-bottom: 50px; } .section-header h2 { font-size: 2.2rem; color: var(--primary); position: relative; display: inline-block; padding-bottom: 15px; } .section-header h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: var(--accent); } .section-header p { max-width: 700px; margin: 15px auto 0; color: var(--text); } /* About Section */ .about-content { background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); padding: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .about-info { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .info-card { background: var(--light); border-radius: 10px; padding: 20px; border-left: 4px solid var(--primary); } .info-card h3 { color: var(--primary); margin-bottom: 10px; font-size: 1.1rem; } .info-card p { font-size: 0.95rem; } /* Advantages Section */ .advantages { background: linear-gradient(to bottom, #f5f7ff, #f9f7fe); } .advantage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .advantage-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: transform 0.3s; } .advantage-card:hover { transform: translateY(-10px); } .card-header { background: var(--primary); color: white; padding: 20px; font-weight: 600; font-size: 1.2rem; } .card-body { padding: 20px; } .card-body ul { list-style: none; } .card-body li { padding: 10px 0; border-bottom: 1px solid var(--border); display: flex; gap: 10px; } .card-body li:last-child { border-bottom: none; } .card-body li::before { content: "✓"; color: var(--success); font-weight: bold; } /* Products Section */ .product-categories { display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; flex-wrap: wrap; } .category-btn { padding: 10px 25px; background: white; border: 2px solid var(--border); border-radius: 30px; cursor: pointer; font-weight: 600; transition: all 0.3s; } .category-btn.active, .category-btn:hover { background: var(--primary); color: white; border-color: var(--primary); } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s; } .product-card:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .product-img { height: 200px; background: linear-gradient(45deg, #e0c3fc, #8ec5fc); position: relative; display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,0.2); } .product-info { padding: 20px; } .product-title { font-weight: 600; margin-bottom: 10px; color: var(--dark); } .product-meta { display: flex; justify-content: space-between; margin: 15px 0; font-size: 0.9rem; } .price { color: var(--accent); font-weight: 700; } .min-order { background: var(--light); padding: 3px 10px; border-radius: 20px; font-size: 0.85rem; } .return-badge { display: inline-block; background: var(--success); color: white; padding: 3px 10px; border-radius: 20px; font-size: 0.8rem; margin-top: 10px; } /* Compliance Section */ .compliance { background: linear-gradient(to bottom, #f9f7fe, #f5f7ff); } .certificate-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .certificate-card { background: white; border-radius: 10px; padding: 25px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .certificate-card h3 { color: var(--primary); margin-bottom: 15px; } /* Contact Section */ .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .contact-info { background: var(--primary); color: white; border-radius: 15px; padding: 30px; } .contact-info h3 { margin-bottom: 20px; font-size: 1.5rem; } .contact-person { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.2); } .contact-person:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .contact-form { background: white; border-radius: 15px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-group input, .form-group textarea { width: 100%; padding: 12px 15px; border: 1px solid var(--border); border-radius: 8px; font-size: 1rem; } .form-group textarea { min-height: 120px; } .submit-btn { background: var(--accent); color: white; border: none; padding: 12px 30px; border-radius: 30px; font-weight: 600; cursor: pointer; font-size: 1rem; transition: all 0.3s; } .submit-btn:hover { background: #d8317c; } /* Footer */ footer { background: var(--dark); color: white; padding: 50px 0 20px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 40px; } .footer-col h3 { font-size: 1.2rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: var(--accent); } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 10px; } .footer-col ul li a { color: #bdc3c7; text-decoration: none; transition: all 0.3s; } .footer-col ul li a:hover { color: white; padding-left: 5px; } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); color: #95a5a6; font-size: 0.9rem; } /* Responsive Design */ @media (max-width: 992px) { .about-content { grid-template-columns: 1fr; } .contact-grid { grid-template-columns: 1fr; } nav ul { gap: 15px; } } @media (max-width: 768px) { .header-content { flex-direction: column; gap: 15px; } .about-info { grid-template-columns: 1fr; } section { padding: 60px 0; } .hero h2 { font-size: 2.2rem; } } @media (max-width: 576px) { .section-header h2 { font-size: 1.8rem; } .hero { padding: 60px 0; } .hero h2 { font-size: 1.8rem; } }
JOY STAR is your trusted partner for premium wigs, nail art products, eyelash extensions, and fragrances. Offering OEM/ODM services with fast turnaround and global compliance.
Request a QuoteBeijing Joystar Wedo Technology Co., Ltd. (JOY STAR) is a professional beauty manufacturing company providing high-quality products to global markets.
Founded in 2025, JOY STAR has been a pioneer in the beauty industry since 2008. We specialize in trend-responsive manufacturing for wigs, nail art, eyelashes, and fragrances.
With a team of 11-50 professionals and 501-1000 m² of office/warehouse space, we serve customers across North America, Africa, Western Europe, Northern Europe, Eastern Europe, and global markets.
Trading Company
Beijing, China
Global Export: North America, Africa, Europe
Alibaba Verified Supplier with 100% Response Rate
Why global clients choose JOY STAR as their beauty products partner
Premium beauty products designed for global markets
Human hair material, thin water wave long wig, small cap size, light and breathable
Worry-Free ReturnYouthful style, realistic hair cap, voluminous style with transparent lace
Heat-resistant fiber material, classic black color, easy maintenance
Quality assurance for global market access
Partner factories comply with ISO and FDA requirements
CE and RoHS certified products
Certificate of Compliance, WJT Certificate, UTC Verification
Annual feedback from 1500+ global clients drives improvements
Get in touch to discuss OEM/ODM opportunities
International Business Development
Product Management
Customer Relations
Logistics & Compliance
Technical Support
OEM/ODM Services Available
Payment Method: T/T (Bank Transfer)
Languages: English + 11 other languages supported