Solar X360, Website Rebuild & GHL Quotations
A New Zealand client website rebuilt for Flynn with Astro, service galleries and GoHighLevel integration for quotation enquiries.
A website rebuild for Flynn at Solar X360 in New Zealand, with service galleries and GoHighLevel integration for quotation enquiries.
The rebuild is available on a Vercel preview, with the original Solar X360 website linked below for context.
What was in the way
Solar X360 offers several connected systems, from solar air heating to heat pumps and smart controls. The rebuild needed to help homeowners understand those options, explore real installation material and request a quote for the right service.
A product library is only useful when visitors can find what applies to their home and carry that context into an enquiry.
Six parts, each with a reason
A service-led website
Dedicated pages cover solar air heating and ventilation, ducted heating, automation and insulation, and sun tubes. The navigation and service comparisons help homeowners move from an overview to the relevant system.
Photos, videos and brochures
Tabbed catalogues bring installation photos, system options, videos and downloadable brochures into the relevant service pages. Image galleries let visitors inspect the work more closely without leaving the site.
Quotation enquiries with GoHighLevel
The quote integration is built to create or update a contact in GHL, attach the full enquiry as a contact note and add source and service tags. It handles quote requests for the team to follow up, rather than calculating an installation price automatically.
A responsive interface
Reusable Astro components, Tailwind styling and TypeScript power the navigation, galleries and forms. Responsive image assets and layouts support visitors researching from a phone as well as a desktop.
Enquiries that keep their context
The form collects the selected service, contact details and optional information about the property and location. Service links can preselect the enquiry type, so a visitor can move from a product page to a quote without starting over.
Server-side validation
The quotation endpoint validates submissions and checks a hidden spam field. The integration preserves existing CRM tags and uses a receipt marker to avoid creating the same enquiry note again during a retry.
The engineering underneath
Built with Astro, TypeScript and Tailwind CSS, with content pages generated ahead of time and a server endpoint for quotations. GoHighLevel credentials stay on the server. The CRM integration upserts contacts through the LeadConnector API, records enquiry notes and adds service tags without replacing the contact's existing tags.
The project includes unit tests for quote handling and browser tests for the form. The rebuild is hosted on Vercel; live CRM delivery is checked against the client account as part of launch verification.
See it live
Solar X360, Website Rebuild & GHL QuotationsThe live site · solar-360-one.vercel.appOriginal Solar X360 websiteRelated · www.solarx360.co.nzHire me for this
Full-Stack Web DevelopmentFrom $14/hrGoHighLevel SpecialistFrom $10/hrAPI & IntegrationsFrom $14/hrProjects like this
Hollow Creek Farmstead
Rustic ecommerce landing page for a full-ecosystem family farm selling fresh produce, pasture-raised meats,...
D.R.E.A.M Week by Live Joe Dreamz
Event landing page for a 5-day personal transformation program. Designed to drive registrations through clear...
Kaldi Roast Co. (DTC Coffee Brand)
Editorial-style product landing page for a premium specialty coffee brand. Subscription-focused design with...
I build software, and I measure whether it works.
The same questions I research are the ones I ask on client builds: is it reliable, is it fast, is it easy to use, and is it secure. Those four drove satisfaction in my ICT portal study, and they shape how I scope and test every project.