'); background-size: cover; color: white; padding: 5rem 0; text-align: center; } .hero h2 { font-size: 3rem; margin-bottom: 1rem; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .hero p { font-size: 1.2rem; max-width: 700px; margin: 0 auto 2rem; } .cta-button { display: inline-block; background: #ffd166; color: #5a1c6d; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; border: 2px solid transparent; } .cta-button:hover { background: transparent; border-color: #ffd166; color: #ffd166; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Section Styling */ section { padding: 4rem 0; } .section-header { text-align: center; margin-bottom: 3rem; } .section-header h2 { font-size: 2.5rem; color: #5a1c6d; position: relative; display: inline-block; margin-bottom: 1rem; } .section-header h2:after { content: ''; position: absolute; width: 60px; height: 4px; background: #ffd166; bottom: -10px; left: 50%; transform: translateX(-50%); } .section-header p { max-width: 700px; margin: 0 auto; color: #666; font-size: 1.1rem; } /* About Section */ .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .about-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease; } .about-card:hover { transform: translateY(-10px); } .card-header { background: #5a1c6d; color: white; padding: 1.2rem; text-align: center; font-weight: 600; } .card-body { padding: 1.5rem; } .feature-list { list-style: none; } .feature-list li { padding: 0.7rem 0; border-bottom: 1px solid #eee; display: flex; align-items: center; } .feature-list li:before { content: "✓"; color: #8a2d8f; font-weight: bold; margin-right: 10px; } /* Products Section */ .product-categories { display: flex; justify-content: center; margin-bottom: 2rem; flex-wrap: wrap; } .category-btn { background: white; border: 2px solid #5a1c6d; color: #5a1c6d; padding: 8px 20px; margin: 0 5px 10px; border-radius: 30px; cursor: pointer; transition: all 0.3s ease; font-weight: 500; } .category-btn.active, .category-btn:hover { background: #5a1c6d; color: white; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: all 0.3s ease; } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .product-img { height: 200px; background: linear-gradient(45deg, #f5e1fd, #e2d2f0); display: flex; align-items: center; justify-content: center; color: #8a2d8f; font-size: 4rem; } .product-info { padding: 1.5rem; } .product-title { font-size: 1.2rem; color: #5a1c6d; margin-bottom: 0.5rem; font-weight: 600; } .product-price { color: #e74c3c; font-weight: 700; font-size: 1.1rem; margin-bottom: 0.5rem; } .product-moq { color: #666; margin-bottom: 0.8rem; font-size: 0.9rem; } .product-features { font-size: 0.95rem; color: #444; margin-bottom: 1.2rem; } .product-tags { display: flex; flex-wrap: wrap; gap: 5px; } .tag { background: #f0e6ff; color: #5a1c6d; padding: 3px 10px; border-radius: 20px; font-size: 0.8rem; } /* MOQ Section */ .moq-container { background: white; border-radius: 10px; padding: 2.5rem; box-shadow: 0 5px 15px rgba(0,0,0,0.08); max-width: 800px; margin: 0 auto; } .moq-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem; } .moq-feature { display: flex; align-items: flex-start; } .moq-icon { background: #f0e6ff; color: #8a2d8f; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-right: 15px; flex-shrink: 0; } /* Contact Section */ .contact-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .contact-info { background: #5a1c6d; color: white; border-radius: 10px; padding: 2rem; box-shadow: 0 5px 15px rgba(0,0,0,0.15); } .contact-info h3 { font-size: 1.5rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 10px; } .contact-info h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: #ffd166; } .contact-details { list-style: none; } .contact-details li { margin-bottom: 1.2rem; display: flex; align-items: flex-start; } .contact-details li i { margin-right: 10px; color: #ffd166; font-size: 1.2rem; width: 20px; } .contact-form { background: white; border-radius: 10px; padding: 2rem; box-shadow: 0 5px 15px rgba(0,0,0,0.08); } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: #444; } .form-control { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: border-color 0.3s ease; } .form-control:focus { border-color: #8a2d8f; outline: none; box-shadow: 0 0 0 3px rgba(138, 45, 143, 0.1); } textarea.form-control { min-height: 120px; resize: vertical; } .submit-btn { background: #5a1c6d; color: white; border: none; padding: 12px 30px; border-radius: 5px; font-size: 1rem; font-weight: 500; cursor: pointer; transition: all 0.3s ease; } .submit-btn:hover { background: #8a2d8f; transform: translateY(-2px); } /* Footer */ footer { background: #2d0a3d; color: #ddd; padding: 3rem 0 1.5rem; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-col h3 { color: white; margin-bottom: 1.5rem; position: relative; padding-bottom: 10px; } .footer-col h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: #ffd166; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 0.8rem; } .footer-links a { color: #bbb; text-decoration: none; transition: color 0.3s ease; } .footer-links a:hover { color: #ffd166; } .copyright { text-align: center; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: #999; } /* Responsive Design */ @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } nav ul { margin-top: 1rem; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px; } .hero h2 { font-size: 2.2rem; } .section-header h2 { font-size: 2rem; } }
Guangzhou Ruiyuelai Trading Co., Ltd. specializes in high-quality handmade headwear, fabric patches, lace ribbons, and decorative trims for weddings, stage performances, and fashion designs.
Explore Our ProductsProfessional supplier of DIY accessories with 1 year of proven reliability in the global market
Discover our premium collection of handmade decorative accessories
Exaggerated design for stage performances, photography and runway shows. Handmade with premium satin material.
Elegant design for brooches, weddings and commercial performances. Features gentle hydrosilk texture.
3D design with feather, pearl and crystal elements. Perfect for garment decoration and DIY accessories.
Perfect for wedding dresses and hat decorations. Made with organza and chiffon for delicate appearance.
Compact 5cm flower with burnt edge design. Versatile for headwear and brooches.
Crochet design in beige & colors. Ideal for holiday decorations and gift wrapping.
Elegant lace with pearl and crystal beads. Perfect for garment edging and curtain decorations.
Soft ribbon specially designed for children's accessories and bow making.
Optimized for bulk purchases and business partnerships
Minimum 50 pieces per design
300-1500 yards depending on design
Prices range from $0.23 to $3.06 per unit
Custom designs available with MOQ discussion
Reach out for quotes, custom orders, or partnership opportunities