← Back to projects

Pinceles y Acrilico: nail studio landing page

A conversion-focused web project for a local business. The landing page combines services, filterable gallery, testimonials, and contact in a fast, low-maintenance static architecture.

Challenge

The studio needed a simple and fast digital presence, with easy content updates and strong focus on WhatsApp booking conversion.

Solution

Built a single-page static site with Astro using structured data files, direct wa.me CTAs, local-business SEO basics, and Netlify deployment with security headers.

Results

  • - Clear one-page presentation of services, gallery, and testimonials
  • - Stronger booking flow through WhatsApp-focused CTAs
  • - Simple maintenance to update prices, photos, and categories
  • - Solid performance with static output and deferred gallery loading

Technical system profile

Overview

A single-page static landing for Pinceles y Acrilico nail studio, focused on showcasing services/portfolio and converting visits into WhatsApp bookings.

Problem solved

  • - Create a professional digital presence without backend complexity
  • - Standardize how services, gallery, testimonials, and contact are presented
  • - Enable fast booking conversion through WhatsApp
  • - Keep content updates simple through structured data files

Stack and technologies

  • - Astro 5
  • - Tailwind CSS v4
  • - TypeScript
  • - @tailwindcss/vite
  • - @lucide/astro
  • - Netlify

How it is organized

  • - src/pages/index.astro: section composition
  • - src/layouts/MainLayout.astro: SEO, OG/Twitter, JSON-LD, header/footer
  • - src/components: Hero, Services, Gallery, Reviews, MapSection
  • - src/config/site.ts: centralized business config
  • - src/data: services, categories, gallery, reviews
  • - src/styles/main.css: visual system and utility layers

Main workflow

  • - Visitor navigates a single-page experience
  • - Explores services, portfolio, and reviews
  • - Filters gallery by category with deferred image loading
  • - Reaches booking CTA and opens wa.me with prefilled message

Key modules

  • - Header: responsive nav and WhatsApp CTA
  • - Hero: core value proposition and primary action
  • - Services: cards rendered from structured data
  • - Gallery: category filters plus IntersectionObserver
  • - MapSection: contact, map, social links, CTA

Strengths

  • - Fast and resilient static architecture for local business
  • - Simple content maintenance workflow
  • - Strong baseline technical SEO for a landing page
  • - Deployment and basic security handled cleanly

Risks / technical debt

  • - Full conversion dependency on WhatsApp channel
  • - No backend-owned conversion analytics
  • - Manual maintenance required for public sitemap/robots
  • - No env-based config strategy yet

Do you need to build or improve a software system?

I can help you translate business needs into a robust, maintainable technical solution.