An electrician and electrical services React template for licensed electricians, electrical contractors and installers of panels, lighting and EV chargers. It is built with React 19, TypeScript, Vite, React Router 7 and Bootstrap 5 and pairs a warm off-white page, soft rounded cards and one electric-blue accent with a clean, component-based codebase: every word of copy in typed data modules, a single stylesheet driven by CSS design tokens, locally hosted fonts, hook-based form validation and responsive layouts across every screen size.

The template includes 16 ready-made pages built around how an electrical business actually wins work: services with five detail pages, a 24/7 emergency page, a filterable project gallery with a lightbox, published pricing, team, customer reviews, answers to common questions, a paginated blog, contact and a service booking page. The emergency phone number sits in the header on every page, and the booking form asks for the service, the timing and the job, so the first call starts with the details an electrician needs.

Key Features

• React 19 + TypeScript: strictly typed, component-based codebase
• Vite 8: instant dev server with hot reload and an optimised production build
• React Router 7: 16 pages, slug routes for services and blog posts, and a data-driven menu
• Bootstrap 5: grid and utility classes, CSS only, no jQuery and no Bootstrap JavaScript
• Typed Data Modules: all copy, prices, team members and posts in src/data/
• One Interface per File: every content shape typed in src/interfaces/
• CSS Design Tokens: colors, type scale, radius and spacing set once in :root
• Single Stylesheet: one main.css with a numbered table of contents
• Local Fonts: Manrope and Plus Jakarta Sans, no CDN requests
• Three Reusable Forms: contact, service booking and subscribe, validated by one hook
• Filterable Project Gallery: residential, commercial, lighting and EV charging work, with a lightbox
• 24/7 Emergency Page: a dedicated page for urgent calls, plus a phone number in the header
• Paginated Blog: shareable page links such as /blog?page=2
• Per-Page Titles: title and meta description set on every route
• Coming Soon Countdown: set your opening date in one constant
• Subfolder Ready: build for any base path with one flag
• ESLint + jsx-a11y: lint and type check with one command
• Responsive Design: checked from 360px phones to wide desktops
• Documentation Included: installation, structure, routing, data, forms and deployment

Ideal For

• Residential electricians
• Electrical contractors
• Commercial and industrial electricians
• Panel upgrade and rewiring specialists
• Lighting installers
• EV charger installers

Pages Included

Credits

• Library: React (https://react.dev) and TypeScript
• Build tool: Vite (https://vite.dev)
• Routing: React Router (https://reactrouter.com)
• Framework: Bootstrap 5 (https://getbootstrap.com)
• Icons: inline SVG
• Fonts: Manrope and Plus Jakarta Sans, OFL licensed, served locally
• Images: placeholder images only. Photos are not included in the download.

Images Notice

The photography shown in the live preview and screenshots is licensed stock used as preview content only and is not included in the download. The package ships placeholder images in place of every photograph. Each placeholder carries the same filename and size as the image it replaces, so you can drop your own images in with no code changes. Replace the placeholders with your own photographs or licensed images before publishing.

Requirements and Limitations

• A React single-page app, not a static HTML template and not a WordPress product. It needs Node.js 20.19+ or 22.12+ and a build step; basic knowledge of React and TypeScript is recommended.
• The forms validate in the browser but do not send email. Connect them to your own form handler before going live.
• The host must send unknown paths to index.html. Examples for Apache, Nginx, Netlify and Vercel are in the documentation.