{ const term = e.detail.term?.toLowerCase() || ''; const category = e.detail.category || 'All'; document.querySelectorAll('.faq-category').forEach(cat => { const catName = cat.dataset.category; const items = cat.querySelectorAll('.accordion-item'); let hasVisible = false; items.forEach(item => { const searchable = item.dataset.searchable; const matchesSearch = !term || searchable.includes(term); const matchesCategory = category === 'All' || catName === category; if (matchesSearch && matchesCategory) { item.style.display = 'block'; hasVisible = true; } else { item.style.display = 'none'; } }); cat.style.display = hasVisible ? 'block' : 'none'; }); }" @open-faq.window="(e) => { openItem(e.detail.id); }" class="space-y-8">
Licensing & Usage
You get a commercial license that allows you to use the product in unlimited projects for yourself or your clients. Once you purchase, it's yours. You can modify the code as needed, use it commercially, and keep your modifications private. The only restriction is that you cannot resell or redistribute the template files themselves.
Was this helpful?
Yes! Once you purchase, you can use the product for unlimited projects - both personal and commercial. Use it for your own projects, client work, SaaS applications, or any revenue-generating products. The only restriction is that you cannot resell or redistribute the template files themselves.
Was this helpful?
For templates (Astra Vitae Premium and Lite), you get complete, unencrypted source code made to work within the constraints of the template, that you can modify as needed. For components, you receive the distribution code generated from the build with Rollup (production-ready bundled code), not the original source code. The distribution code is optimized and ready to use in your projects.
Was this helpful?
No. You cannot resell or redistribute the template files themselves, share the source code with other developers, or create derivative products for sale. However, you can use them for client work and charge for your implementation and development services. Once you purchase, it's yours to use but not to redistribute.
Was this helpful?
Attribution is optional! It's not required for client projects and you can remove 'Built with ❤️ by SCL' and any other attribution if desired. We really appreciate it but it's not mandatory and has no impact on functionality.
Was this helpful?
Technical Requirements
You need Node.js 18+ and npm 9+. The templates and components work with React 16.8 and above, and are optimized for modern browsers (Chrome 90+, Firefox 88+, Safari 14+, Edge 90+). We recommend at least 4GB RAM for development.
Was this helpful?
Yes! All our templates and components are built with TypeScript first. You get full type safety, IntelliSense support, and can easily convert to JavaScript if needed.
Was this helpful?
Yes! Our React components work seamlessly with Next.js, Gatsby, Remix, and other React frameworks. We provide integration guides for popular frameworks.
Was this helpful?
Components are language-agnostic! They accept text content as props, work with any language content, support RTL languages with CSS modifications, and include ARIA labels that can be translated.
Was this helpful?
Templates support Chrome 90+, Firefox 88+, Safari 14+, Edge 90+ on desktop, and iOS Safari 12+, Chrome Mobile 80+ on mobile. Features require ES6+, CSS Grid, and HTML5 video support.
Was this helpful?
Performance & Optimization
Our templates consistently score 95+ on Google Lighthouse for Performance, Accessibility, Best Practices, and SEO. They feature code splitting, lazy loading, optimized images, and minimal bundle sizes.
Was this helpful?
Absolutely! Every template is mobile-first responsive, touch-optimized, and tested across all major devices. We ensure smooth animations, fast load times, and perfect layouts on screens from 320px to 4K.
Was this helpful?
Astra Vitae Premium achieves 98-100 across all metrics, Lite scores 96-100, and Component Collection is optimized for 95+ scores. Actual scores depend on image optimization, third-party scripts, hosting performance, and content size.
Was this helpful?
Customization & Branding
Very easy! We use Tailwind CSS with custom design tokens. Change colors, fonts, spacing, and more through simple configuration files. No deep CSS knowledge required.
Was this helpful?
Yes! You can completely rebrand the templates, remove all references to Astra Vitae, and present them as your own work to clients. Attribution is optional and you can remove 'Built with ❤️ by SCL' if desired.
Was this helpful?
Simply add new images to src/assets/images/ folder, update references in components or MDX files, maintain aspect ratios for best results, use WebP format for optimal performance, and test on mobile devices for responsiveness.
Was this helpful?
Yes! The architecture supports extensions. Follow existing patterns for consistency, use provided utilities and styling systems, copy component structure for new sections, and test thoroughly across devices and browsers.
Was this helpful?
Yes! Easily replace fonts through CSS or Tailwind config. Templates use standard SVG icons that can be swapped with your preferred icon library like FontAwesome or Heroicons.
Was this helpful?
Support & Troubleshooting
This is a product, not a service. What's included: complete guides with code examples (.md files), working code (tested and production-ready), and bug fixes for critical issues (at our discretion). What's NOT included: implementation support, custom development, guaranteed response times, or feature requests. If you find a critical bug with clear reproduction steps, submit a bug report and we'll review and fix confirmed bugs when time permits.
Was this helpful?
We may release updates with bug fixes, performance improvements, and new features, but there's no guaranteed schedule. Updates are provided as-is when available. Major framework updates are implemented when time permits. When we have updates ready we will add a new page to the website with the changelog and update files.
Was this helpful?
This is a product, not a service, so there are no guaranteed response times. For critical bugs with clear reproduction steps, we'll review and fix confirmed issues when time permits. General questions and implementation support are not included. Please refer to the documentation first, as it's comprehensive and up-to-date.
Was this helpful?
Multi-Language & Internationalization
Yes! Premium includes built-in support for English (default) and Portuguese, with an extensible system to add additional languages easily. It features automatic routing, language-based URL structure, and separate content files per language.
Was this helpful?
Lite is English-only by default, streamlined for faster development with single language to reduce complexity. However, it can be manually extended for other languages. Consider Premium if multi-language is a priority.
Was this helpful?
Setup & Deployment
For Astra Vitae Premium and Lite it takes about 10 minutes, just run npm install and npm run dev commands in terminal, you might have to update React or Node, for Node use nvm to manage versions. Components may vary on your project setup, if you can, use AI to streamline the process.
Was this helpful?
We recommend Netlify for drag-and-drop deployment, Vercel for Git-based deployments, GitHub Pages for open source projects, Cloudflare Pages for fast global CDN, or AWS S3 + CloudFront for enterprise-level hosting.
Was this helpful?
Templates are static and don't require a backend. For forms, use services like Netlify Forms or Formspree. Authentication mock system is included and can integrate real auth. You can also integrate headless CMS like Strapi or Contentful.
Was this helpful?
Pricing & Payment
We process payments and delivery through Payhip. Payhip offers secure payment options including Stripe (for Credit/Debit Cards - Visa, MasterCard, American Express) and PayPal. All payments are processed securely through Payhip's platform.
Was this helpful?
No! It's a one-time purchase with no monthly or yearly fees. You get free updates, lifetime access to purchased version, and no limits on site views or traffic.
Was this helpful?
All sales are final. Digital products cannot be returned once downloaded. By purchasing, you acknowledge that you've reviewed the product description, tested the live demos, and understand the license terms. If you find a critical bug with clear reproduction steps, please submit a bug report and we'll review and fix confirmed bugs when time permits.
Was this helpful?
Yes! We offer bundle deals that combine Templates + Components at reduced prices. Purchasing bundles gives you better value compared to buying items individually. Check our pricing page to see available bundle options.
Was this helpful?
Have More Questions About Our Products?
Please check our documentation, it's comprehensive and up to date.