Nexora

Overview

Nexora is a modern marketing site template for digital agencies, startups, and IT companies, built with Next.js. It ships with two interchangeable home layouts, a full set of inner pages (about, services, pricing, projects, team, gallery, FAQ, blog, contact), reusable section components, and SEO-friendly metadata (Open Graph, Twitter cards, theme color, favicons, and web manifest).

The default route (/) redirects to the primary home experience at /home-1/, which combines hero messaging, about, features, video, services, projects, team, partners, testimonials, FAQ, and a blog preview. An alternate demo lives at /home-2/ with its own hero, company, solution, and CTA variants. An internal Styleguide (/styleguide/) documents the design system.

Site-wide copy is driven by i18next (translations/en.json), with shared headers, footers, and an animated mobile navigation pattern across all routes.

Features

• App Router pages — Home 1 (/home-1/), Home 2 (/home-2/), and inner pages: About, Services, Pricing, Projects, Team, Gallery, FAQ, Blog, Contact, plus an internal Styleguide (/styleguide/)
• Dynamic routes — Detail pages for services (/services/[slug]/), projects (/projects-1/[slug]/, /projects-2/[slug]/), and blog (/blog-1/[slug]/, /blog-2/[slug]/)
• Two home layouts — Compose different hero, services, project, and CTA blocks per route without duplicating chrome
• Modular sections — Composable blocks under app/components/ (hero, about, features, video, services, projects, team, partners, testimonials, feedback, FAQ, blog, CTA, our-company, solution, and more)
• Responsive chrome — Shared header and footer variants; animated mobile navigation for smaller viewports
• Internationalization — i18next + react-i18next with JSON translations and a TranslationProvider in the root layout
• Rich UI primitives — Carousel (Embla), date picking (react-day-picker + date-fns), icons (Lucide), Base UI–aligned building blocks, and shared UI components
• Markdown content — react-markdown + remark-gfm for rich text rendering
• Design system — Tailwind CSS 4 utilities plus SCSS modules for colors, typography, buttons, layout, mixins, and animations (styles/)
• SEO & metadata — Centralized config in lib/site.config.ts (title, description, keywords, OG/Twitter, theme color, favicons, manifest)
• TypeScript — Typed components and data modules throughout the app directory
• Production-ready config — output: "standalone" and trailing slashes enabled in next.config.ts

Note: Header navigation includes links for Home, About, Services, Blog, and Contact. A full sitemap is available in the mega-menu defined in app/components/header/header1/Header1.utils.ts.

Demo

Live site (canonical in app metadata): nexora.newproweb.pro

Tech stack

Quick installation guide

Requires Node.js 18+ and npm (or a compatible package manager).

1. Clone the repository

git clone https://github.com/newproweb/NEXORA.git
cd NEXORA

2. Install dependencies

npm install

3. Run the development server

npm run dev

Open http://localhost:3000 in your browser.

4. Environment (optional)

For production metadata and canonical URLs, set:

NEXT_PUBLIC_SITE_URL=https://nexora.newproweb.pro

Defaults are defined in lib/site.config.ts.

5. Production build

npm run build
npm run start

6. Lint

npm run lint

Project structure (high level)

NEXORA/
├── app/
│   ├── (pages)/          # Routes: home-1, home-2, about, services, pricing,
│   │                     #   projects-1/2, team-1/2, gallery, faq, blog-1/2, contact
│   ├── components/       # Page sections (hero, about, services, projects, blog, etc.)
│   ├── styleguide/       # Design reference page
│   ├── layout.tsx        # Root layout, fonts, metadata, i18n provider
│   ├── page.tsx          # Redirects "/" → "/home-1/"
│   └── globals.css
├── components/           # Shared UI (button, carousel, field, inputs, social, etc.)
├── lib/
│   ├── site.config.ts    # Site name, SEO, favicons, OG/Twitter
│   ├── utils.ts          # cn() and shared helpers
│   └── i18n/             # Translation provider, config, and hooks
├── styles/               # SCSS entry and design tokens (colors, typography, animations)
├── translations/         # Locale JSON (e.g. en.json)
├── public/images/        # Static assets, favicons, previews
└── package.json

Customization tips

• Branding & SEO — Edit lib/site.config.ts and replace assets under public/.
• Copy — Update strings in translations/en.json (keys map to t("...") usage in components).
• Home layouts — Swap or reorder section imports in app/(pages)/home-1/page.tsx or app/(pages)/home-2/page.tsx.
• Navigation — Adjust navItems and menuColumns in app/components/header/header1/Header1.utils.ts (and the Header 2 / mobile menu utils) and footer links in the footer components.

Support & contact

Questions about this template, licensing, or deployment:

• Email: tools@newproweb.com

License

This repository is marked private in package.json. Use and distribution follow your team's or vendor's agreement.