@extends("layouts.app")
@section("title", "Warranty & Service — ".setting("site_name"))
@section("content")
<section class="pt-24 pb-16 section-navy text-white relative overflow-hidden"><div class="absolute inset-0 opacity-20" style="background-image: radial-gradient(circle at 30% 70%, rgba(26, 170, 163, 0.5) 0%, transparent 55%);"></div><div class="relative max-w-7xl mx-auto px-5 lg:px-8"><div class="grid md:grid-cols-2 gap-12 items-center"><div><p class="text-white/60 text-xs uppercase tracking-[0.4em] mb-3 font-body" style="opacity: 1; transform: none;">Peace of Mind</p><h1 class="text-4xl md:text-5xl font-bold font-heading mb-5" style="opacity: 1; transform: none;">Warranty &amp;<br><span class="text-gradient-brand">Vehicle Service</span></h1><p class="text-white/65 font-body leading-relaxed mb-6" style="opacity: 1; transform: none;">Every Future Motors EV is backed by comprehensive factory warranty coverage — protecting your investment from day one.</p><div class="flex flex-wrap gap-3" style="opacity: 1; transform: none;"><div class="flex items-center gap-2 px-4 py-2.5 rounded-xl" style="background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-battery w-4 h-4" style="color: rgb(26, 170, 163);"><rect width="16" height="10" x="2" y="7" rx="2" ry="2"></rect><line x1="22" x2="22" y1="11" y2="13"></line></svg><span class="text-sm font-semibold font-heading text-white">5-Year Battery</span></div><div class="flex items-center gap-2 px-4 py-2.5 rounded-xl" style="background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-4 h-4" style="color: rgb(26, 170, 163);"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-sm font-semibold font-heading text-white">3-Year Motor</span></div><div class="flex items-center gap-2 px-4 py-2.5 rounded-xl" style="background: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4" style="color: rgb(26, 170, 163);"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span class="text-sm font-semibold font-heading text-white">2-Year Vehicle</span></div></div></div><div class="flex items-center justify-center" style="opacity: 1; transform: none;"><div class="relative"><div class="w-56 h-56 rounded-full" style="border: 2px dashed rgba(26, 170, 163, 0.3); transform: rotate(302.832deg);"></div><div class="absolute inset-6 rounded-full flex items-center justify-center" style="background: linear-gradient(135deg, rgba(26, 170, 163, 0.15), rgba(25, 46, 110, 0.25));"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-24 h-24" style="color: rgb(26, 170, 163);"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="absolute w-12 h-12 rounded-full flex items-center justify-center text-white text-xs font-bold font-heading shadow-lg" style="background: rgb(26, 170, 163); left: 50%; top: 4%; transform: translate(-50%, -50%);">5 Yrs</div><div class="absolute w-12 h-12 rounded-full flex items-center justify-center text-white text-xs font-bold font-heading shadow-lg" style="background: rgb(25, 46, 110); left: 89.8372%; top: 73%; transform: translate(-50%, -50%);">3 Yrs</div><div class="absolute w-12 h-12 rounded-full flex items-center justify-center text-white text-xs font-bold font-heading shadow-lg" style="background: rgb(48, 168, 115); left: 10.1628%; top: 73%; transform: translate(-50%, -50%);">2 Yrs</div></div></div></div></div></section><section class="py-20 section-white"><div class="max-w-7xl mx-auto px-5 lg:px-8"><div class="reveal "><div class="text-center mb-14"><p class="text-xs font-bold tracking-[0.35em] uppercase mb-3 font-body" style="color: rgb(26, 170, 163);">Coverage Details</p><h2 class="text-3xl md:text-4xl font-bold text-gray-900 font-heading">What's Covered</h2></div></div><div class="grid md:grid-cols-3 gap-6"><div class="reveal "><div class="rounded-2xl border border-gray-100 bg-white overflow-hidden h-full flex flex-col"><div class="p-6" style="background: rgba(26, 170, 163, 0.07);"><div class="flex items-center justify-between mb-3"><div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: white;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-battery w-6 h-6" style="color: rgb(26, 170, 163);"><rect width="16" height="10" x="2" y="7" rx="2" ry="2"></rect><line x1="22" x2="22" y1="11" y2="13"></line></svg></div><div class="text-right"><p class="text-3xl font-bold font-heading" style="color: rgb(26, 170, 163);">5 Years</p><p class="text-[11px] text-gray-500 font-body">Coverage Period</p></div></div><h3 class="text-lg font-bold text-gray-900 font-heading">Battery Warranty</h3><p class="text-xs text-gray-500 font-body">CATL Battery Pack Coverage</p></div><div class="p-6 flex-1 flex flex-col"><div class="mb-5 flex-1"><p class="text-[11px] font-bold uppercase tracking-wide text-gray-400 font-heading mb-3">What's Covered</p><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(26, 170, 163);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Full battery pack replacement if capacity drops below 80%</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(26, 170, 163);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Cell-level defect coverage</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(26, 170, 163);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>BMS (Battery Management System) faults</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(26, 170, 163);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Thermal runaway protection coverage</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(26, 170, 163);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Covers all charge cycles within normal usage</li></ul></div><div><p class="text-[11px] font-bold uppercase tracking-wide text-gray-400 font-heading mb-2">Exclusions</p><ul class="space-y-1.5"><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Physical damage or water ingress</li><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Unauthorized battery modifications</li><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Use of non-approved chargers</li></ul></div></div></div></div><div class="reveal "><div class="rounded-2xl border border-gray-100 bg-white overflow-hidden h-full flex flex-col"><div class="p-6" style="background: rgba(25, 46, 110, 0.07);"><div class="flex items-center justify-between mb-3"><div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: white;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-6 h-6" style="color: rgb(25, 46, 110);"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div class="text-right"><p class="text-3xl font-bold font-heading" style="color: rgb(25, 46, 110);">3 Years</p><p class="text-[11px] text-gray-500 font-body">Coverage Period</p></div></div><h3 class="text-lg font-bold text-gray-900 font-heading">Motor &amp; Drivetrain</h3><p class="text-xs text-gray-500 font-body">Electric Motor &amp; Powertrain</p></div><div class="p-6 flex-1 flex flex-col"><div class="mb-5 flex-1"><p class="text-[11px] font-bold uppercase tracking-wide text-gray-400 font-heading mb-3">What's Covered</p><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(25, 46, 110);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Electric motor defects and failures</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(25, 46, 110);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Motor controller issues</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(25, 46, 110);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Reduction gearbox faults</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(25, 46, 110);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Regenerative braking system (electrical components)</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(25, 46, 110);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>On-site recovery for motor-related failures</li></ul></div><div><p class="text-[11px] font-bold uppercase tracking-wide text-gray-400 font-heading mb-2">Exclusions</p><ul class="space-y-1.5"><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Wear items (brake pads, tyres)</li><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Accidental damage</li><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Neglected servicing</li></ul></div></div></div></div><div class="reveal "><div class="rounded-2xl border border-gray-100 bg-white overflow-hidden h-full flex flex-col"><div class="p-6" style="background: rgba(48, 168, 115, 0.07);"><div class="flex items-center justify-between mb-3"><div class="w-12 h-12 rounded-2xl flex items-center justify-center" style="background: white;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-6 h-6" style="color: rgb(48, 168, 115);"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="text-right"><p class="text-3xl font-bold font-heading" style="color: rgb(48, 168, 115);">2 Years</p><p class="text-[11px] text-gray-500 font-body">Coverage Period</p></div></div><h3 class="text-lg font-bold text-gray-900 font-heading">Vehicle Warranty</h3><p class="text-xs text-gray-500 font-body">Comprehensive Vehicle Coverage</p></div><div class="p-6 flex-1 flex flex-col"><div class="mb-5 flex-1"><p class="text-[11px] font-bold uppercase tracking-wide text-gray-400 font-heading mb-3">What's Covered</p><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(48, 168, 115);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Structural defects in bodywork and chassis</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(48, 168, 115);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Electrical system faults (non-battery)</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(48, 168, 115);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>HVAC and climate control systems</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(48, 168, 115);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>Interior trim and assembly defects</li><li class="flex items-start gap-2 text-sm text-gray-600 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-3.5 h-3.5 flex-shrink-0 mt-0.5" style="color: rgb(48, 168, 115);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>All electronic control units (ECUs)</li></ul></div><div><p class="text-[11px] font-bold uppercase tracking-wide text-gray-400 font-heading mb-2">Exclusions</p><ul class="space-y-1.5"><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Normal wear and tear</li><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Accident damage</li><li class="flex items-start gap-2 text-xs text-gray-400 font-body"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert w-3 h-3 flex-shrink-0 mt-0.5 text-gray-300"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>Cosmetic damage after delivery</li></ul></div></div></div></div></div></div></section><section class="py-20 section-snow"><div class="max-w-7xl mx-auto px-5 lg:px-8"><div class="reveal "><div class="text-center mb-14"><p class="text-xs font-bold tracking-[0.35em] uppercase mb-3 font-body" style="color: rgb(26, 170, 163);">How It Works</p><h2 class="text-3xl font-bold text-gray-900 font-heading">Service Process</h2></div></div><div class="grid md:grid-cols-5 gap-4"><div class="reveal "><div class="relative text-center p-5"><div class="w-12 h-12 rounded-full mx-auto mb-4 flex items-center justify-center text-white font-bold text-sm font-heading" style="background: linear-gradient(135deg, rgb(26, 170, 163), rgb(48, 168, 115));">1</div><div class="hidden md:block absolute top-10 left-[60%] right-[-40%] h-px" style="background: linear-gradient(90deg, rgb(26, 170, 163), transparent);"></div><h4 class="text-sm font-bold text-gray-900 font-heading mb-1">Contact Us</h4><p class="text-xs text-gray-500 font-body">Call or visit any authorized service center</p></div></div><div class="reveal "><div class="relative text-center p-5"><div class="w-12 h-12 rounded-full mx-auto mb-4 flex items-center justify-center text-white font-bold text-sm font-heading" style="background: linear-gradient(135deg, rgb(26, 170, 163), rgb(48, 168, 115));">2</div><div class="hidden md:block absolute top-10 left-[60%] right-[-40%] h-px" style="background: linear-gradient(90deg, rgb(26, 170, 163), transparent);"></div><h4 class="text-sm font-bold text-gray-900 font-heading mb-1">Inspection</h4><p class="text-xs text-gray-500 font-body">Certified technician diagnoses your vehicle</p></div></div><div class="reveal "><div class="relative text-center p-5"><div class="w-12 h-12 rounded-full mx-auto mb-4 flex items-center justify-center text-white font-bold text-sm font-heading" style="background: linear-gradient(135deg, rgb(26, 170, 163), rgb(48, 168, 115));">3</div><div class="hidden md:block absolute top-10 left-[60%] right-[-40%] h-px" style="background: linear-gradient(90deg, rgb(26, 170, 163), transparent);"></div><h4 class="text-sm font-bold text-gray-900 font-heading mb-1">Claim Approval</h4><p class="text-xs text-gray-500 font-body">Warranty coverage confirmed within 24 hrs</p></div></div><div class="reveal "><div class="relative text-center p-5"><div class="w-12 h-12 rounded-full mx-auto mb-4 flex items-center justify-center text-white font-bold text-sm font-heading" style="background: linear-gradient(135deg, rgb(26, 170, 163), rgb(48, 168, 115));">4</div><div class="hidden md:block absolute top-10 left-[60%] right-[-40%] h-px" style="background: linear-gradient(90deg, rgb(26, 170, 163), transparent);"></div><h4 class="text-sm font-bold text-gray-900 font-heading mb-1">Repair / Replace</h4><p class="text-xs text-gray-500 font-body">Genuine parts and certified repair completed</p></div></div><div class="reveal "><div class="relative text-center p-5"><div class="w-12 h-12 rounded-full mx-auto mb-4 flex items-center justify-center text-white font-bold text-sm font-heading" style="background: linear-gradient(135deg, rgb(26, 170, 163), rgb(48, 168, 115));">5</div><h4 class="text-sm font-bold text-gray-900 font-heading mb-1">Quality Check</h4><p class="text-xs text-gray-500 font-body">Full vehicle test before handover</p></div></div></div></div></section><section class="py-20 section-white"><div class="max-w-3xl mx-auto px-5 lg:px-8"><div class="reveal "><div class="text-center mb-12"><p class="text-xs font-bold tracking-[0.35em] uppercase mb-3 font-body" style="color: rgb(26, 170, 163);">Questions</p><h2 class="text-3xl font-bold text-gray-900 font-heading">Warranty FAQ</h2></div></div><div class="space-y-3"><div class="reveal "><div class="border border-gray-100 rounded-2xl overflow-hidden bg-white"><button class="w-full flex items-center justify-between p-5 text-left gap-4 hover:bg-gray-50 transition-colors"><span class="text-sm font-semibold text-gray-900 font-heading">How do I register my vehicle warranty?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-gray-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="reveal "><div class="border border-gray-100 rounded-2xl overflow-hidden bg-white"><button class="w-full flex items-center justify-between p-5 text-left gap-4 hover:bg-gray-50 transition-colors"><span class="text-sm font-semibold text-gray-900 font-heading">Can warranty service be done at any Future Motors service center?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-gray-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="reveal "><div class="border border-gray-100 rounded-2xl overflow-hidden bg-white"><button class="w-full flex items-center justify-between p-5 text-left gap-4 hover:bg-gray-50 transition-colors"><span class="text-sm font-semibold text-gray-900 font-heading">What happens if my battery capacity drops significantly?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-gray-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="reveal "><div class="border border-gray-100 rounded-2xl overflow-hidden bg-white"><button class="w-full flex items-center justify-between p-5 text-left gap-4 hover:bg-gray-50 transition-colors"><span class="text-sm font-semibold text-gray-900 font-heading">Is the warranty transferable if I sell my vehicle?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-gray-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="reveal "><div class="border border-gray-100 rounded-2xl overflow-hidden bg-white"><button class="w-full flex items-center justify-between p-5 text-left gap-4 hover:bg-gray-50 transition-colors"><span class="text-sm font-semibold text-gray-900 font-heading">Does the warranty cover roadside breakdown?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-gray-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="reveal "><div class="border border-gray-100 rounded-2xl overflow-hidden bg-white"><button class="w-full flex items-center justify-between p-5 text-left gap-4 hover:bg-gray-50 transition-colors"><span class="text-sm font-semibold text-gray-900 font-heading">What chargers are approved to maintain warranty validity?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-gray-400 flex-shrink-0"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div></div></section><section class="py-16 section-navy text-white"><div class="max-w-3xl mx-auto px-5 text-center"><div class="reveal "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-10 h-10 mx-auto mb-4" style="color: rgb(26, 170, 163);"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><h2 class="text-3xl font-bold font-heading mb-3">Need Warranty Support?</h2><p class="text-white/60 font-body mb-6">Our after-sales team is ready to assist with any warranty claim or service inquiry.</p><div class="flex flex-wrap gap-4 justify-center"><a href="tel:015920119" class="btn-primary px-8 py-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-4 h-4"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg> Call Service: 01-5920119</a><button class="btn-outline-white px-8 py-4" data-open-booking>Submit Warranty Claim <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div></section>
@endsection