Kelvaro

LIVE DEMO: https://kelvaro-fitness.poyrazn8n.workers.dev

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. Kelvaro · website-template · Next.js source code 5 page designs · 5 demo pages + custom 404 Static frontend template. No content management system, payments, membership sign-up, class booking, accounts, forms, email service or back end is included; the club, address, phone number and map point are fictional.

WHO IT IS FOR

- Independent gyms, boxing clubs and fitness studios that run a weekly group-class timetable - Personal trainers and small clubs who want visitors to call, message or get directions rather than fill in forms - Agencies and freelancers building a site for a local gym client Required skills: Comfortable editing a TypeScript configuration file in a Next.js project. Not ideal for: Buyers who need online membership sign-up, class booking, payments or a member login without development; Chains that need many locations, a CMS or a content team workflow.

WHAT YOU GET

5 page designs · 5 demo pages + custom 404 - kelvaro/ - kelvaro/package.json - kelvaro/package-lock.json - kelvaro/README.md - kelvaro/START-HERE.md - kelvaro/BUYER-README.md - kelvaro/BUYER-SCOPE.md - kelvaro/LICENSE.txt - kelvaro/ASSET-CREDITS.md - kelvaro/Documentation/ - Live open / closed badge: Shows open now with the closing time, closing soon, or the next opening day and time, computed from config/site.ts in the club's own time zone whatever the visitor's clock says; refreshed every 30 seconds. [included-working] - Next class countdown: The hero and timetable show the class on the floor now, or the next group class with its day, time and a countdown, from the weekly sessions in config/site.ts. [included-working] - Weekly timetable: Seven days with opening hours and every session's time, length and class; today is highlighted; on phones and tablets a day tab strip with arrow-key navigation shows one day at a time; each session links to its class. Card labels such as 'Mon · Wed · Fri' are computed from the same sessions. [included-working] - Class pages as tabs: Strength, Dance Cardio, Pilates (mat and reformer) and Boxing tabs with photograph, schedule caption, description and benefits; the URL hash selects a tab, so links from other pages, reload and Back land on the right class; arrow keys move between tabs. [included-working] - Call, Instagram and directions: Phone links, an Instagram profile and DM link, and Google Maps and Apple Maps directions to an exact map point; on phones a fixed Call / Instagram / Directions bar. [included-working] - Map on request: The contact page shows a Google map only after the visitor asks for it, so no third-party request is made until then. [included-working] - Full-screen mobile menu: Opens over the page with the contact buttons, locks page scroll, closes with Escape, the close button or after navigating. [included-working] - Local business structured data: An ExerciseGym JSON-LD block with address, map point, telephone, opening hours for every day and each weekly session as an event series, built from config/site.ts; every page has its own title, description, canonical URL and social image; sitemap, robots and web manifest are generated. [included-working] - Motion with a reduced-motion branch: Hero entrance, scroll reveals, the ticker, light streaks and hover effects are CSS only and are switched off under prefers-reduced-motion, with all content visible. [included-working]

WHAT WORKS IMMEDIATELY

- Live open / closed badge: Shows open now with the closing time, closing soon, or the next opening day and time, computed from config/site.ts in the club's own time zone whatever the visitor's clock says; refreshed every 30 seconds. [included-working] - Next class countdown: The hero and timetable show the class on the floor now, or the next group class with its day, time and a countdown, from the weekly sessions in config/site.ts. [included-working] - Weekly timetable: Seven days with opening hours and every session's time, length and class; today is highlighted; on phones and tablets a day tab strip with arrow-key navigation shows one day at a time; each session links to its class. Card labels such as 'Mon · Wed · Fri' are computed from the same sessions. [included-working] - Class pages as tabs: Strength, Dance Cardio, Pilates (mat and reformer) and Boxing tabs with photograph, schedule caption, description and benefits; the URL hash selects a tab, so links from other pages, reload and Back land on the right class; arrow keys move between tabs. [included-working] - Call, Instagram and directions: Phone links, an Instagram profile and DM link, and Google Maps and Apple Maps directions to an exact map point; on phones a fixed Call / Instagram / Directions bar. [included-working] - Map on request: The contact page shows a Google map only after the visitor asks for it, so no third-party request is made until then. [included-working] - Full-screen mobile menu: Opens over the page with the contact buttons, locks page scroll, closes with Escape, the close button or after navigating. [included-working] - Local business structured data: An ExerciseGym JSON-LD block with address, map point, telephone, opening hours for every day and each weekly session as an event series, built from config/site.ts; every page has its own title, description, canonical URL and social image; sitemap, robots and web manifest are generated. [included-working] - Motion with a reduced-motion branch: Hero entrance, scroll reveals, the ticker, light streaks and hover effects are CSS only and are switched off under prefers-reduced-motion, with all content visible. [included-working]

WHAT NEEDS INTEGRATION

- payments: No payments, memberships or checkout are included. [not-included] - auth: No member accounts or login. [not-included] - email: There are no forms and no email service; visitors call or message on Instagram. [not-included] - cms: Content is TypeScript configuration in config/site.ts and config/photography.ts; no CMS is connected. [not-included] - booking: No class booking or scheduling service; the timetable is configuration and booking happens by phone. [not-included] - orders: No order handling. [not-included] - backend: No database or back end; the site is a static export. [not-included] - mlsCrm: No CRM is connected. [not-included]

WHAT IS NOT INCLUDED

- The club, its address, phone number, Instagram handle and map point are fictional sample content; the privacy page is template text and must be reviewed before launch. - The demo notices beside the map, in the footer and on the privacy page stay on until they are set to null in config/site.ts. - No booking, membership sign-up or forms: visitors call, send an Instagram message or get directions. - English demo content only; multilingual UI and RTL have not been validated.

CUSTOMIZATION WORKFLOW

- Install dependencies with npm install. - Set the club name, wordmark, phone, Instagram, address, time zone, clock format and site URL in config/site.ts, and set the three demo notices to null. - Set the map point, opening hours, weekly timetable, classes and feature cards in config/site.ts. - Replace the photographs in public/images/ and their entries (file, size, focus point and alt text) in config/photography.ts, and replace the logo mark and icons. - Optionally add Google Ads and GA4 IDs and conversion labels in .env.local; the consent banner and tracking switch on with them. - Review the privacy page for your jurisdiction, then run npm run build and deploy the static out/ folder.

DELIVERY AND INSTALL

- kelvaro-v1.0.1.zip · version 1.0.1 Node.js 20.9 or newer; internet access for dependency installation. Open kelvaro. Install: npm ci Build: npm run build Lockfile: package-lock.json. Package manager: npm.

LICENSE

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.

SUPPORT BOUNDARY

- Installing and building the delivered package - Questions about the documented configuration files Excluded: Custom development and design changes; Connecting booking, membership, payment or form services; Setting up Google Ads or Analytics accounts; Legal review of the privacy page. No guaranteed response time. No fixed support period is promised.

ASSET CREDITS

8 licensed stock photographs (8 pexels). Original logo mark and favicon, wordmark set in type 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.