JBJ Security – Website

Codebase for JBJ Event & Vagt Securitys officielle hjemmeside.

Tech Stack

• Frontend: React (TypeScript)
• Build Tool: Vite
• Styling: Tailwind CSS
• Routing: React Router DOM
• Deployment: Vercel
• Analytics: Vercel Analytics (@vercel/analytics)
• Performance: Vercel Speed Insights (@vercel/speed-insights)

Dependencies

• react, react-dom, react-router-dom
• vite, tailwindcss
• @vercel/analytics
• @vercel/speed-insights

Features

• Fully responsive UI (mobile, tablet, desktop)
• Dynamic navigation bar and footer
• Pages: Home, About, Services, Clients, Gallery, Contact
• Loads services, clients, and reviews from JSON data
• Contact form with mailto integration
• Vercel Analytics and Speed Insights integration

Getting Started

1. Install dependencies:

   npm install

2. Start development server:

   npm run dev

3. Open http://localhost:5173 in your browser.

Deployment

Production deployment is handled via Vercel. Pushes to the main branch trigger automatic deployments.

Project Structure

• src/pages/ – Main page components
• src/components/ – Reusable UI components
• public/data/ – Static JSON data (services, clients, reviews)
• public/assets/ – Images, video, and branding

Usage Notes

• Preventing Browser Translation:
  The site uses translate="no" on key elements to prevent unwanted automatic translation of names and terms.
• Analytics:
  Vercel Analytics is enabled via <Analytics /> from @vercel/analytics/react in App.tsx.

Contact

For questions or feedback, contact JBJ Event & Vagt Security: