Vinheria Agnello

Sistema web desenvolvido como parte do desafio final da disciplina de Front-End Development, ministrada pelo professor Wellington Cidade Silva na FIAP. O projeto simula a presença digital de uma vinheria fictícia — a Vinheria Agnello — unindo identidade visual elegante, responsividade e boas práticas de codificação com HTML5, Tailwind CSS e JavaScript puro.

A proposta visa aplicar de forma prática os conhecimentos adquiridos em aula, passando por conceitos como layout responsivo, semântica HTML, estilização modularizada em CSS, animações leves com JavaScript e organização de arquivos em nível profissional.

Este trabalho foi desenvolvido com atenção aos detalhes, foco na experiência do usuário e uma forte colaboração em equipe, representando a dedicação dos alunos da Stratfy em entregar um produto visualmente refinado, tecnicamente sólido e com estrutura preparada para deploy real.

Navegação

• Tecnologias Utilizadas
• Créditos das imagens e backgrounds
• Estrutura de Pastas
• Equipe de Desenvolvimento - Stratfy
• Licença
• Observações

Tecnologias Utilizadas

• HTML5 semântico
• Tailwind CSS (CDN)
• CSS customizado modularizado (nav.css, utility.css, landing.css, global.css)
• Animações com JavaScript (IntersectionObserver, fade-in)
• Fonte: Geist, Poiret One, Playfair Display
• SVGs inline com heroicons

Créditos das imagens e backgrounds

• Background principal: Unsplash
  Imagem inspirada nas paisagens de Mendoza, Argentina.
• Imagens dos vinhos: Geradas artificialmente com assistência de IA para fins ilustrativos.

Estrutura de Pastas

VinheriaAgnello/
├── index.html
├── global.css
├── README.md
├── LICENSE
├── src/
│   ├── js/
│   │   └── script.js
│   ├── styles/
│   │   ├── nav.css
│   │   ├── utility.css
│   │   └── landing.css
│   └── assets/
│       ├── backgrounds/
│       │   ├── background-land.jpg
│       │   ├── background-land1.png
│       │   └── background-land2.png
│       ├── misc/
│       │   ├── image_wine1.png
│       │   ├── image_wine2.png
│       │   ├── image_wine3.png
│       │   └── image_family.jpg
│       └── icons/

Equipe de Desenvolvimento - Stratfy

Licença

Este projeto está licenciado sob a Licença MIT. Consulte o arquivo LICENSE para mais informações.

Observações

Este sistema foi criado com fins educacionais, focado em boas práticas de estrutura, semântica HTML e estilização desacoplada. Nenhum dado comercial é real.

Desenvolvido com dedicação pela equipe Stratfy — 2025.