CITIVA Consult: Corporate Website

Corporate website for a construction and consulting company: services, projects, teams, blog and quote request.

Status
Live
Type
Client project
Website
citiva-consult.vercel.app

About this project

CITIVA Consult is a corporate website for a construction and consulting company. It presents the company, its services, projects and teams, with a blog, an FAQ and a quote request page.

A separate Sanity Studio provides content schemas for projects, posts, categories and authors. I handled the project from design integration to deployment.

My role: Developer, from design integration to deployment

Key features

  • Services

    Presents 12 services, from architectural and structural design, civil engineering and geotechnical investigation to topographic survey and renovation trades.

  • Project showcase

    Featured projects across residential, commercial, infrastructure and public works.

  • Company and team

    About, teams and client reviews sections that present the company to prospective clients.

  • Lead generation

    Quote request page, contact page and FAQ to turn visitors into inquiries.

  • Blog

    Articles on construction topics, managed as posts in the CMS.

Technical approach

  1. Headless CMS

    Content lives in Sanity and is fetched through its API, so the client updates projects and articles without touching the codebase.

  2. Content modeling

    A separate Sanity Studio defines schemas for projects, posts, categories and authors.

  3. Component-based UI

    Responsive Next.js and TypeScript interface built from reusable components, deployed on Vercel.

What I built

  • Built a responsive multi-page corporate site in Next.js/TypeScript with a component-based UI architecture.
  • Integrated Sanity's headless CMS via API, decoupling content management from the codebase.
  • Modeled content schemas (projects, posts, categories, authors) in a dedicated Sanity Studio.
  • Delivered the project from design integration to deployment.

Built with

Framework
  • Next.js
  • React
  • TypeScript
Styling
  • Tailwind CSS
  • CSS
CMS
  • Sanity