📌 Project Overview
The Business / Corporate template is engineered as a complete digital identity for SMBs, consultancies, agencies, and enterprises that need a professional, SEO-optimized web presence. Built on Next.js 14 with server-side rendering and static generation, the site delivers lightning-fast load times, structured content, and a polished user experience across all devices.
Designed with both the end user and the content editor in mind, this platform enables marketing teams to manage blogs, team members, and lead data through a secure, Supabase-powered admin system — all without touching code.
🧩 Core Features
1. Responsive Layout with shadcn/ui
Built on shadcn/ui components for consistent, accessible design across all breakpoints. Grid-based layout ensures visual clarity across screen sizes.
2. Multi-Language Support (i18n)
next-intl integration enables English and additional language support with locale-aware routing, making the site ready for international markets out of the box.
3. SEO & Metadata Management
Every page includes dynamically generated meta tags, Open Graph data, and structured metadata via the Next.js Metadata API — essential for search visibility.
4. Contact & Enquiry Forms
React Hook Form + Zod-validated forms submit leads to Supabase and trigger email notifications via Resend — all without a third-party form service.
5. Admin-Secured Content Management
Supabase Auth protects a content editor portal where admins can manage blog posts, team bios, and contact leads. Role-based access via Supabase RLS ensures data integrity.
6. Framer Motion Animations
Page transition wrappers and scroll-reveal animations powered by Framer Motion bring the site to life with smooth, professional micro-interactions.
🧰 Tech Stack
| Feature Area | Technology | Purpose |
|---|---|---|
| Frontend Framework | Next.js 14 (App Router) + TypeScript | SSR/SSG, SEO-optimized pages |
| Styling & UI | Tailwind CSS + shadcn/ui | Utility-first styling & accessible components |
| Animations | Framer Motion | Page transitions & scroll animations |
| Forms | React Hook Form + Zod | Validated contact & enquiry forms |
| Internationalization | next-intl | Multi-language support |
| Database | Supabase (PostgreSQL) | Leads, contacts, blog posts, team data |
| Authentication | Supabase Auth | Admin login for content editors |
| Media Storage | Supabase Storage | Image & media uploads |
| Resend / SendGrid | Contact form notifications | |
| Hosting | Vercel | CI/CD deployment & edge serving |
🗂️ Website Structure
| Page / Component | Functionality |
|---|---|
| Home | Hero banner, feature highlights, testimonials, and CTA sections |
| About | Company story, mission, values, and leadership overview |
| Services | Service cards with icons, descriptions, and pricing tiers |
| Team | Staff profiles with photos, roles, and bios pulled from Supabase |
| Testimonials | Client reviews with star ratings and company logos |
| Blog | SSG blog listing with categories, author info, and MDX rendering |
| Contact | Validated form with Supabase lead capture and Resend email trigger |
| Admin Dashboard | Auth-protected panel for managing blog posts, leads, and team members |
🔒 Key Technical Highlights
- Add, edit, and remove blog posts with rich text content
- Manage team member profiles including photos and bios
- View and export contact form leads from Supabase
- Full RLS policy enforcement — admin writes only, public reads only
- Real-time data sync — published changes appear instantly on the frontend