Garva Vatanemala is a modern and fully responsive website built with Next.js, TypeScript, and Bootstrap.
- Next.js (App Router)
- TypeScript
- Bootstrap Grid System
- SCSS / CSS
- Next Image Optimization
- AOS Animations
- SEO Optimized Structure
Download and extract the template package, then open the project folder in your terminal.
Install dependencies:
npm install
npm run dev
Open your browser and visit:
npm run build npm start
app/ → Next.js app router pages and layouts components/ → Reusable UI components public/assets/ → Images, fonts, icons, static assets styles/ → Global styles and custom CSS
All images are stored inside:
public/assets/images/
To change an image, replace the file or update the path in the component:
src="/assets/images/your-image.jpg"
Always keep the leading slash.
Page content can be edited inside:
app/(pages)/page-name/page.tsx
Sections are component-based, so you can edit content inside:
components/sections/
Template uses Bootstrap grid and custom CSS. You can modify styles in:
styles/global.css styles/components.css
Metadata is configured using Next.js metadata API.
Example:
export const metadata = { title: "Garva Vatanemala", description: "Garva Vatanemala website", };
Update metadata inside each page file.
Static SEO files are included:
public/sitemap.xml public/robots.txt
Update the domain URLs before deployment.
You can deploy easily to:
- Vercel
- Netlify
- Any Node.js hosting
- cPanel Node environment
Build first:
npm run build
- Modular component structure
- Easy section enable/disable
- Replace images and text
- Update colors in CSS variables
Support is provided through the marketplace support tab. Please do not include personal contact details inside the template files.
This template is distributed under Envato licensing terms.