React
Library used to build the interface with a reusable and component-based architecture.
Project
Alianza Elite
Responsive multilingual landing page for a leadership community, focused on presenting the organization, attracting prospects, and providing an engaging user experience.
About
About this project
Alianza Elite is a responsive landing page developed for a leadership community within LiveGood. The main goal was to create a professional and engaging digital presence that communicates the group's value proposition, presents relevant information, and helps attract new prospects.
The project was built with React, focusing on reusable components, responsive design, and a clean and maintainable application structure.
One of the main features of the project is its multilingual experience, supporting three languages: English, Spanish, and Portuguese. I implemented an internationalization system that allows users to switch between languages while preserving their selected language across sessions.
I also used n8n to automate part of the translation workflow, helping manage and process the content required for the different supported languages.
The application uses React Context API for shared state management and localStorage to persist the user's language preference between sessions. I also implemented custom hooks to separate and reuse application logic, including language management, contact form handling, gallery functionality, and scroll behavior.
The landing page also includes an image gallery, carousel interactions, contact functionality, responsive layouts, and reusable UI components.
This project allowed me to practice building a complete production-oriented landing page while working with component architecture, state management, internationalization, workflow automation, responsive design, and reusable application logic.
Technologies
Tech Stack
Technologies and tools used to build this project.
JavaScript
Main programming language used to implement application logic, interactions, and reusable functionality.
Tailwind CSS
Utility-first CSS framework used to build the responsive and consistent visual interface.
n8n
Workflow automation tool used to automate part of the multilingual translation and content workflow.
Links