mars-ev

As a user, I want to experience the full Home page so I can view the 3D hero section with a rotating/interactive EV model, scroll through the parallax storytelling sequence ('Choose Your EV' → 'Get Instant Approval' → 'Drive & Earn'), view animated stats (₹100Cr+ disbursed, 10,000+ customers, 50+ cities counting up on scroll), the 'Why Choose Us' icon animation section, the step-by-step process animation, the testimonials auto-sliding carousel, floating 'Apply Now' and WhatsApp buttons, and a scroll progress indicator. Implement based on the existing Home (v2) JSX design. Links to: Loan Products page, EMI Calculator page, Lead Form page.

As a user, I want to fill out a high-conversion lead form (Name, Phone, City, Loan Type, Loan Amount) in a premium glassmorphism card style with button glow animation and input focus animations so I can apply for an EV loan and receive an instant loan offer. Implement based on the existing Lead Form (v1) JSX design. This page is the final conversion step reached from Home, Loan Products, and EMI Calculator pages.

As a user, I want to use an interactive EMI calculator with slider-based inputs for loan amount and tenure so I can instantly see my estimated monthly EMI with animated number transitions and smooth UI feedback. Implement based on the existing EMI Calculator (v2) JSX design. This page is reachable from the Home page and Loan Products page, and links to the Lead Form page. Support both individual and bulk/fleet EMI calculation scenarios.

As a user, I want to view frequently asked questions in an accordion format with smooth expand/collapse transitions so I can quickly find answers about the loan process, documentation requirements, and eligibility. Implement based on the existing FAQ (v1) JSX design. This page is reachable from the Home page and is a key trust-building section for Commercial Fleet Operators reviewing loan FAQs.

As a user, I want to browse EV loan products (E-Rickshaw Loan, EV Bike Loan, Battery Finance, Commercial EV Loan) displayed as floating glassmorphism cards with hover lift, glow border animation, and subtle 3D tilt effects so I can select the right loan for my needs. Implement based on the existing Loan Products (v2) JSX design. This page is reached from the Home page and links to the EMI Calculator and Lead Form pages. Include both individual and commercial loan product listings.

As a user, I want the EMI calculator to use a reliable backend API for accurate EMI computation so that results are consistent and trustworthy. Build a FastAPI endpoint (GET /api/v1/emi/calculate) accepting loan amount, tenure, and interest rate, returning computed EMI and amortization summary. Supports the EMI Calculator page for all user personas.

As a user, I want to interact with a fully interactive 3D EV model (rotate/zoom) in the hero section, experience a parallax scroll effect where the EV moves forward, and see dynamic gradient background animations so the site feels premium and futuristic. Integrate Three.js or WebGL-based 3D model (e-scooter / e-rickshaw), implement scroll-triggered parallax and step-by-step text transitions, and optimize for mobile performance. This enhancement builds on top of the Home page.

As a user, I want my loan application form submission (Name, Phone, City, Loan Type, Loan Amount) to be securely stored via a backend API so that the sales team can follow up with me promptly. Build a FastAPI endpoint (POST /api/v1/leads) with input validation, data persistence to MySQL, and appropriate error handling. This API supports the Lead Form page.

As a user, I want the platform to load in under 3 seconds and be fully SEO optimized so I can find it easily via search engines and have a fast browsing experience. Tasks include: structured H1/H2 tags, meta descriptions per page, Open Graph tags, lazy loading for images and 3D assets, code splitting, and mobile-first responsive audit. Apply across all pages (Home, Loan Products, EMI Calculator, Lead Form, FAQ).