Aveniq: Technology and product workspace landing page template for Next.js.
- Next.js 15
- CSS
- TypeScript
- 7 sections
- Dark
- No API keys
- Updated Oct 10, 2026
Overview
A premium single-page launch for SaaS products and AI workspaces. Cool iridescent artwork, a dark canvas and controlled scroll storytelling frame a clear product narrative.
- Made for
- AI and decision-support product launches, Product collaboration platforms, Technology and SaaS brands
- Highlights
- Original editorial glass artwork and a contextual workspace illustration
- Blur-to-focus headings, subtle hero depth and three overlapping use cases
- Scroll-lit process, monthly/yearly pricing and native FAQs
- Local fonts and imagery, direct CTA destinations and centralized content
- The look
- A dark oversized promise sits beside an iridescent sculpture and a glass-like decision brief. Three unequal capability cards carry original diagrams. A two-column process, a three-card overlapping use-case sequence, a context constellation and three pricing plans build the narrative. A two-column FAQ and luminous closing lead to a large wordmark footer. Space Grotesk and Inter are bundled locally.
Sections
- 01
Hero and principles
A new split composition, original glass ribbon, a contextual product illustration, direct CTAs and a concise principle strip.
- 02
Capabilities
Three unequal cards with editable source, reasoning and next-step diagrams.
- 03
Workflow
A sticky desktop introduction, orbital schematic and three scroll-lit process steps.
- 04
Use cases
Three overlapping editorial cards with distinct materials, colours and original images. Phone layouts use vertical flow.
- 05
Context
A diagram connects familiar types of team input around a shared decision.
- 06
Pricing
Monthly/yearly selection updates example prices and yearly totals in place. Every CTA is an ordinary configurable link.
- 07
FAQ and closing
Five native disclosures, luminous artwork, two closing CTAs and an oversized brand footer.
Remove a section by deleting its line in app/page.tsx, or move the line to reorder.
Make it yours
Edit site.config.ts for identity, copy, visuals, plans, examples and destinations. Each section and stylesheet is separate.
| To change | Edit |
|---|---|
| Identity, copy, plans and CTA URLs | site.config.ts |
| Colour, typography and controls | styles/base.css |
| Section order | app/page.tsx |
| Product preview and diagrams | components/WorkspacePreview.tsx and components/FeatureArt.tsx |
| Scroll depth, reveals and process lighting | components/Motion.tsx and styles/motion.css |
| Original artwork and fonts | public/ and ASSETS.md |
Run it
$ npm install$ npm run devNode.js 20.9 or newer. No environment variables.
Before you go live
Replace the fictional product identity, example capabilities, pricing and email. Point CTAs at your own signup or booking destination. The product illustration is presentational; there are no forms, account flows or backend services.
Specifications
- Framework
- Next.js 15 (App Router), React 19
- Language
- TypeScript
- Styling
- CSS with design tokens and component styles
- Fonts
- Space Grotesk, Inter, self-hosted with next/font
- Dependencies
- next, react, react-dom
- Images
- Three original glass-and-metal editorial sculptures, optimized as local WebP files. The prompt set and bundled font licences are included.
- API keys and environment variables
- None
- Node.js
- 20.9 or newer
- Colour scheme
- Dark
- Responsive
- Desktop, tablet and phone
- Accessibility
- Skip link, visible focus, keyboard navigation, reduced motion
- Deploys to
- Vercel, Netlify, Cloudflare Pages or any Node host
- Codebase
- 33 source files, about 3,700 lines
- Last updated
- Oct 10, 2026
License
One license, no tiers. The full text ships as LICENSE.md in the download.
You can
- Use it for your own products
- Use it for any number of client projects
- Change the code and design however you like
- Deploy the result commercially
You can’t
- Resell or share the files as a template, theme or UI kit
- Publish the source as a template in a public repository
Questions
What do I get when I buy Aveniq?
The complete Aveniq project as a download: the Next.js app, its config file, a README with setup and customisation notes, and the license. The download link arrives right after checkout.
Can I use Aveniq for client projects?
Yes. One purchase covers your own products and any number of client projects, and you can change the code however you like. What you can’t do is resell or share the template files themselves as a template or UI kit.
Do I need API keys, a database or a backend?
No. It runs with npm install and npm run dev and deploys to Vercel, Netlify or Cloudflare Pages without any environment variables.
What should I change before I launch?
Replace the fictional product identity, example capabilities, pricing and email. Point CTAs at your own signup or booking destination. The product illustration is presentational; there are no forms, account flows or backend services.
Do I need to know Next.js?
Basic React helps, but most changes are text edits in site.config.ts. The README walks through colours, fonts and section order.
How do updates work?
Updates to Aveniq are free. When a new version ships, download it again from the link in your order email.
Can I get a refund?
Yes. If Aveniq isn’t right for you, reply to your receipt within 14 days and you get your money back.
Should I buy all-access instead?
If you’ll use more than two templates, yes. All-access is $99 for all 35 templates, including Aveniq and every template added later. Three single templates would cost $117.
All-access
All 35 templates for $99.
Every template in the library, including Aveniq, and every one added later. Same license, free updates. Less than three single templates.



































