# 🎨 Easy4me Moda - Sistema de Gestão Premium para Lojas de Moda     ## 🚀 Sobre o Projeto Landing page e sistema de gestão premium para lojas de moda, desenvolvido com as tecnologias mais modernas do mercado. Interface sofisticada, animações suaves e experiência de usuário excepcional. ## ✨ Características - 🎯 **Design Premium**: Interface elegante inspirada em marcas de luxo - ⚡ **Performance Otimizada**: Next.js 14 com App Router e RSC - 🎭 **Animações Sofisticadas**: Framer Motion para transições suaves - 📱 **Totalmente Responsivo**: Perfeito em todos os dispositivos - 🛒 **E-commerce Completo**: Sistema de carrinho e checkout integrado - 🎨 **Design System**: Componentes reutilizáveis e consistentes - 🔒 **Type-Safe**: 100% TypeScript para código robusto - 🌐 **SEO Otimizado**: Meta tags, Open Graph e Schema.org ## 🛠️ Tecnologias - **Framework**: Next.js 14 (App Router) - **Linguagem**: TypeScript 5.6 - **Estilização**: Tailwind CSS 3.4 - **Animações**: Framer Motion 11 - **Ícones**: Lucide React - **Gerenciamento de Estado**: Zustand - **Forms**: React Hook Form + Zod - **Carrossel**: Swiper ## 📦 Instalação ```bash # Clone o repositório git clone https://github.com/grdcompany/easy4me-moda.git # Entre na pasta cd easy4me-moda # Instale as dependências npm install # Inicie o servidor de desenvolvimento npm run dev ``` Acesse [http://localhost:3000](http://localhost:3000) no seu navegador. ## 🏗️ Estrutura do Projeto ``` src/ ├── app/ # App Router (Next.js 14) │ ├── layout.tsx # Layout raiz │ └── page.tsx # Página inicial ├── components/ │ ├── layout/ # Componentes de layout │ │ ├── Header.tsx │ │ └── Footer.tsx │ ├── sections/ # Seções da página │ │ ├── Hero.tsx │ │ ├── Features.tsx │ │ ├── Products.tsx │ │ ├── Testimonials.tsx │ │ └── CallToAction.tsx │ └── ui/ # Componentes UI reutilizáveis │ ├── Button.tsx │ └── Animations.tsx ├── lib/ # Funções utilitárias │ └── utils.ts ├── store/ # Estado global (Zustand) │ └── cart.ts ├── styles/ # Estilos globais │ └── globals.css └── types/ # Definições TypeScript └── index.ts ``` ## 📝 Scripts Disponíveis ```bash npm run dev # Inicia servidor de desenvolvimento npm run build # Build de produção npm run start # Inicia servidor de produção npm run lint # Executa o linter npm run type-check # Verifica tipos TypeScript ``` ## 🎨 Customização ### Cores Personalize as cores no arquivo `tailwind.config.ts`: ```typescript colors: { primary: { /* suas cores */ }, luxury: { /* suas cores */ } } ``` ### Tipografia As fontes podem ser alteradas em `src/app/layout.tsx`: ```typescript const inter = Inter({ subsets: ['latin'] }) const playfair = Playfair_Display({ subsets: ['latin'] }) ``` ## 🌟 Funcionalidades ### ✅ Implementadas - [x] Landing page responsiva - [x] Sistema de navegação - [x] Seção Hero com animações - [x] Grid de funcionalidades - [x] Catálogo de produtos - [x] Depoimentos de clientes - [x] Call-to-action - [x] Footer completo - [x] Sistema de estado (Zustand) - [x] Componentes UI reutilizáveis ### 🔄 Em Desenvolvimento - [ ] Páginas de produto individual - [ ] Checkout completo - [ ] Integração de pagamento - [ ] Dashboard administrativo - [ ] Sistema de autenticação ## 📱 Responsividade O site é totalmente responsivo e otimizado para: - 📱 Mobile (320px+) - 📱 Tablet (768px+) - 💻 Desktop (1024px+) - 🖥️ Large Desktop (1440px+) ## ⚡ Performance - **Lighthouse Score**: 95+ - **First Contentful Paint**: < 1.5s - **Time to Interactive**: < 3.5s - **Core Web Vitals**: Todas as métricas no verde ## 🤝 Contribuindo Contribuições são bem-vindas! Por favor, leia o guia de contribuição primeiro. ## 📄 Licença Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes. ## 👥 Autores - **GRD Company** - [GitHub](https://github.com/grdcompany) ## 🙏 Agradecimentos - Design inspirado nas melhores práticas de UX/UI - Comunidade Next.js e React - Todos os contribuidores --- Desenvolvido com ❤️ por GRD Company ✔ Relatórios que mostram exatamente o que vende e o que trava 📊 Resultados Que Importam Mais lucro, menos desperdício e decisões certeiras todos os dias. 🎯 CTA 👉 Começar gratuitamente por 7 dias 🍷 Landing Page — Serv Festa / Adegas / Loja de Bebidas ⭐ Headline Venda mais bebidas, controle seu caixa e estoque sem bagunça Perfeito pra quem tem giro alto e precisa de tudo integrado — caixa, estoque e notas. 📌 Subtitulo Controle PDV, estoque, financeiro e emissão fiscal dentro de um único sistema pensado pra varejo e evento. Easy4me 🛠 Benefícios que convertem ✔ Sistema tudo-em-um — nada de vários programas soltos ✔ Controle de grade (tipo/volume) e inventário real ✔ Emite NFC-e sem erro, direto na venda ✔ Relatórios que te dizem o que vende rápido ✔ Fácil pra equipe aprender e usar 🍾 Por que funciona Banheiro limpo, bebida gelada e caixa organizado. Não é só vender, é vender bem. 🎯 CTA 👉 Quero testar grátis por 7 dias# moda