Web Development • 2026

Šabić Elektro

Static service website for an electrical installation business in Zenica, built around emergency CTAs, services, process and direct contact.

Role
Creator
Year
2026
Type
Web Development
Stack
Next.js 16, React 19, TypeScript
Šabić Elektro homepage hero screenshot

Overview

Šabić Elektro is a one-page service website for electrical installation and emergency electrician work in Zenica and the surrounding area. The page focuses on fast contact, service clarity and safety-oriented messaging.

What was built

The implementation is a Next.js App Router single page with anchored sections for services, emergency response, process and contact. The same page includes the hero, stats strip, service cards, response cards, process list, safety band, contact card and footer.

Service and contact flow

The site presents electrical installations, stove connection, cable repair, sockets and switches, emergency interventions and lighting. Calls to action use direct phone links, while the contact section includes phone and email links instead of a form or external booking service.

Responsive implementation

Desktop navigation uses anchored links, while mobile navigation is implemented with a native details and summary menu. CSS media queries restructure the hero, stats, service grid, process, safety and contact sections for tablet and phone breakpoints.

Visual system

The page uses local brand assets through next/image, a dark electrical theme, red emergency accents, grid and glow treatments, service cards and a large branded hero composition. Space Grotesk is used for display text and Manrope for body copy through next/font.

SEO and delivery

The project is configured for static export with poweredByHeader disabled. It includes localized Bosnian metadata, Open Graph and Twitter metadata, robots and sitemap routes, plus a canonical site URL in the app layout.

Šabić Elektro emergency response section
Emergency response section
Šabić Elektro safety and contact section
Safety and contact flow

Explore the project

Open live site