Built to load instantly, Service Folio combines a clean aesthetic with smooth, intentional animations. It provides a solid, efficient foundation to display your work clearly, organize your projects, and convert visitors into new clients.
Who is this template for?
- Designers and art directors.
- Developers and tech professionals.
- Creative agencies and boutique studios.
- Freelancers looking to step up their personal brand.
Key Features
- Astro Architecture: Built with Astro 6 and TypeScript for excellent performance.
- Dark & Light Mode: Native, persistent theme system using localStorage.
- Modern Design: Clean, responsive visual structure tailored for mobile, tablet, and desktop devices.
- Cinematic Motion: Animations powered by GSAP and smooth scrolling via Lenis.
- Dynamic Portfolio: Individual case study pages managed dynamically.
- Blog System: Ready-to-use paginated blog with an integrated RSS feed.
- Secure Contact Form: Form handling via Astro Actions with Zod validation, honeypot anti-spam protection, and production-ready email delivery via Resend.
- SEO Optimization: Centralized metadata, automated sitemaps, and Open Graph tags for maximum visibility.
Tech Stack
- Astro 6 & TypeScript
- Tailwind CSS v4
- GSAP & Lenis
- Astro Content Collections
- Resend Email API
- Upstash/Redis (Optional for rate limiting)
Included Pages & Sections
- Home: Hero section, services, portfolio highlights, testimonials, and latest blog posts.
- Works (Portfolio): Full project directory and individual project detail pages.
- Blog: Paginated article list and reading pages with a table of contents.
- About: Biography, key stats, work experience, and awards.
- Contact: Fully functional form integrated with a contact information panel.
- Legal & Utility: Dedicated pages for Privacy Policy, Terms of Service, and Licensing, plus a custom 404 page, RSS feed, and robots.txt.
Developer Highlights
- Centralized Configuration: Control global text, social links, services, and SEO from dedicated data files without touching the core codebase.
- Type-Safe Architecture: Robust TypeScript setup for error-free scaling across testimonials, experience, and collections.
- Quick Deployment: Natively configured for Vercel or any compatible SSR/Server environment.
- Comprehensive Documentation: Detailed README file included.
License & Usage
By purchasing Service Folio, 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.
Service Folio is the definitive foundation for professionals looking to project digital excellence and attract premium clients.
