'); background-size: cover; } .hero-content { position: relative; z-index: 2; max-width: 650px; } .hero h2 { font-size: 3.5rem; margin-bottom: 20px; line-height: 1.2; } .hero p { font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9; max-width: 600px; } .hero-btns { display: flex; gap: 15px; margin-top: 30px; } .btn { padding: 12px 30px; border-radius: var(--radius); font-weight: 600; text-decoration: none; transition: var(--transition); display: inline-block; text-align: center; cursor: pointer; } .btn-primary { background-color: var(--accent); color: white; border: 2px solid var(--accent); } .btn-primary:hover { background-color: transparent; color: var(--accent); } .btn-secondary { background-color: transparent; color: white; border: 2px solid white; } .btn-secondary:hover { background-color: white; color: var(--secondary); } .hero-img { position: absolute; right: -50px; top: 50%; transform: translateY(-50%); width: 45%; max-width: 600px; border-radius: var(--radius); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); background: linear-gradient(45deg, #4f46e5, #2563eb, #0ea5e9); height: 300px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 1.5rem; } /* About Section */ .about { padding: 100px 0; background-color: white; } .section-title { text-align: center; margin-bottom: 60px; position: relative; } .section-title h2 { font-size: 2.5rem; color: var(--secondary); display: inline-block; position: relative; padding-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: var(--accent); border-radius: 2px; } .about-content { display: flex; gap: 50px; align-items: center; } .about-text { flex: 1; } .about-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--primary); } .about-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-top: 30px; } .feature { display: flex; align-items: flex-start; gap: 15px; } .feature-icon { width: 50px; height: 50px; background-color: rgba(37, 99, 235, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary); font-size: 1.2rem; flex-shrink: 0; } .feature-text h4 { margin-bottom: 5px; color: var(--dark); } .about-img { flex: 1; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); height: 400px; background: linear-gradient(45deg, #0f172a, #1e293b); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 1.2rem; } /* Products Section */ .products { padding: 100px 0; background-color: #f1f5f9; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: white; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .product-img { height: 200px; background-color: #e2e8f0; display: flex; align-items: center; justify-content: center; color: var(--gray); font-weight: bold; } .product-content { padding: 20px; } .product-content h3 { margin-bottom: 10px; color: var(--secondary); } .product-content p { color: var(--gray); margin-bottom: 15px; } .product-features { list-style: none; margin: 15px 0; } .product-features li { padding: 5px 0; display: flex; align-items: center; } .product-features li::before { content: '✓'; color: var(--primary); margin-right: 8px; font-weight: bold; } /* Capabilities */ .capabilities { padding: 100px 0; background-color: white; } .capabilities-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .capability-card { background-color: #f8fafc; border-radius: var(--radius); padding: 30px; text-align: center; box-shadow: var(--shadow); transition: var(--transition); } .capability-card:hover { transform: translateY(-5px); background-color: white; } .capability-icon { width: 70px; height: 70px; margin: 0 auto 20px; background-color: rgba(37, 99, 235, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: var(--primary); } .capability-card h3 { margin-bottom: 15px; color: var(--secondary); } /* Certifications */ .certifications { padding: 80px 0; background-color: #f1f5f9; text-align: center; } .cert-logos { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; margin-top: 40px; } .cert-logo { width: 120px; height: 120px; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow); font-weight: bold; color: var(--primary); } /* CTA Section */ .cta { padding: 100px 0; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; text-align: center; } .cta h2 { font-size: 2.5rem; margin-bottom: 20px; } .cta p { max-width: 700px; margin: 0 auto 30px; font-size: 1.1rem; opacity: 0.9; } .cta .btn { background-color: white; color: var(--primary); font-weight: 600; } .cta .btn:hover { background-color: var(--accent); color: white; } /* Footer */ footer { background-color: var(--dark); color: white; padding: 70px 0 20px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 50px; } .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: 3px; background-color: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #cbd5e1; text-decoration: none; transition: var(--transition); display: inline-block; } .footer-links a:hover { color: white; transform: translateX(5px); } .contact-info { list-style: none; } .contact-info li { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 15px; } .contact-icon { width: 20px; color: var(--accent); flex-shrink: 0; } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid #334155; color: #94a3b8; font-size: 0.9rem; } /* Responsive Design */ @media (max-width: 991px) { .hero { padding: 80px 0; } .hero-content { max-width: 100%; } .hero-img { position: relative; top: auto; right: auto; transform: none; width: 100%; max-width: 100%; margin-top: 40px; } .about-content { flex-direction: column; } .hero h2 { font-size: 2.8rem; } } @media (max-width: 768px) { .header-container { flex-direction: column; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px 10px; } .hero h2 { font-size: 2.2rem; } .hero-btns { flex-direction: column; } .section-title h2 { font-size: 2rem; } .about-features { grid-template-columns: 1fr; } .product-card { max-width: 400px; margin: 0 auto; } }
Dongguan Panni Electronic Technology specializes in designing and manufacturing high-quality Bluetooth speakers, wireless headphones, TWS earbuds, smart watches, and wireless chargers for global markets.
Dongguan Panni Electronic Technology Co., Ltd. is a professional manufacturer specializing in audio electronics and smart wearable devices. With over 10 years of industry experience, we've established ourselves as a trusted partner for global brands seeking quality manufacturing solutions.
Based in Dongguan, Guangdong, our 5,000m² factory is equipped with advanced production lines and staffed by a team of 150+ skilled professionals. We pride ourselves on our R&D capabilities, stringent quality control, and commitment to customer satisfaction.
Own manufacturing facility with complete production lines
15+ engineers developing innovative products
Products exported to 50+ countries worldwide
CE, FCC, RoHS, BQB certified products
High-quality portable and home audio solutions
Over-ear and on-ear headphones for immersive audio
True wireless stereo earbuds for daily use
Feature-rich wearable technology
Efficient charging solutions for multiple devices
Custom manufacturing solutions tailored to your needs
5 SMT production lines with automated assembly, testing facilities, and a monthly capacity of 500,000 units.
Stringent 5-stage quality inspection process including IQC, IPQC, FQC, OQC, and reliability testing.
15+ engineers working on product innovation, with 10+ new product developments each year.
Comprehensive custom manufacturing from concept to finished product with branding options.
Efficient global shipping solutions with established partnerships with major logistics providers.
Dedicated account management, responsive communication, and after-sales service team.
Ensuring quality and compliance with international standards
Whether you're looking for standard products or custom OEM/ODM solutions, Panni Electronic Technology has the expertise and capabilities to deliver quality electronics that meet your specifications and exceed your expectations.
Request a Quote Today