@vite(['resources/css/app.css', 'resources/js/app.js']) @php $products = [ ['image' => '/images/product1.png', 'name' => 'VoltEdge Max', 'tagline' => 'High-density backup battery'], ['image' => '/images/product2.png', 'name' => 'ChargeCore Neo', 'tagline' => 'Fast-recovery smart power'], ['image' => '/images/product3.png', 'name' => 'GridFlow X', 'tagline' => 'Stable output for demanding loads'], ['image' => '/images/product4.png', 'name' => 'AmpVault Pro', 'tagline' => 'Heavy-duty cycle endurance'], ['image' => '/images/product5.png', 'name' => 'SolarStack Air', 'tagline' => 'Clean storage for hybrid systems'], ['image' => '/images/product6.png', 'name' => 'PulseReserve Elite', 'tagline' => 'Premium finish. Peak reliability.'], ]; @endphp
Power, Reimagined

Premium energy that looks as advanced as it performs.

Discover a refined battery collection designed for modern mobility, home backup, and industrial uptime. The rotating 3D showcase highlights each product face with a smooth pause-and-reveal sequence for a high-end storefront experience.

Shop Collection See Why It Stands Out
6 Faces Looped 3D product storytelling
3s Pause Every face takes the spotlight
24/7 Ready Built for premium commerce hero banners
@foreach ($products as $product) @php $classes = ['face-front', 'face-right', 'face-back', 'face-left', 'face-top', 'face-bottom']; @endphp
{{ $product['name'] }}
{{ $product['name'] }}
{{ $product['name'] }} {{ $product['tagline'] }}
0{{ $loop->iteration }}
@endforeach
Scroll

Designed to Feel Premium on Every Screen

This hero is built with CSS 3D transforms, glassmorphism layering, responsive scaling, soft motion blur during transitions, dynamic lighting, a reflective floor, and pointer-based parallax. The animation rotates face-by-face in an infinite loop with a three-second pause, giving each product image a clear hero moment without overwhelming the layout.