“Jazo Petra — Production Website”
Production website for a stone and construction business built with Astro and structured content management.
Technologies Used
Key Features
Overview
Jazo Petra is a production website for a stone and construction business, built to showcase completed stone projects through a photo gallery layout. The site features an about section and contact page, giving the business a clean and professional online presence.
The hero page uses CSS Grid to create a gallery with various box sizes that adapt responsively depending on the screen size, providing a visually engaging entry point for visitors browsing the project portfolio.
Technical Implementation
Built with Astro, the site benefits from static site generation that delivers fast page loads and excellent performance scores. Tailwind CSS and CSS Grid provide the styling foundation, with the grid layout enabling a dynamic, responsive photo gallery that adjusts box sizes across breakpoints. Keystatic CMS is integrated to allow structured content updates without requiring direct code changes.
Multilingual Support
The website supports multiple languages, ensuring that the business can reach both Greek-speaking and international visitors. The language implementation covers all content areas, including navigation, service descriptions, and contact information, with clean URL routing for each supported locale.
SEO and Performance
Search engine optimization was a priority throughout the implementation. The site uses semantic HTML structure, proper metadata, optimized images, and fast load times to achieve strong visibility in search results. Deployment on Netlify provides reliable hosting with global CDN distribution.
Outcome
The finished website serves as a polished, production-grade digital presence for the stone and construction business, combining a visually engaging project gallery with fast performance, easy content management, and multilingual accessibility.