I'll build a modern Next.js version of this Thai car insurance system using localStorage for data persistence, as in the original.

Now let me add the required shadcn components and create the insurance system:

I'll build the insurance system using Tailwind CSS and the pre-installed button component. Let me read the current files and create the application:

Now let me update the globals.css with a green theme appropriate for insurance, update the layout for Thai language, and create the insurance system components:

Now let me create the insurance types and components:

I've converted your Thai car insurance management system (ระบบประกันรถ) to a modern Next.js application. The app features:

• InsuranceForm: Handles adding and editing insurance records with all original fields (type, date, name, car model, year, plate, company, premium, PRB, tax date, notes)
• SearchFilters: Filter by month, year (supports both CE and BE years), and car year
• InsuranceTable: Displays all records with Thai date formatting, totals calculation, and edit/delete actions
• useInsuranceData hook: Manages localStorage persistence with proper React state management

The design uses a green color scheme matching the original Bootstrap theme, with proper Thai language support, responsive layout for mobile/desktop, and clean card-based sections. Data is stored in localStorage as in your original implementation.