diff --git a/content/en/projects/lacine.md b/content/en/projects/lacine.md new file mode 100644 index 0000000..713f133 --- /dev/null +++ b/content/en/projects/lacine.md @@ -0,0 +1,49 @@ +--- +title: "Lacine" +description: "Landing page built with SvelteKit to promote Lacine, a creative lab for filmmakers." +lead_video: "/img/lacine/lead-video.mp4" +featured_image: "/img/lacine/screenshot.png" +status: "Archived" +draft: false +--- + +## About the Project + +**Lacine** is a custom website developed as a freelance project for a client in the independent cinema space. The site was designed to showcase film programming and cultural events with a clean aesthetic and user-focused experience. + +Built from the ground up with responsiveness and performance in mind, it delivers fast-loading, accessible content that works seamlessly across devices. + +### ✨ Features + +- 🎬 **Event Listing**: Displays a organic layout with dates and times of each event +- ✅ **Responsive Design**: Optimized for mobile, tablet, and desktop +- 🌐 **SEO & Performance Optimized**: Semantic structure and fast load times +- 💼 **Custom Branding**: Layout tailored to the client’s visual identity +- 🎨 **Visual Storytelling**: A cinematic presentation that highlights mood, schedule, and call to action + +## 🔧 Tech Stack + +- **Frontend:** SvelteKit, HTML5, CSS3 +- **Hosting:** Self-hosted on VPS +- **Tooling:** Git for version control, CI/CD for deployment + +## 🤝 My Role + +As a freelance full-stack developer, I was responsible for: + +1. Gathering and refining project requirements with the client +2. Designing a responsive and elegant user interface +3. Implementing key features (scheduling and event details) +4. Optimizing for performance and SEO +5. Handling deployment and infrastructure setup +6. With the tight schedule, I had to develop everything fast + +## 📈 Impact + +- Helped the client establish a professional online presence with full control over content +- The final product stands out for its clarity, aesthetics, and usability in a niche market + +## 🔗 Links + +- 🌐 [Live demo](https://projects.leomurca.xyz/lacine/) + diff --git a/content/pt-br/projects/lacine.md b/content/pt-br/projects/lacine.md new file mode 100644 index 0000000..187462d --- /dev/null +++ b/content/pt-br/projects/lacine.md @@ -0,0 +1,48 @@ +--- +title: "Lacine" +description: "Landing page desenvolvida com SvelteKit para divulgar o Lacine, um laboratório criativo para cineastas." +lead_video: "/img/lacine/lead-video.mp4" +featured_image: "/img/lacine/screenshot.png" +status: "Archived" +draft: false +--- + +## Sobre o Projeto + +**Lacine** é um site personalizado desenvolvido como um projeto freelance para um cliente do setor de cinema independente. O site foi criado para divulgar uma programação cultural com uma estética limpa e uma experiência centrada no usuário. + +Construído do zero com foco em responsividade e desempenho, ele entrega conteúdo rápido, acessível e que funciona perfeitamente em qualquer dispositivo. + +### ✨ Funcionalidades + +- 🎬 **Listagem de Eventos**: Apresenta uma estrutura orgânica com datas e horários de cada sessão +- ✅ **Design Responsivo**: Otimizado para mobile, tablet e desktop +- 🌐 **SEO e Performance Otimizados**: Estrutura semântica e carregamento rápido +- 💼 **Identidade Visual Personalizada**: Layout adaptado à identidade do cliente +- 🎨 **Narrativa Visual**: Apresentação cinematográfica que destaca clima, agenda e chamadas para ação + +## 🔧 Tecnologias Utilizadas + +- **Frontend:** SvelteKit, HTML5, CSS3 +- **Hospedagem:** VPS próprio +- **Ferramentas:** Git para controle de versão, CI/CD para deploy + +## 🤝 Meu Papel + +Como desenvolvedor full-stack freelance, fui responsável por: + +1. Levantar e refinar os requisitos do projeto junto ao cliente +2. Criar uma interface elegante e responsiva +3. Implementar funcionalidades essenciais (agenda e detalhes dos eventos) +4. Otimizar o site para desempenho e SEO +5. Configurar a infraestrutura e realizar o deploy +6. Com um cronograma apertado, desenvolvi tudo em ritmo acelerado + +## 📈 Impacto + +- Ajudei o cliente a estabelecer uma presença online profissional com controle total do conteúdo +- O produto final se destaca pela clareza, estética e usabilidade dentro de um nicho específico + +## 🔗 Links + +- 🌐 [Ver demo](https://projects.leomurca.xyz/lacine/) diff --git a/layouts/index.html b/layouts/index.html index 186199e..174c185 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -103,7 +103,9 @@ />
-

{{ i18n "lacine-title" }}

+

+ {{ i18n "lacine-title" }} +

diff --git a/static/css/styles.css b/static/css/styles.css index a4c5a47..3247db9 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -456,6 +456,7 @@ footer p { } .card__title a { + display: block; border: none; color: #D2E0EF; } diff --git a/static/img/lacine/lead-video.mp4 b/static/img/lacine/lead-video.mp4 new file mode 100644 index 0000000..b61f7a3 Binary files /dev/null and b/static/img/lacine/lead-video.mp4 differ