ScapeDBM — Landscaping Services Landing Page

Professional landing page for a landscaping services company. Features service catalogue, portfolio gallery, contact form, and quote request system with responsive design.

React.jsCSS3Cloudinary

GitHub ↗

Overview

A marketing and lead-generation landing page for ScapeDBM, a landscaping services company. The site showcases services, displays a portfolio of past work, and converts visitors into quote requests.

Technical Stack

Layer	Technology
Frontend	React.js
Styling	CSS3 (custom, no framework)
Media	Cloudinary (portfolio gallery images)

Key Features

Hero section with value proposition and primary CTA
Service catalogue with descriptions and pricing tiers
Portfolio gallery with Cloudinary-optimised images and lightbox
Contact form with validation and quote request fields
Mobile-responsive layout built with pure CSS Grid and Flexbox
Smooth scroll navigation between sections

Design Approach

Built without a CSS framework to keep the bundle minimal for a small business site. Custom CSS properties (variables) handle the brand colour palette, and a utility-class layer handles spacing and typography — a hand-rolled micro-framework appropriate for a single-page marketing site.

... /code-preview ...

// repository is private or not linked

← Back

ScapeDBM — Landscaping Services Landing Page