Fitness · Next.js
Kelvaro
A dark, high-energy gym website that knows when the club is open and what's on next, and turns every visit into a call, a DM or a route.
Loading the collection
Preparing the details…Construction · General Contractor & Design-Build
The website for a general contractor, organised like the leading contractors' own sites.
Motion preview
A verified capture of the real template experience—no simulated interface or pre-rendered 3D substitute.
Premium gallery
10 verified previews built from the real template UI and release assets.









The product
LIVE DEMO: https://ferrowgate-construction.poyrazn8n.workers.dev
The website for a general contractor, organised like the leading contractors' own sites. Ferrowgate · website-template · Next.js source code 26 page designs · 85 demo pages + custom 404 Static frontend template. No CMS, bidding platform, file uploads, applicant tracking, email service or backend is included; forms send nothing until you connect them, the legal pages and license numbers are placeholders to have reviewed, and every project, person and figure is fictional sample content.
- General contractors, construction managers and design-build firms with project portfolios and several markets - Regional builders that bid work to trade partners and publish safety, licensing and careers information - Agencies building one site for one construction-company client Required skills: Comfortable editing TypeScript configuration and data files in a Next.js project Not ideal for: Buyers who need a CMS, bidding platform, applicant tracking or file uploads without development; Sole traders and small renovation businesses that need a one-page quote site.
26 page designs · 85 demo pages + custom 404 - ferrowgate/ - ferrowgate/package.json - ferrowgate/package-lock.json - ferrowgate/START-HERE.md - ferrowgate/BUYER-README.md - ferrowgate/BUYER-SCOPE.md - ferrowgate/LICENSE.txt - ferrowgate/ASSET-CREDITS.md - ferrowgate/Documentation/ - ferrowgate/docs/ - Project finder: Filter the projects in data/projects.ts by market, office, service, delivery method and status, search by name, client, city or architect, and sort by newest, largest or name; result counts per option, disabled empty options, removable filter chips, an empty state and Clear all; every change is kept in the address bar so a view can be shared and Back steps through it. [included-working] - Project records: A page per project with a title block of facts (client, location, market, delivery method, scope, size, value or Confidential, architect, completion, certification), a numbered story, dimension-line figures, hours worked and recordable injuries, an optional client quotation, the named contact, related projects and previous/next links. [included-working] - Printable project sheet: A print stylesheet turns a project record into a one-page project sheet without navigation, footer or related projects. [included-working] - Markets, services and delivery methods: Six market pages and six service pages with capabilities or steps, a named lead, related projects and links into the pre-filtered finder, and a comparison of four delivery methods. [included-working] - Request a proposal: Four-step form (project, drawings, contact, review) with validation per step, focus on the first error and on each step heading, pre-filling from a project page, a draft kept on the visitor's device, file names listed but not uploaded, and a review with Edit links; it posts JSON only to the endpoint set in config/forms.ts and says that nothing was sent while none is set. [frontend-demo] - Open bid board: Bid packages from data/bids.ts filtered by trade division, office, status and text, sorted by due date, with status (Open, Closing this week, Closed) computed from the date; each package page lists scopes, dates, notes and the estimator, opens a prepared intent-to-bid email and links to the documents on your bidding platform. [included-working] - Pre-bid meeting calendar files: Add to calendar downloads an iCalendar (.ics) file for the pre-bid meeting with its time, duration, location and estimator. [included-working] - Trade partner prequalification: Six-step form covering company, trades and areas, licenses, bonding and insurance, three years of EMR and TRIR, and certifications; validates EIN, ZIP and state formats, refuses an expired insurance certificate, requires an explanation for any EMR above 1.0, saves a draft on the device and posts JSON only to the endpoint set in config/forms.ts. [frontend-demo] - Safety record, licenses and bonding: A dated safety record (EMR, TRIR, DART, hours) with a three-year table, the safety program, per-project safety results, and a license table whose status (Current, Renewal due, Expired) is computed from each expiry date; all figures are demo values set in data/company.ts. [included-working] - Careers and open positions: Three career paths and ten postings filtered by path and office in the address bar, each with pay range, duties, requirements, benefits and an apply link to your applicant tracking system. [included-working] - Insights: Articles filtered by topic, with author cards, related projects and a newsletter sign-up by topic that posts only to the endpoint set in config/forms.ts. [included-working] - Offices and people: Four office pages with address, service area, markets, leader and links to that office's projects, bids and jobs, a schematic office map, and leadership profiles with direct contacts. [included-working] - Site search: Ctrl/⌘ + K dialog over projects, markets, services, people, offices, bids, jobs, insights and legal pages, with keyboard navigation. [included-working] - Contact by department: Department cards (projects, bids, careers, media, accounts payable, ethics line) and an inquiry form routed by department that posts only to the endpoint set in config/forms.ts. [frontend-demo] - Cookie choice: A banner that stores the visitor's choice in the browser and reopens from Manage cookies; the template sets no optional cookies itself. [browser-local-demo] - Page metadata: Each page has its own title, description, canonical URL and Open Graph URL and image; sitemap and robots are generated and the 404 is not indexed. [included-working]
- Project finder: Filter the projects in data/projects.ts by market, office, service, delivery method and status, search by name, client, city or architect, and sort by newest, largest or name; result counts per option, disabled empty options, removable filter chips, an empty state and Clear all; every change is kept in the address bar so a view can be shared and Back steps through it. [included-working] - Project records: A page per project with a title block of facts (client, location, market, delivery method, scope, size, value or Confidential, architect, completion, certification), a numbered story, dimension-line figures, hours worked and recordable injuries, an optional client quotation, the named contact, related projects and previous/next links. [included-working] - Printable project sheet: A print stylesheet turns a project record into a one-page project sheet without navigation, footer or related projects. [included-working] - Markets, services and delivery methods: Six market pages and six service pages with capabilities or steps, a named lead, related projects and links into the pre-filtered finder, and a comparison of four delivery methods. [included-working] - Open bid board: Bid packages from data/bids.ts filtered by trade division, office, status and text, sorted by due date, with status (Open, Closing this week, Closed) computed from the date; each package page lists scopes, dates, notes and the estimator, opens a prepared intent-to-bid email and links to the documents on your bidding platform. [included-working] - Pre-bid meeting calendar files: Add to calendar downloads an iCalendar (.ics) file for the pre-bid meeting with its time, duration, location and estimator. [included-working] - Safety record, licenses and bonding: A dated safety record (EMR, TRIR, DART, hours) with a three-year table, the safety program, per-project safety results, and a license table whose status (Current, Renewal due, Expired) is computed from each expiry date; all figures are demo values set in data/company.ts. [included-working] - Careers and open positions: Three career paths and ten postings filtered by path and office in the address bar, each with pay range, duties, requirements, benefits and an apply link to your applicant tracking system. [included-working] - Insights: Articles filtered by topic, with author cards, related projects and a newsletter sign-up by topic that posts only to the endpoint set in config/forms.ts. [included-working] - Offices and people: Four office pages with address, service area, markets, leader and links to that office's projects, bids and jobs, a schematic office map, and leadership profiles with direct contacts. [included-working] - Site search: Ctrl/⌘ + K dialog over projects, markets, services, people, offices, bids, jobs, insights and legal pages, with keyboard navigation. [included-working] - Page metadata: Each page has its own title, description, canonical URL and Open Graph URL and image; sitemap and robots are generated and the 404 is not indexed. [included-working]
- payments: No payments or invoicing is included. [not-included] - auth: No client, owner or trade partner portal or login is included. [not-included] - email: The proposal, prequalification, inquiry and newsletter forms post JSON to endpoints you set in config/forms.ts; no email or form service is bundled. [integration-required] - cms: Content is TypeScript data in data/ and config/; no CMS is connected. [not-included] - booking: No scheduling service is included; pre-bid meetings are offered as .ics calendar files. [not-included] - orders: No bidding platform, plan room or bid submission is included; bid documents link to the platform you already use. [not-included] - backend: No database, file uploads, applicant tracking or application back end is included; the site is a static export. [not-included] - mlsCrm: No CRM is connected; point the form endpoints at one if needed. [not-included]
- Projects, clients, people, offices, safety figures and license numbers are fictional sample content; the legal pages, license numbers and published figures must be replaced and reviewed before launch. - Demo bid and license dates roll forward with today's date; turn this off in config/brand.ts before launch. - English demo content only; multilingual UI and RTL have not been validated.
- Unzip the package and read START-HERE and the buyer documentation. - Set the company name, domain, department contacts, ethics line and site URL in config/brand.ts, and turn off the demo rolling dates. - Replace the projects, markets, services, people, offices, bids, jobs, figures, licenses and articles in data/ and the photographs in public/images/. - Point the forms at your endpoints in config/forms.ts, link bids and jobs to your own platforms, then run the production build and deploy the static out/ folder.
- ferrowgate-v1.0.1.zip · version 1.0.1 Node.js 20.9 or newer; internet access for dependency installation. Open ferrowgate. Install: npm ci Build: npm run build Lockfile: package-lock.json. Package manager: npm.
LICENSE — Webloomery Template License v1.0 (effective 26 September 2026) - One purchase, one end product: build one website or application for yourself or for one client. - Modify the source for that end product. Its development, staging and production copies count as one end product. - Team members and contractors on that end product may use the files, only for it. - You may hand the finished project and the customized source it needs to that one client; the Template is then not reused for anyone else. - Each additional website, application, end product or client needs another purchase. - Not allowed: reselling, sharing, sublicensing or publicly publishing the Template source; turning it into a template, builder, code generator or reusable client-production system; reselling its components or assets separately. - Third-party fonts, photographs and other assets keep their own licenses, listed in ASSET-CREDITS.md. - Support and updates are separate from the license. The full license text is included as LICENSE.txt in the download and published at https://webloomery.com/legal/license.
- Help with documented installation and build steps - Verified defects in the code as shipped Excluded: Customization; Custom development; Third-party service setup; Legal review of the legal pages, license numbers and published figures. No guaranteed response time. No fixed support period is promised.
37 licensed stock photographs (37 pexels). Original favicon, logo mark, wordmark and interface icons; one original share image and one touch icon. Software and fonts retain their own licenses. Read ASSET-CREDITS.md. Third-party materials retain their own licenses. Demo brands and content must be replaced before launch.
Designed as a credible product experience—not a set of disconnected sections. Every layout is ready to adapt while preserving the logic that makes it feel intentional.
Inside the build
Pages included
Technology
Next.js 16 · React 19 · TypeScript · Static export
Compatibility
Modern evergreen browsers. Responsive from compact mobile screens through wide desktop layouts.
Support & docs
README, START-HERE, buyer scope notes and guides for installation, rebranding, content, projects, trade partners, compliance, theming, photography, integrations, deployment, accessibility and troubleshooting, a changelog, ASSET-CREDITS.md and a per-photograph media manifest. Package-specific setup guidance and release notes are provided.
Before you buy
Compare the demo, included scope and integration work with your launch plan.
Read the Next.js website template checklistBuyer support
Learn how to install, customize and deploy this template step by step.
Watch on YouTubeTutorial duration · 11:13
Use it with confidence
Webloomery Template License v1.0 — one purchase covers one end product for you or one client. The full text ships as LICENSE.txt.
Read the license