Case Study

Hello CIT Website

We delivered the Hello CIT marketing website as a modern site in English and Spanish, built with the Next.js App Router and an optional link to WordPress as a headless content source. The work covered the full design, from the hero, solutions, testimonials, FAQ, team, and contact sections to the blog preview and footer, plus a contact form that reliably sends email through Brevo, full SEO, scroll animations, and legal pages. The result is a live site at hellocit.com, hosted on Vercel, where each form entry reaches the client as an HTML email sent through the Brevo API, and search and social previews are set up correctly.

The Challenge

Hello CIT needed a modern marketing website in two languages that could explain what they offer, from AI factories and digital agents to infrastructure, to large companies across Latin America. In the headless setup, the contact form first sent its data to a WordPress form plugin. WordPress said the request went through, but the plugin never processed it, so no one was ever emailed. The site could not go live until every contact was captured and every email arrived.

Our Approach

We built the site with the Next.js App Router and the full design for every section asked for: the hero, solutions, testimonials, FAQ, team, contact form, blog preview, and footer. A language switch moves the content and interface between English and Spanish. Posts, team, FAQ, and footer data can come from WordPress, with backup content in the code for both languages. The styles use Tailwind CSS with the brand's color tokens and the Plus Jakarta Sans typeface, and the site was set up to deploy on Vercel at hellocit.com.

Key Features

The home page opens with a hero that has a headline, a call to action, a switch between Spanish and English, the main menu, and rows of brands and certifications. A grid of solution cards, each with a large icon and a title, links to a page for each solution, such as Hello Infrastructure and Hello Agents. Below that come testimonials, an FAQ that opens and closes with a link for more questions, and a team section with a card for each person. The contact form asks for a name, an email, a product of interest from a list of eight plus other, and a message. It sends to the site's own contact route, shows loading, success, and error states, and blocks double sends. A blog preview shows the three newest posts with an image, date, title, summary, and a read more link. Sections fade in as you scroll, and the effect turns off for people who ask their device for less motion. The footer has a call to action, a short company description, links, the license, and a contact anchor. For SEO, every page has titles, descriptions, canonical links, and social previews in each language, along with structured data, a sitemap, a robots file, a share image, and a favicon.

The Result

The site is live at hellocit.com, hosted on Vercel from the main branch. Each contact form entry reaches the client as an HTML email sent through Brevo's email API. The site's contact route checks the required fields, builds the email so a reply goes straight to the person who wrote in, and returns a clear success or error message. Search indexing and social previews are set up correctly. The code repository and the hosting settings, including the Brevo API key and the optional contact settings, are documented so the site is easy to maintain and check.

Technology & Deployment

The site runs on Next.js 16 with the App Router, React, and TypeScript, styled with Tailwind CSS and the Plus Jakarta Sans typeface served from the site itself. Content can come from WordPress, with backup content in the code in both languages. It is hosted on Vercel at hellocit.com. Email goes through Brevo's email API, so the WordPress form plugin is no longer in the loop. One setting holds the Brevo API key, and three more can set where contact email goes and who it comes from. To make sure email arrives, we recommend verifying the sender and domain in Brevo and setting up DMARC.