'); background-size: cover; background-position: center; height: 100vh; display: flex; align-items: center; color: white; text-align: center; padding-top: 80px; } .hero-content { max-width: 800px; margin: 0 auto; padding: 0 20px; } .hero h1 { font-size: 48px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; } .hero p { font-size: 20px; margin-bottom: 30px; opacity: 0.9; } /* Features Section */ .features { padding: 100px 0; background-color: white; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; } .feature-card { background: var(--light); border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .feature-card:hover { transform: translateY(-10px); } .feature-icon { height: 80px; display: flex; align-items: center; justify-content: center; background: var(--primary); color: white; font-size: 36px; } .feature-content { padding: 25px; } .feature-content h3 { margin-bottom: 15px; color: var(--secondary); } /* Products Section */ .products { padding: 100px 0; background-color: #f9f7f4; } .products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 8px; 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-image { height: 250px; background-color: var(--accent); position: relative; overflow: hidden; } .product-tag { position: absolute; top: 15px; right: 15px; background: var(--primary); color: white; padding: 5px 10px; border-radius: 3px; font-size: 12px; font-weight: 600; } .product-details { padding: 20px; } .product-details h3 { margin-bottom: 10px; color: var(--secondary); } .product-details p { margin-bottom: 15px; color: #666; } .product-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; } .price { font-weight: 700; color: var(--primary); font-size: 20px; } /* Process Section */ .process { padding: 100px 0; background-color: white; } .process-steps { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 50px; position: relative; } .process-steps:before { content: ''; position: absolute; top: 40px; left: 0; right: 0; height: 2px; background: var(--accent); width: 80%; margin: 0 auto; } .step { width: 25%; text-align: center; position: relative; padding: 0 15px; } .step-number { width: 80px; height: 80px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; margin: 0 auto 20px; position: relative; z-index: 2; } .step-content h3 { margin-bottom: 15px; color: var(--secondary); } /* Testimonials */ .testimonials { padding: 100px 0; background-color: #f9f7f4; } .testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; } .testimonial-card { background: white; border-radius: 8px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); position: relative; } .testimonial-card:before { content: '"'; position: absolute; top: 10px; left: 20px; font-size: 60px; color: var(--accent); opacity: 0.2; font-family: Georgia, serif; } .testimonial-text { margin-bottom: 20px; font-style: italic; color: #555; } .client-info { display: flex; align-items: center; } .client-avatar { width: 50px; height: 50px; border-radius: 50%; background: var(--primary); margin-right: 15px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; } .client-details h4 { margin-bottom: 5px; color: var(--secondary); } .client-details p { color: #777; font-size: 14px; } /* About Section */ .about { padding: 100px 0; background-color: white; } .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .about-text h2 { margin-bottom: 25px; color: var(--secondary); } .about-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .stat-item { text-align: center; padding: 20px; background: var(--light); border-radius: 8px; } .stat-number { font-size: 36px; font-weight: 700; color: var(--primary); margin-bottom: 5px; } .stat-text { color: #666; font-size: 14px; } /* Contact Section */ .contact { padding: 100px 0; background-color: #f9f7f4; } .contact-container { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } .contact-info { display: flex; flex-direction: column; } .contact-item { display: flex; margin-bottom: 25px; } .contact-icon { width: 50px; height: 50px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 15px; flex-shrink: 0; } .contact-details h3 { margin-bottom: 5px; color: var(--secondary); } .contact-form .form-group { margin-bottom: 20px; } .contact-form input, .contact-form textarea { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; } .contact-form textarea { height: 150px; resize: vertical; } /* Footer */ footer { background: var(--dark); color: white; padding: 60px 0 30px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 40px; } .footer-column h3 { color: var(--accent); margin-bottom: 20px; font-size: 20px; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #ccc; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: white; } .social-links { display: flex; gap: 15px; margin-top: 20px; } .social-link { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: background 0.3s; } .social-link:hover { background: var(--primary); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: #aaa; font-size: 14px; } /* Responsive */ @media (max-width: 992px) { .step { width: 50%; margin-bottom: 40px; } .about-content, .contact-container { grid-template-columns: 1fr; } } @media (max-width: 768px) { .nav-menu { position: fixed; top: 80px; left: -100%; background: white; width: 100%; flex-direction: column; padding: 20px 0; box-shadow: 0 5px 10px rgba(0,0,0,0.1); transition: 0.3s; } .nav-menu.active { left: 0; } .nav-menu li { margin: 10px 20px; } .mobile-toggle { display: block; } .hero h1 { font-size: 36px; } .hero p { font-size: 18px; } .section-title { font-size: 28px; } } @media (max-width: 576px) { .step { width: 100%; } .stat-number { font-size: 28px; } }
Crafted with 100% Virgin Human Hair | Customized to Perfection
Our wigs and extensions are made exclusively from premium, unprocessed human hair that maintains its natural cuticle alignment for exceptional quality and longevity.
Create your perfect look with our made-to-order service. Choose length, density, color, cap construction, and hairline design tailored to your preferences.
Experience unparalleled comfort with our innovative cap designs that offer secure attachment and undetectable hairlines for natural-looking results.
Featuring a sheer lace front for a natural hairline and versatile styling options. Available in multiple cap constructions.
Ultimate versatility with a full lace base allowing for updo styles and natural parting anywhere on the cap.
Complete perimeter lace for maximum styling flexibility. Perfect for high ponytails and updo styles.
Premium clip-in, tape-in, and sew-in extensions for instant length and volume. Perfect match to our wigs.
We source only the finest 100% virgin human hair from trusted suppliers worldwide.
Your specifications for length, density, color, and cap construction are carefully noted.
Skilled artisans ventilate each hair strand by hand into the chosen cap base.
Every piece undergoes rigorous inspection to ensure perfection before shipping.
The lace front wig I ordered from Rawhair has completely transformed my look. The hair quality is exceptional and the hairline is undetectable. I've received so many compliments!
New York, USA
As a salon owner, I demand the best for my clients. Rawhair consistently delivers premium quality wigs that exceed expectations. Their custom service is unparalleled.
Salon Owner, Miami
I've been wearing wigs for 10 years and Rawhair is by far the best I've found. The comfort, natural appearance, and durability make it worth every penny. Customer service is fantastic!
London, UK
Founded in 2010, Rawhair has established itself as a leader in premium human hair products. With our state-of-the-art manufacturing facility and team of master artisans, we combine traditional craftsmanship with modern technology to create exceptional wigs and hair extensions.
Our commitment to ethical sourcing and sustainable practices ensures that every product not only looks beautiful but is created with integrity. We maintain direct relationships with our hair donors and follow strict quality control protocols at every stage of production.
123 Haircraft Avenue, Beauty District, Shanghai, China 200000
+86 21 1234 5678
Monday-Friday: 9AM - 6PM (GMT+8)