Who is this template for?
- Digital marketing and creative design agencies
- Branding, web and product design studios
- Freelancers building agency sites for their clients
- Studios that want enquiries qualified and routed without extra tools
General Features
- Ultra-fast Performance: Built with Astro 7. Every page is prerendered to static HTML; only the forms and admin run on the server.
- Data-driven Reusable Components: All content lives in one JSON file per page — swap copy, projects, services and team without touching component code.
- Light & Dark Mode: Light by default, with a dark mode toggle that remembers each visitor's choice.
- Fully Responsive: Looks perfect across mobile, tablet, and desktop, with a swipeable work slider on phones.
- Motion Animations: Letter-by-letter headline reveals and cards that rise into place, with Lenis smooth scrolling.
- Five Client Automations: Lead qualification, instant enquiry replies, lead routing to the right specialist, client onboarding and follow-up feedback.
- Admin Boards: Password-protected ticket and setup boards at /admin, updated live as forms come in.
- SEO Optimized: Everything in place — per-page metadata, Open Graph tags, canonical URLs, sitemap and robots.txt.
- Accessible: Keyboard-friendly tabs and accordions, visible focus states and full reduced-motion support.
Technology Overview
- Astro 7 (SSR/SSG)
- JSX
- React 19 (Islands)
- Tailwind CSS v4
- Motion (scroll reveals & animations)
- Lenis (smooth scrolling)
- Nanostores (live admin state)
Included Pages & Sections
- Home: Hero with condensed headline and project cards, brand marquee, selected-work slider, stacking service cards, stats, testimonials and CTA
- About: Full-width hero image, studio story, stats, values, team and a four-step process
- Services: Services accordion with deliverables and imagery, process steps, tabbed FAQ and CTA
- Projects: Project grid linking to every case study
- Project Detail: Case study page with cover, challenge, solution, gallery, results and client quote
- Contact: Studio details and three forms (start a project, talk to a specialist, send a brief) with FAQ
- Client Onboarding: Questionnaire for newly signed clients
- Feedback: Follow-up form for milestones and launches
- Admin: Ticket board and automation setup board
- Legal & Utility: Custom 404, sitemap.xml and robots.txt
Additional Highlights
- Centralized Content System: Manage all copy, projects, services and team members through JSON files, one per page.
- Auto-detected Video/Image Media: Put an .mp4 in any image field and it plays inline, muted and looping.
- Scroll-triggered Reveals: Headings blur in letter by letter and cards rise into place as you scroll.
- Built-in Ticket Database: Every form submission becomes a ticket in a JSON database — no third-party service needed.
- 116 3D Avatars: Ready-made avatars for your team and testimonials.
- Easy to Navigate: Sections are organised in folders by page, with a README table mapping every section to its file and content.
- Comprehensive Documentation: Detailed README covering structure, content, theming, automations and deployment.
License & Usage
By purchasing Tracy, you are granted the right to:
- Use the template for personal and commercial projects.
- Customize and adapt the source code for your own brand or your clients.
- Note: Redistribution, resale, or sublicensing of the template in its original or modified form is strictly prohibited.
License: flux-theme.online/license
Questions? contact@flux-theme.online
