The official website for Hoffmangruppe Promotions — a sleek, single-page marketing site built with React, TypeScript, Vite, Tailwind CSS, and EmailJS integration for direct inquiries and PDF-based engagement.
🌐 Live Site: www.hoffmangruppe.com
- Clean, professional landing page design
- Fully responsive layout for mobile and desktop
- Interactive sections with animations and transitions
- PDF viewer integration for brochures and flyers
- Email contact form using EmailJS (credentials handled via
.env) - Fast performance powered by Vite
- Continuous deployment via Vercel
- React (TypeScript)
- Vite – Lightning-fast frontend tooling
- Tailwind CSS – Utility-first CSS framework
- EmailJS – Serverless contact form integration
- PDF.js – PDF rendering
hoffmangruppe-production/
├── .env.example
├── .gitignore
├── .nvmrc
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
├── vercel.json
├── vite.config.ts
├── public/
│ └── favicon.ico
├── src/
│ ├── App.tsx
│ ├── main.tsx
│ ├── assets/
│ │ └── hoffman-logo.png
│ ├── components/
│ │ ├── Contact.tsx
│ │ ├── Footer.tsx
│ │ ├── Hero.tsx
│ │ ├── Navbar.tsx
│ │ ├── Services.tsx
│ │ ├── Showcase.tsx
│ │ └── PdfViewer.tsx
│ └── styles/
│ └── index.css
└── .git_disabled/ # Internal use
- Node.js (v18+)
- npm (v9+)
git clone https://github.com/musickevan1/hoffmangruppe-production.git
cd hoffmangruppe-production
npm installnpm run devVisit: http://localhost:5173 (or 5175 depending on setup)
npm run buildThe project is automatically deployed to Vercel when changes are pushed to the main branch.
The .env file is excluded from version control. Be sure to keep your real EmailJS credentials private. Use .env.example as a reference.
vite tailwindcss emailjs pdfjs react typescript portfolio landing-page responsive-design client-project contact-form
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Developed by Evan Musick
✍️ Medium • 💻 GitHub
Designed to showcase a modern, minimalistic brand presence with zero backend maintenance required.