'); background-size: cover; background-position: center; height: 80vh; display: flex; align-items: center; justify-content: center; text-align: center; color: white; padding: 0 20px; } .hero-content { max-width: 800px; } .hero h2 { font-size: 3.5rem; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } .hero p { font-size: 1.4rem; margin-bottom: 30px; opacity: 0.9; } .cta-button { display: inline-block; background: var(--accent); color: white; text-decoration: none; padding: 12px 30px; border-radius: 30px; font-size: 1.2rem; font-weight: 600; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; } .cta-button:hover { background: #d35400; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Section Styles */ section { padding: 80px 20px; } .section-title { text-align: center; margin-bottom: 60px; } .section-title h2 { font-size: 2.5rem; color: var(--dark); position: relative; display: inline-block; padding-bottom: 15px; } .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: 20px auto 0; color: var(--gray); font-size: 1.1rem; } .container { max-width: 1200px; margin: 0 auto; } /* Capabilities Section */ .capabilities { background-color: white; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; text-align: center; } .stat-card { background: var(--light); padding: 30px 20px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; } .stat-card:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .stat-number { font-size: 3rem; font-weight: 700; color: var(--primary); margin-bottom: 10px; } .stat-title { font-size: 1.4rem; color: var(--dark); margin-bottom: 15px; } .stat-desc { color: var(--gray); } /* Products Section */ .products { background-color: #f5f7fa; } .categories { display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; } .category-btn { background: white; border: 2px solid var(--primary); color: var(--primary); padding: 10px 25px; margin: 5px; border-radius: 30px; cursor: pointer; font-weight: 600; transition: all 0.3s ease; } .category-btn.active, .category-btn:hover { background: var(--primary); color: white; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .product-img { height: 220px; background: linear-gradient(135deg, var(--secondary), var(--primary)); display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; } .product-info { padding: 20px; } .product-title { font-size: 1.3rem; margin-bottom: 10px; color: var(--dark); } .product-price { color: var(--accent); font-weight: 700; font-size: 1.2rem; margin-bottom: 10px; } .product-moq { color: var(--gray); margin-bottom: 15px; } .product-features { list-style: none; margin-top: 15px; } .product-features li { padding: 5px 0; position: relative; padding-left: 20px; } .product-features li::before { content: '✓'; color: var(--primary); position: absolute; left: 0; } /* About Section */ .about { background: linear-gradient(135deg, var(--dark), #1a2530); color: white; } .about-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; } .about-content h2 { font-size: 2.2rem; margin-bottom: 25px; position: relative; padding-bottom: 15px; } .about-content h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: var(--accent); border-radius: 2px; } .about-features { margin-top: 30px; } .feature-item { display: flex; align-items: center; margin-bottom: 20px; } .feature-icon { background: var(--accent); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; } /* Payment Section */ .payment { background-color: white; } .payment-methods { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 40px; } .payment-method { background: var(--light); padding: 15px 25px; border-radius: 8px; font-weight: 600; min-width: 150px; text-align: center; box-shadow: 0 3px 10px rgba(0,0,0,0.05); } /* Contact Section */ .contact { background-color: #f5f7fa; } .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; } .contact-info { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .contact-info h3 { font-size: 1.8rem; margin-bottom: 25px; color: var(--dark); position: relative; padding-bottom: 15px; } .contact-info h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: var(--accent); border-radius: 2px; } .contact-detail { display: flex; margin-bottom: 20px; } .contact-icon { background: var(--primary); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; } .contact-form { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--dark); } .form-control { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; transition: border 0.3s ease; } .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: 12px 30px; border-radius: 4px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .submit-btn:hover { background: #7d3c98; } /* Footer */ footer { background: var(--dark); color: white; padding: 60px 0 30px; } .footer-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; padding: 0 20px; } .footer-col h4 { font-size: 1.4rem; margin-bottom: 25px; position: relative; padding-bottom: 10px; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: var(--accent); border-radius: 2px; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #bbb; text-decoration: none; transition: all 0.3s ease; } .footer-links a:hover { color: white; padding-left: 5px; } .copyright { text-align: center; padding-top: 30px; margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.1); color: #bbb; font-size: 0.9rem; } /* Responsive Design */ @media (max-width: 768px) { .header-container { flex-direction: column; } nav ul { margin-top: 15px; flex-wrap: wrap; justify-content: center; } nav li { margin: 5px; } .hero h2 { font-size: 2.5rem; } .hero p { font-size: 1.2rem; } } @media (max-width: 480px) { .hero h2 { font-size: 2rem; } .section-title h2 { font-size: 2rem; } }
20+ years of excellence in designing and producing high-quality fashion accessories for global markets
Explore Our CollectionWith two decades of expertise, we deliver exceptional quality and service in the fashion accessories industry
Discover our extensive collection of fashion-forward hair accessories and functional bags
Fresh floral design perfect for beach vacations and casual occasions
Trendy metal clip with edgy skull design for fashion-forward looks
Sweet pastel colors with minimalist floral details
Playful acetate clip featuring ocean-themed cartoon designs
Elegant egg-shaped clutch with pearl embellishments
Trendy summer bag with unique cloud-like texture
Spacious student tote bag in durable canvas material
Waterproof business backpack with USB port and lock
Yiwu Meiya Jewelry Factory (MAYA DECORATION FACTORY) has been a trusted manufacturer and trading company since 2005, based in Yiwu, Zhejiang, China. We specialize in creating fashion-forward hair accessories and functional bags for global markets.
Alibaba Onsite Check certified
Annual output value exceeding $100 million
MOQ starting from just 2 pieces for most items
11-50 skilled professionals ensuring quality
We accommodate both small trial orders and large volume purchases
Reach out to our team for quotes, samples, or partnership opportunities
Yiwu, Zhejiang, China
+86 13757956386
Bert Cui, Sunny Su, Ben Liu