15% off individual templatesCUTER15
Apply it at checkout
Cipres Solar template — Home view

What is inside

Cipres Solar turns technical solar projects into clear, credible case studies with capacity, panel count, energy generation, CO2 savings and payback metrics. Company data, services and FAQs are separated into typed files so the template is quick to adapt for a real installer.

Feature by feature

Projects that carry their numbers

Every installation records capacity, panel count, CO2 saved, energy generated and payback period, and the detail page renders them as real figures.

Zero UI framework

No React, no hydration. Each interactive piece is a small Astro script, so the page ships the JavaScript it uses and nothing else.

Nine typed data files

Services, features, company features, FAQ, process, testimonials, navigation and social links. Editing the site is editing an array.

A lead form built to survive the internet

Honeypot, two-tier rate limiting and server-side validation, with Resend behind a swappable provider interface.

Generated Open Graph cards

Real 1200x630 social cards per page, plus sitemap and robots.txt, so a shared link never resolves to a missing image.

One image pipeline, all local

A single entry point, every source inside the repo, optimised by sharp at build time. Nothing is fetched at render time.

An animated loading screen

A loader with video detection covers the first paint, and the hero animation only starts once it is gone.

Accessible and reduced-motion aware

WCAG-compliant components throughout, and every animation checks the visitor's motion preference before it plays.

Pages included
/Home
/About
/Projects
/Project detail
/Contact
/Legal + 404
What you publish without touching code

Typed content collections. You write a file, and the listing, the detail page, the feed and the sitemap pick it up on the next build.

Projects
src/content/projects/*.mdInstallations with category, location, capacity and a stats block. Marking one as featured shows it on the home page.
Legal
src/content/legals/*.mdTitle and description. The filename becomes the route.
Site data
src/config/*.data.tsNine typed files — services, features, FAQ, process, testimonials, navigation, social links and the rest.
A new project is this file:
---
title: 'Residential Solar Installation'
category: 'Residential'
location: 'San Francisco, CA'
capacity: '10 kW'
date: 2026-12-01
image: '../../assets/projects/my-project.webp'
description: 'Complete solar installation for modern home'
isFeatured: true
stats:
  panelCount: 30
  co2Saved: '7 tons/year'
  energyGenerated: '14,000 kWh/year'
  paybackPeriod: '6 years'
client: 'Smith Family'
---
Making it yours

The copy

src/config/labels.ts

All page text and SEO copy in one typed file. Translating the site means translating this file and nothing else.

The typefaces

astro.config.mjs

Four families loaded through Astro's font API, hashed and served with fallback metrics so the layout does not jump while they load.

The palette

src/styles/global.css

Eleven colour tokens in oklch, plus the type presets. Article body styles live in their own stylesheet next to it.

Stack
Astro 7Tailwind CSS 4TypeScriptGSAPLenisContent CollectionsAstro ActionsZodResendUpstash Redis
What you need to run it
RuntimeNode 22.12 or newer
Package managerpnpm 10 or newer
DeployVercel out of the box; any static or Node host with a one-line adapter swap
Accounts you need
Resend— delivers the contact form email
Upstash Redis— rate-limits the contact form

Both have a free tier, and the contact form needs them: the ZIP ships an .env.template with the variables to fill in.

Documentation included

A README written for this template, not copied between them, inside the ZIP. It covers:

Features
Tech stack
Project structure
Getting started
Pages & routing
Component architecture
Configuration files
Assets & images
Design system
Animations
Contact form
Deployment
Environment variables
SEO management
Content collections
Release history
v1.0Nov 10, 2025Initial commercial release for solar installers and renewable-energy companies.

Try any demo before you decide

The demos are the real templates, deployed. No signup, no email in the way.