Frontend - Laxmi Kala Bike Point

This directory contains the React frontend for the bike service booking application.

• index.html - Main HTML template with SEO meta tags, TailwindCSS, and loading state
• index.tsx - React app entry point that renders the main component
• components/BikeServiceApp.tsx - Main React component with all the app functionality

• Service selection (Basic, Full, Oil Change, Brake, Engine, Roadside)
• Location selection (6 cities in Hyderabad area)
• Booking confirmation with estimated time

• Direct WhatsApp links with pre-filled messages
• Phone number display for immediate calling
• YouTube video showcase

• Mobile-first approach with TailwindCSS
• Gradient backgrounds and animations
• Hover effects and transitions
• Loading states and error handling

• Meta tags for search engines
• Open Graph tags for social sharing
• Twitter Card support
• Semantic HTML structure

Create val
BikeServiceApp
├── Header (contact info, branding)
├── Hero Section (main CTA, video)
├── Booking Modal (3-step flow)
├── Service Status (confirmation)
├── Features Grid (6 key benefits)
├── Guarantee Section (10-day promise)
└── Footer (contact details)

The app uses React hooks for state:

• currentService - Active booking details
• bookingStep - Current step in booking flow (0-3)
• selectedService - Chosen service type
• location - Selected service location
• animateFeatures - Animation trigger

• TailwindCSS via CDN for utility classes
• Gradient backgrounds for visual appeal
• Custom animations for loading and hover states
• Responsive breakpoints for mobile/desktop
• Color scheme - Blue/purple/orange gradients with dark theme