Köpenick S.A.

Köpenick S.A. is a high-performance corporate landing page designed to position a Cuban company with over 25 years of experience as a regional reference in industrial refrigeration and air conditioning. The site communicates its value proposition as the official distributor of eight leading European manufacturers (Zanotti, Novafrigo, Coldmark, Everlasting, DECSA, Benaglio, Emicon, among others), articulating independent sections for brand presentation, completed projects, corporate history, product catalog, partner manufacturers, competitive differentiators, and contact form. The visual experience combines a moderate brutalist aesthetic —condensed typography, hard shadows, marked borders— with an interactive Caribbean map that geographically locates the service area, full support for light/dark mode with preference persistence, and a mobile-first design carefully audited to guarantee readability and usability on any device. Additionally, it integrates a solid SEO strategy with Open Graph and Twitter Card metadata, geolocation, Schema.org structured data (Organization, LocalBusiness, OfferCatalog), and static prerendering to maximize performance, indexing, and conversion.


Project screenshot 1
  • Project screenshot 1
  • Project screenshot 2
  • Project screenshot 3
  • Project screenshot 4
  • Project screenshot 5

Technologies used:

Front End:

Modern and minimalist stack oriented towards performance, SEO, and maintainability. Uses React 19 with TypeScript for strong typing and decoupled components, Vite 7 as an ultra-fast bundler with native ESM support, and Tailwind CSS 4 via the official Vite plugin for efficient and consistent styling with custom design tokens. Global state management is handled with Zustand, lightweight and boilerplate-free, ideal for the theme toggle and persistence of user preferences in localStorage. The architecture is organized into cohesive components by section (Hero, Projects, AboutUs, Products, Partners, WhyUs, Contact, Footer), favoring separation of concerns and reusability. Implements static prerendering (SSG) through a custom script with entry-server.tsx that generates static HTML at build time, improving First Contentful Paint, performance on slow networks, and search engine indexing. Includes Google Fonts (Anton, JetBrains Mono) loaded with display=swap, Schema.org structured data embedded in the HTML, full fallback inside <noscript> for accessibility and SEO without JavaScript, and ESLint with typescript-eslint and React Hooks rules to maintain clean and consistent code.

  • React

  • TypeScript

  • Vite

  • Tailwind

Back End:

This project has no backend. Being a static corporate landing page, all information is served from prerendered HTML and static assets, eliminating the need for a server, database, or API. The contact form is resolved through direct channels (email and phone) exposed in the interface itself, which reduces infrastructure costs, simplifies deployment, and maximizes site speed and availability.

  • none


Code not available