Collection: Charge Collection
<style>
/* PREMIUM CHARGING CABLE PAGE */
.premium-cable-wrapper { max-width: 1400px; margin: 0 auto; padding: 40px 20px; background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%); }
/* HERO SECTION */
.cable-hero-premium { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-bottom: 100px; padding: 60px 40px; background: white; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,26,77,0.08); }
.cable-hero-image { text-align: center; position: relative; }
.cable-hero-image img { max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 30px 80px rgba(0,0,0,0.15); }
.cable-premium-badge { position: absolute; top: -20px; right: -20px; background: linear-gradient(135deg, #ff6b35 0%, #ff4757 100%); color: white; padding: 12px 24px; border-radius: 50px; font-weight: 700; font-size: 14px; box-shadow: 0 10px 30px rgba(255,71,87,0.3); }
.cable-details-premium h1 { font-size: 48px; font-weight: 900; color: #001a4d; margin-bottom: 16px; line-height: 1.2; }
.cable-tagline { font-size: 20px; color: #ff6b35; font-weight: 600; margin-bottom: 24px; letter-spacing: 1px; }
.cable-subtitle { font-size: 16px; color: #666; margin-bottom: 32px; line-height: 1.8; }
/* PRICING PREMIUM SECTION */
.pricing-premium { background: linear-gradient(135deg, #001a4d 0%, #002d7a 100%); color: white; padding: 32px; border-radius: 12px; margin-bottom: 40px; }
.price-display { font-size: 48px; font-weight: 900; margin-bottom: 8px; }
.price-original { text-decoration: line-through; font-size: 24px; opacity: 0.7; margin-left: 12px; }
.price-savings { color: #00d4ff; font-size: 18px; font-weight: 700; display: block; margin-top: 12px; }
.limited-stock { background: rgba(255, 107, 53, 0.2); border-left: 4px solid #ff6b35; padding: 12px 16px; margin-top: 16px; border-radius: 4px; font-size: 14px; color: #ff9566; }
/* FEATURES PREMIUM */
.cable-features-premium { list-style: none; padding: 0; margin-bottom: 40px; }
.cable-features-premium li { padding: 16px 0; border-bottom: 1px solid #eee; font-size: 16px; color: #333; display: flex; align-items: flex-start; gap: 16px; }
.cable-features-premium li:last-child { border-bottom: none; }
.feature-icon { font-size: 24px; min-width: 30px; }
.feature-text { flex: 1; }
.feature-title { font-weight: 700; color: #001a4d; margin-bottom: 4px; }
.feature-desc { font-size: 14px; color: #666; }
/* CTA BUTTONS PREMIUM */
.cta-buttons-premium { display: flex; gap: 16px; margin-bottom: 40px; }
.btn-primary-premium { flex: 1; padding: 18px 32px; background: linear-gradient(135deg, #ff6b35 0%, #ff4757 100%); color: white; border: none; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; box-shadow: 0 10px 30px rgba(255,71,87,0.3); }
.btn-primary-premium:hover { transform: translateY(-4px); box-shadow: 0 15px 45px rgba(255,71,87,0.4); }
.btn-secondary-premium { flex: 1; padding: 18px 32px; background: white; color: #001a4d; border: 2px solid #001a4d; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; text-decoration: none; text-align: center; }
.btn-secondary-premium:hover { background: #001a4d; color: white; }
/* SPECIFICATIONS SECTION */
.specs-premium { background: #f8f9fa; padding: 60px 40px; margin-bottom: 80px; border-radius: 16px; }
.specs-title { font-size: 36px; font-weight: 900; color: #001a4d; margin-bottom: 40px; text-align: center; }
.specs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.spec-item { text-align: center; }
.spec-icon { font-size: 40px; margin-bottom: 16px; }
.spec-label { font-weight: 700; color: #001a4d; margin-bottom: 8px; font-size: 16px; }
.spec-value { color: #666; font-size: 14px; }
/* TESTIMONIALS PREMIUM */
.testimonials-premium { margin-bottom: 80px; }
.testimonials-title { font-size: 36px; font-weight: 900; color: #001a4d; margin-bottom: 40px; text-align: center; }
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.testimonial-card { background: white; padding: 32px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.stars { color: #ffc107; font-size: 18px; margin-bottom: 16px; }
.testimonial-text { color: #333; font-size: 15px; margin-bottom: 20px; line-height: 1.6; }
.testimonial-author { font-weight: 700; color: #001a4d; font-size: 14px; }
.testimonial-title { color: #666; font-size: 13px; }
/* FAQ PREMIUM */
.faq-premium { background: white; padding: 60px 40px; border-radius: 16px; margin-bottom: 80px; }
.faq-title { font-size: 36px; font-weight: 900; color: #001a4d; margin-bottom: 40px; text-align: center; }
.faq-item { border-bottom: 1px solid #eee; padding: 24px 0; }
.faq-item:last-child { border-bottom: none; }
.faq-question { font-weight: 700; color: #001a4d; font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.faq-answer { color: #666; font-size: 15px; margin-top: 16px; line-height: 1.6; display: none; }
.faq-item.active .faq-answer { display: block; }
/* WARRANTY SECTION */
.warranty-premium { background: linear-gradient(135deg, #001a4d 0%, #002d7a 100%); color: white; padding: 60px 40px; border-radius: 16px; text-align: center; margin-bottom: 80px; }
.warranty-title { font-size: 32px; font-weight: 900; margin-bottom: 24px; }
.warranty-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px; }
.warranty-item-icon { font-size: 48px; margin-bottom: 16px; }
.warranty-item-text { font-size: 16px; }
/* RESPONSIVE */
@media (max-width: 1200px) {
.cable-hero-premium { grid-template-columns: 1fr; gap: 40px; }
.specs-grid { grid-template-columns: repeat(2, 1fr); }
.testimonials-grid { grid-template-columns: repeat(2, 1fr); }
.warranty-items { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
.cable-hero-premium { padding: 30px 20px; }
.cable-details-premium h1 { font-size: 32px; }
.price-display { font-size: 36px; }
.specs-grid { grid-template-columns: 1fr; }
.testimonials-grid { grid-template-columns: 1fr; }
.cta-buttons-premium { flex-direction: column; }
.cable-hero-premium { gap: 30px; }
}
</style>
<div class="premium-cable-wrapper">
<!-- HERO SECTION -->
<div class="cable-hero-premium">
<div class="cable-hero-image">
<div class="cable-premium-badge">⭐ BEST SELLER</div>
<img src="https://cdn.shopify.com/s/files/1/0740/5195/2376/products/[CABLE_IMAGE]" alt="Premium 240W Charging Cable with Phone Stand">
</div>
<div class="cable-details-premium">
<h1>The Ultimate 240W Charging Cable & Phone Stand</h1>
<p class="cable-tagline">2-in-1 Innovation. Premium Engineering. Revolutionary Design.</p>
<p class="cable-subtitle">Experience the future of mobile charging with our flagship 240W cable featuring an integrated foldable phone stand. Engineered for professionals, gamers, and anyone who demands the best.</p>
<div class="pricing-premium">
<div class="price-display">$7.99 <span class="price-original">$14.99</span></div>
<div class="price-savings">✓ Save 47% - Limited Time Offer</div>
<div class="limited-stock">📦 Only 47 units left in stock - Order soon!</div>
</div>
<ul class="cable-features-premium">
<li>
<span class="feature-icon">⚡</span>
<div class="feature-text">
<div class="feature-title">240W Ultra-Fast Charging</div>
<div class="feature-desc">Fastest charging technology - fully charge your device in minutes, not hours</div>
</div>
</li>
<li>
<span class="feature-icon">📱</span>
<div class="feature-text">
<div class="feature-title">Built-In Foldable Phone Stand</div>
<div class="feature-desc">Invisible stand design - perfect viewing angle for any landscape or portrait use</div>
</div>
</li>
<li>
<span class="feature-icon">🔄</span>
<div class="feature-text">
<div class="feature-title">10,000+ Bend Tested</div>
<div class="feature-desc">Premium braided cable rated for 10,000+ bends - built to last years of daily use</div>
</div>
</li>
<li>
<span class="feature-icon">🌍</span>
<div class="feature-text">
<div class="feature-title">Universal Compatibility</div>
<div class="feature-desc">USB-C to USB-C - Works with all modern devices: iPhones, Android, tablets, laptops</div>
</div>
</li>
<li>
<span class="feature-icon">✈️</span>
<div class="feature-text">
<div class="feature-title">Travel-Friendly Compact Design</div>
<div class="feature-desc">Folds to pocket size - perfect for office, car, travel, and gaming setups</div>
</div>
</li>
</ul>
<div class="cta-buttons-premium">
<a href="/cart/add?id=[PRODUCT_ID]" class="btn-primary-premium">🛒 Add to Cart - Limited Stock!</a>
<a href="[PRODUCT_URL]" class="btn-secondary-premium">📖 Learn More</a>
</div>
<div style="font-size: 12px; color: #999; text-align: center;">
✓ Free Shipping | ✓ 60-Day Money Back Guarantee | ✓ Lifetime Support
</div>
</div>
</div>
<!-- SPECIFICATIONS SECTION -->
<div class="specs-premium">
<h2 class="specs-title">Technical Specifications</h2>
<div class="specs-grid">
<div class="spec-item">
<div class="spec-icon">⚡</div>
<div class="spec-label">Power Output</div>
<div class="spec-value">240W Maximum</div>
</div>
<div class="spec-item">
<div class="spec-icon">🔌</div>
<div class="spec-label">Connector</div>
<div class="spec-value">USB-C to USB-C</div>
</div>
<div class="spec-item">
<div class="spec-icon">📏</div>
<div class="spec-label">Cable Length</div>
<div class="spec-value">6.6 feet (2 meters)</div>
</div>
<div class="spec-item">
<div class="spec-icon">💪</div>
<div class="spec-label">Durability</div>
<div class="spec-value">10,000+ Bend Rated</div>
</div>
</div>
</div>
<!-- TESTIMONIALS SECTION -->
<div class="testimonials-premium">
<h2 class="testimonials-title">What Customers Are Saying</h2>
<div class="testimonials-grid">
<div class="testimonial-card">
<div class="stars">⭐⭐⭐⭐⭐</div>
<p class="testimonial-text">"Best charging cable I've ever owned. The built-in stand is genius, and the 240W charging is incredibly fast. Worth every penny!"</p>
<div class="testimonial-author">Sarah M.</div>
<div class="testimonial-title">Verified Purchase</div>
</div>
<div class="testimonial-card">
<div class="stars">⭐⭐⭐⭐⭐</div>
<p class="testimonial-text">"I use this for gaming and work. The stand feature is perfect for watching videos while charging. Haven't found a better cable anywhere."</p>
<div class="testimonial-author">James L.</div>
<div class="testimonial-title">Verified Purchase</div>
</div>
<div class="testimonial-card">
<div class="stars">⭐⭐⭐⭐⭐</div>
<p class="testimonial-text">"The 240W charging is mind-blowing. My phone goes from 0-100% in under 20 minutes. The build quality feels premium and durable."</p>
<div class="testimonial-author">Mike T.</div>
<div class="testimonial-title">Verified Purchase</div>
</div>
</div>
</div>
<!-- FAQ SECTION -->
<div class="faq-premium">
<h2 class="faq-title">Frequently Asked Questions</h2>
<div class="faq-item active">
<div class="faq-question">Is this cable compatible with my iPhone? <span>+</span></div>
<div class="faq-answer">Yes! This cable works with all iPhones with USB-C ports (iPhone 15+), as well as all modern Android phones, tablets, MacBooks, and other USB-C devices. Check your device's charging port to confirm USB-C compatibility.</div>
</div>
<div class="faq-item">
<div class="faq-question">How fast is the 240W charging? <span>+</span></div>
<div class="faq-answer">Our 240W cable is one of the fastest on the market. Most devices can reach 100% charge in 20-30 minutes, depending on your device's battery capacity and power adapter. Actual charging speed depends on your device's maximum charging wattage.</div>
</div>
<div class="faq-item">
<div class="faq-question">Will this cable damage my device? <span>+</span></div>
<div class="faq-answer">No. Our cable includes intelligent power management and safety chips to protect your devices. It's certified safe for all major device brands and backed by our lifetime quality guarantee.</div>
</div>
<div class="faq-item">
<div class="faq-question">How durable is the braided design? <span>+</span></div>
<div class="faq-answer">Our premium braided cable has been tested for 10,000+ bends without degradation. Under normal daily use, this cable will last 5+ years. We also offer a lifetime warranty covering any defects.</div>
</div>
<div class="faq-item">
<div class="faq-question">Can I use the stand while charging? <span>+</span></div>
<div class="faq-answer">Absolutely! The integrated foldable stand is designed to support your device while charging in landscape or portrait mode. Perfect for gaming, video watching, or video calls while charging.</div>
</div>
</div>
<!-- WARRANTY SECTION -->
<div class="warranty-premium">
<h2 class="warranty-title">Premium Guarantee Package</h2>
<div class="warranty-items">
<div>
<div class="warranty-item-icon">💰</div>
<div class="warranty-item-text"><strong>60-Day Money Back Guarantee</strong><br>Not satisfied? Full refund, no questions asked.</div>
</div>
<div>
<div class="warranty-item-icon">♾️</div>
<div class="warranty-item-text"><strong>Lifetime Warranty</strong><br>Manufacturer defects covered forever.</div>
</div>
<div>
<div class="warranty-item-icon">🚚</div>
<div class="warranty-item-text"><strong>Free Priority Shipping</strong><br>Arrives in 1-2 business days.</div>
</div>
</div>
</div>
</div>
<script>
// FAQ Toggle
document.querySelectorAll('.faq-item').forEach(item => {
item.querySelector('.faq-question').addEventListener('click', function() {
item.classList.toggle('active');
item.querySelector('span').textContent = item.classList.contains('active') ? '−' : '+';
});
});
</script>