# FluxPay

An original four-page fintech website template from Dhebe. FluxPay is a fictional product; it does not offer financial services or process payments.

## Open and edit

Serve this folder with any static web server and open `index.html`. The template uses plain HTML, CSS and JavaScript, local artwork, and system fonts. It has no dependencies, remote embeds, account connections or analytics.

- `index.html`: product story, card studio, feature panels, spending demo, scenario carousel and FAQ.
- `features.html`: detailed features and an additional spending demo.
- `about.html`: creative direction and template context.
- `contact.html`: native validated, local project brief builder with a text download.
- `styles.css`: responsive design system and motion settings.
- `app.js`: local interactions, motion control and accessible navigation.
- `assets/`: four original optimized Blender renders.

## Interaction notes

The card studio offers Graphite, Ember and Pearl finishes plus a reversible card. Freeze switches affect only their local demonstration. Spending periods and categories update the fictional chart, totals, category breakdown and accessible description together. The scenario carousel is manual and labels its scenarios as samples. The walkthrough uses a native modal dialog. Project briefs are rendered as plain text, kept only in memory, and downloaded on request; the form never sends a message or stores answers.

Motion follows `prefers-reduced-motion`. The footer control pauses CSS animation and pointer tilt. Offscreen animation is paused, scroll reveals run once, and the page does not intercept scrolling. All primary content is visible without JavaScript; native menus and FAQs remain usable. The interactive demos and brief generation require JavaScript.

## Artwork and adaptation

The artwork is original and was made in Blender: a graphite card within an orbital ring, a layered security sculpture, a frosted wallet and a globe with elliptical orbits. Editable native scenes and the reproducible builder are included in the owner’s private source package under `authoring/`.

Change the copy, palette, links and source artwork to suit your project. Replace fictional product content with your own accurate content before a commercial launch. Connect a production backend only when the project requires it, with its own validation, service behavior and applicable terms. Distribution and usage terms are set by the asset owner; this README does not grant a commercial license.

## Verification

The repository includes standalone resource/anchor checks, syntax checks, native/local form checks, artwork source hashes, ZIP integrity tests, and private-package output guards. Browser QA should cover narrow and wide layouts, card controls, the freeze switch, chart filters, native dialog focus and Escape, mobile navigation, FAQ, local brief preview/download, and reduced motion.