'); background-size: cover; background-position: center; color: white; text-align: center; padding: 100px 20px; position: relative; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3rem; margin-bottom: 20px; font-weight: 800; } .hero p { font-size: 1.2rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .cta-button { display: inline-block; background: var(--accent); color: white; text-decoration: none; padding: 12px 30px; border-radius: 30px; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; border: 2px solid var(--accent); } .cta-button:hover { background: transparent; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .stats-container { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 50px; } .stat-box { background: rgba(255, 255, 255, 0.1); padding: 20px 30px; border-radius: 10px; min-width: 180px; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.2); } .stat-box .number { font-size: 2.5rem; font-weight: 700; margin-bottom: 5px; } .stat-box .label { font-size: 0.9rem; opacity: 0.9; } /* Section Styles */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 60px; position: relative; } .section-title h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 15px; } .section-title p { color: var(--gray); max-width: 700px; margin: 0 auto; } .section-title::after { content: ''; display: block; width: 80px; height: 4px; background: var(--secondary); margin: 15px auto 0; border-radius: 2px; } /* About Section */ .about-content { display: flex; gap: 40px; align-items: center; } .about-text { flex: 1; } .about-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--primary); } .certification { display: flex; align-items: center; gap: 15px; margin-top: 30px; padding: 15px; background: rgba(0, 71, 171, 0.05); border-radius: 8px; border-left: 4px solid var(--secondary); } .certification .icon { font-size: 2.5rem; color: var(--primary); } /* Services Section */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .service-card { background: white; border-radius: 10px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 4px solid var(--primary); position: relative; overflow: hidden; } .service-card::before { content: ''; position: absolute; top: -20px; right: -20px; width: 60px; height: 60px; background: var(--secondary); border-radius: 50%; opacity: 0.1; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .service-card h3 { font-size: 1.4rem; margin-bottom: 15px; color: var(--primary); } .service-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; } /* Products Section */ .category-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } .category-tab { padding: 10px 25px; background: white; border: 1px solid #ddd; border-radius: 30px; cursor: pointer; transition: all 0.3s ease; font-weight: 500; } .category-tab.active, .category-tab:hover { background: var(--primary); color: white; border-color: var(--primary); } .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: transform 0.3s ease; position: relative; } .product-card:hover { transform: translateY(-10px); } .product-image { height: 200px; background: linear-gradient(45deg, #f8f9fa, #e9ecef); display: flex; align-items: center; justify-content: center; color: var(--gray); font-weight: 600; } .product-info { padding: 20px; } .product-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; } .tag { padding: 4px 10px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; } .tag.hot { background: #ffecec; color: var(--accent); } .tag.new { background: #e6f7ff; color: #1890ff; } .tag.certified { background: #e6f4ea; color: #389e0d; } .product-title { font-size: 1.2rem; margin-bottom: 10px; color: var(--dark); } .product-price { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; } .current-price { font-size: 1.3rem; font-weight: 700; color: var(--accent); } .original-price { font-size: 0.9rem; color: var(--gray); text-decoration: line-through; } .product-meta { display: flex; justify-content: space-between; border-top: 1px solid #eee; padding-top: 15px; font-size: 0.9rem; } .moq { background: #f0f5ff; padding: 2px 8px; border-radius: 4px; color: var(--primary); font-weight: 500; } .return-policy { color: #389e0d; font-weight: 500; } /* Promotions Section */ .promotions { background: linear-gradient(135deg, #fff8f8 0%, #f0f5ff 100%); position: relative; overflow: hidden; } .promotions::before { content: ''; position: absolute; top: -100px; right: -100px; width: 300px; height: 300px; background: var(--accent); border-radius: 50%; opacity: 0.05; } .promo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .promo-card { background: white; border-radius: 10px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; position: relative; border: 2px dashed var(--accent); } .discount-badge { position: absolute; top: -15px; right: 20px; background: var(--accent); color: white; padding: 8px 15px; border-radius: 20px; font-weight: 700; font-size: 1.1rem; } .promo-price { font-size: 2.5rem; font-weight: 800; color: var(--accent); margin: 20px 0; } .original-promo-price { font-size: 1.2rem; color: var(--gray); text-decoration: line-through; margin-bottom: 20px; } /* Advantages Section */ .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; } .advantage-card { background: white; border-radius: 10px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: transform 0.3s ease; } .advantage-card:hover { transform: translateY(-10px); } .advantage-icon { width: 70px; height: 70px; border-radius: 50%; background: rgba(0, 71, 171, 0.1); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 1.8rem; color: var(--primary); } /* Contact Section */ .contact { background: linear-gradient(135deg, var(--primary) 0%, #002d72 100%); color: white; } .contact .section-title h2, .contact .section-title p { color: white; } .contact .section-title::after { background: var(--secondary); } .contact-container { display: flex; gap: 50px; } .contact-info { flex: 1; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 30px; } .contact-detail { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px; } .contact-icon { font-size: 1.5rem; color: var(--secondary); } .contact-form { flex: 1; background: white; padding: 30px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; color: var(--dark); font-weight: 500; } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: border-color 0.3s ease; } .form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: var(--primary); outline: none; } .form-group textarea { min-height: 120px; resize: vertical; } .submit-btn { background: var(--primary); color: white; border: none; padding: 12px 30px; border-radius: 5px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .submit-btn:hover { background: #003d8f; transform: translateY(-2px); } /* Footer */ footer { background: var(--dark); color: white; padding: 60px 0 30px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h3 { font-size: 1.3rem; 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(--secondary); } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 12px; } .footer-col ul li a { color: #aaa; text-decoration: none; transition: color 0.3s ease; } .footer-col ul li a:hover { color: var(--secondary); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid #444; color: #aaa; font-size: 0.9rem; } /* Responsive Design */ @media (max-width: 992px) { .about-content { flex-direction: column; } .contact-container { flex-direction: column; } } @media (max-width: 768px) { nav ul { display: none; } .hero h2 { font-size: 2.2rem; } section { padding: 60px 0; } .stats-container { gap: 20px; } .stat-box { padding: 15px 20px; min-width: 140px; } .stat-box .number { font-size: 2rem; } } @media (max-width: 480px) { .hero { padding: 70px 20px; } .hero h2 { font-size: 1.8rem; } .stats-container { flex-direction: column; align-items: center; } .section-title h2 { font-size: 2rem; } }
With over 11 years of experience, BA Jewelry specializes in OEM/ODM custom jewelry, keychains, bags, socks and accessories. TÜV Rheinland certified quality with competitive pricing.
Explore Our ProductsYiwu Boutique Accessory Jewelry Co., LTD (BA) is a professional manufacturer and supplier of high-quality fashion accessories since 2017.
Located in the heart of China's manufacturing hub, Zhejiang Province, we leverage over 11 years of industry expertise to deliver exceptional products to global markets including North America, South America, and Europe.
Our 450㎡ facility employs skilled craftsmen who ensure every product meets international quality standards. With annual online revenue exceeding $190,000, we've established ourselves as a reliable partner for businesses worldwide.
Rigorous quality assurance through Supplier Assessment and Onsite Check verification
We provide comprehensive manufacturing solutions tailored to your business needs
Full OEM & ODM services including color customization, logo application, 3D name engraving, and laser engraving. We support free samples for new products.
Spot wholesale, single supply, and bulk supply with multiple shipping methods including express, air, and sea freight to optimize your logistics.
With 97.7% on-time delivery rate and ≤2 hour average response time, we ensure seamless business operations and quick resolution to inquiries.
Our customer service team provides 24/7 support in German, Italian, Portuguese, French, Spanish, Russian, Japanese, Vietnamese, Turkish, Dutch, and Indonesian.
Explore our premium range of fashion accessories and jewelry
Multifunctional keychain with wristband and silicone beads
OEM/ODM with leather tassel and silicone beads
Food grade silicone with disc design and tassel
Adjustable with 3D text pendant and fabric embroidery
Crossbody purse with phone pocket, perfect as a mom bag
Extra large 18" (45.7cm) stocking for holiday decorations
Zippered case with velvet lining and ring slots
Zippered coin purse style jewelry case with compact size
Special discounts on selected products - Up to 60% OFF
Perfect for jewelry and accessory businesses
Trendy designs for fashion retailers
Holiday decorations and gift items
Why global businesses choose BA Jewelry as their manufacturing partner
Minimum order quantities as low as 2 pieces with wholesale pricing and regular discounts
Continuous introduction of new fashion styles including seasonal collections like 2025 Christmas series
TÜV Rheinland certification ensuring product safety and manufacturing excellence
24/7 customer support with ≤2 hour response time and 99.44% quick response rate
Multiple shipping options including express, air, and sea freight tailored to order requirements
4.7/5 store rating with Easy Return policy ensuring risk-free business partnership
Reach out for quotes, samples, or business inquiries
Zhejiang, China (Yiwu Accessory Manufacturing Hub)
24/7 Online Support (All Time Zones)
Manufacturing Operations: Monday-Saturday 8:00-18:00 (GMT+8)
German, Italian, Portuguese, French, Spanish, Russian, Japanese, Vietnamese, Turkish, Dutch, Indonesian