<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8” /> <meta name=”viewport” content=”width=device-width, initial-scale=1.0” /> <title>Prozen – Next.js Template (App Router) – Item Description</title> <style> body { font-family: system-ui, sans-serif; line-height: 1.6; max-width: 800px; margin: 2rem auto; padding: 0 1rem; color: #333; } h1 { font-size: 1.5rem; border-bottom: 1px solid #ddd; padding-bottom: 0.5rem; } h2 { font-size: 1.2rem; margin-top: 1.5rem; color: #222; } ul { margin: 0.5rem 0; padding-left: 1.5rem; } li { margin: 0.25rem 0; } p { margin: 0.5rem 0; } </style> </head>
Prozen _ Business Consulting Nextjs Template
Prozen is a modern Next.js (App Router) website template for business and consulting-style websites. It includes multiple home variants, inner pages (about, services, team, blog, contact, etc.), and a clean file-based routing structure for fast setup and buyer-friendly customization.
Key Features
- 3 home page layouts (Home, Home Two, Home Three)
- Next.js App Router with file-based routing (
app/directory) - Bootstrap 5–based responsive layout and grid
- Lenis smooth scrolling integration
- AOS (Animate On Scroll) for scroll animations
- Swiper used for sliders/carousels (hero, testimonials, services, projects)
- Contact form using
react-hook-form - Sticky header with configurable scroll threshold (custom hook)
- Offcanvas mobile menu
- Back-to-top button
- Font Awesome 7 icons
- Optimized images via
next/imageand internal links vianext/link - SEO-friendly metadata support via route
layout/pagemetadata
Pages / Sections Included
- Home (default)
- Home Two
- Home Three
- About Us
- Services
- Service Details
- Project
- Project Details
- Team
- Team Details
- Pricing
- Blog
- Blog List
- Blog Details
- FAQ
- Contact
- 404 / Not Found
Tech Stack & Tools
- Framework: Next.js (App Router)
- Routing: File-based routing in
app/ - Styling: Bootstrap 5 CSS + custom CSS (
app/style/style.css) + Lenis CSS - Images:
next/image(optimized image component) - Navigation:
next/linkfor internal links - Libraries: AOS, Swiper, Lenis, react-hook-form, Font Awesome 7, PropTypes
What’s Included in the Download
- Full Next.js App Router source code (
app/,public/) - package.json with dependencies and scripts
- README.md (setup + customization notes)
- Documentation folder (
documentation/) - Images and assets under public/ (e.g. public/images) as shipped in the package
Requirements
Node.js (current LTS recommended) and a package manager (npm recommended). This project uses Next.js and runs via the included npm scripts.
Installation & Build Steps
- Install dependencies:
npm install(oryarn/pnpm install) - Run development server:
npm run dev - Build for production:
npm run build - Start production server:
npm start - Lint:
npm run lint
Project Structure (Quick Guide)
app/– Next.js App Router (routes, layouts, metadata)app/layout.js– global layout, CSS imports, site metadataapp/(pages)/<route>/page.jsx– route pages (file-based routing)app/components/– reusable components and page sectionsapp/data/– centralized content (text, menus, images)app/contexts/– global UI state (offcanvas, smooth scroll)public/– static assets served from the site root (e.g./images)
Customization (Buyer-Friendly)
- Logo: replace files in
public/images/logo/and/or update logo paths in header/footer components. - Navigation/Menu: edit menu data in
app/data/(for exampleapp/data/headerMenuData.js). - Page content: update text, lists, and cards via
app/data/*files. - Images: place images in
public/images/and reference them as/images/.... - SEO metadata: update route metadata in
app/layout.jsand individual routepage/layoutfiles. - Global UI features: optional global toggles (cursor / smooth scroll / animations / back-to-top) can be controlled in
app/data/themeOptions.jsif included in your package.
Client vs Server Components
In Next.js App Router, components are server-rendered by default. Add "use client" only when interactivity is needed (for example: sliders with Swiper, scroll/animation libraries, event handlers, and browser APIs). This keeps pages fast and reduces unnecessary hydration.
Support
Support covers bugs in the template code and questions about the included features. Customization or development of new features beyond the template is not included. Please use the item’s comment/discussion area for support requests.
Credits
- Fonts: Google Fonts – Oswald, Plus Jakarta Sans, Space Grotesk (loaded via CSS)
- Icons: Font Awesome 7 Free (@fortawesome/fontawesome-free)
- Images: Demo/placeholder images in
public/are for preview only; replace with your own for production.
Important Notes
- This is a Next.js template, not a WordPress or PHP theme.
- Demo images included in the package are for layout demonstration only; use your own images and content for live projects.