Nota: Todas as tasks foram executadas utilizando textos lorem e imagens aleatórias de catálogos públicos na web, o foco deste repositório é nas funcionalidades e as aplicação no admin da deco.
- Acesse o admin, apps e o site.ts associado ao site, ou clique em editar SEO para editar as opções de SEO.
- Em seguida, crie sua primeira página institucional, a /quem-somos, que irá descrever um pouco sobre quem construiu a loja.
-- Utilize as sections existentes para criar uma página que deve conter:
- Hero com imagem
- Pegue uma imagem de catálogo, gerada por AI, ou uma imagem pessoal para simbolizar a natureza da loja.
- Coloque um breve texto descrevendo o motivacional da loja e o uso da plataforma deco
- No hero, faça uma chamada/botão para o usuário acessar um conteúdo relevante, mas externo (ex.: um site regional, da sua empresa, ou o que achar interessante)
-- Descrição da loja
- Um texto descrevendo os produtos e experiências que são foco da loja
-- Bônus (usa conteúdo a ser explorado ainda): Uma section com um cupom
- Construa uma section cupom.tsx em código e que recebe como propriedades: o código do cupom, e uma descrição com os benefícios que o cupom trás
- Além disso, vamos impedir que o site seja indexado por bots da internet. Para tanto, atualize (e suba) o arquivo: static/robots.txt com o seguinte conteúdo:
User-agent: *
Disallow: /- Altere o tema do seu site (em apps) para seguir as cores do tema que você deseja
- Depois, comece criando uma nova página, a /culturas
- Um header com os apontamentos para /quem-somos e /culturas
- Um texto indicando a temperatura atual em um dos locais onde essa cultura é predominante
- Instale o app weather
- Crie uma section para receber a temperatura como propriedade (https://github.com/deco-cx/apps/blob/main/weather/loaders/temperature.ts)
- Um texto citando um aspecto de uma cultura nacional
- Um banner com duas imagens referentes a produtos dessa cultura
- Salve o header de forma global e adicione também na página /quem-somos
- Segmente a página /culturas por data e hora:
- Caso o usuário acesse a página no dia 1 de abril, adicione, no final da página, um banner de cupom de 5% nos produtos com patrocínio do deco.day
- Estilize o texto de temperatura de modo que seja um botão redondo flutuante.
- Adicione um apontamento para a página inicial no logo da loja
- HorizontalProductCard - Esta é uma section nova, deve ser criada do zero
- Ela descreve um product card (uma representação visual do produto) mas no formato horizontal.
- Espaço para uma imagem
- Título e descrição do produto
- Preço e botão de adicionar ao carrinho