diff --git a/pages/aboutUs.tsx b/pages/aboutUs.tsx new file mode 100644 index 0000000..d59ebc2 --- /dev/null +++ b/pages/aboutUs.tsx @@ -0,0 +1,48 @@ +import Image from 'next/image' +import React from 'react' +import Banner from '../src/components/banner/Banner' +import Header from '../src/components/header/Header' +import { AboutUsView } from '../styles/layouts/aboutUs/AboutUsView' + +export default function aboutUs() { + return ( + +
+ + +
+

A SMART ENERGIA é uma consultoria independente especializada em Gestão de Energia Elétrica, consolidada como uma das três maiores consultorias do Brasil. + Devido à grande experiência em operações na CCEE – Câmara de Comercialização de Energia Elétrica e ANEEL, entrega resultados que superam as expectativas.

+ +

Nasceu para gerenciar a compra de energia com inovação, transparência e imparcialidade sendo o elo forte e necessário entre os Consumidores e os + Vendedores de energia.

+ +

Baseada em sua experiência no setor elétrico adquirida desde 2001 e em mais de 900 unidades migradas, atua na negociação de contratos de compra e venda de + energia, na Gestão de Energia no Mercado Livre e criação de produtos diferenciados para atender as necessidades específicas dos consumidores.

+ +

Apoiada pela sólida experiência de seus gestores, conhecendo as premissas dos agentes de Comercialização e Geração para a compra e venda de energia, + aplicamos as mesmas premissas a favor dos Consumidores, disponibilizando assim um diferencial único para a tomada de decisão e elaboração das estratégias de + contratação de energia.

+
    +
  • Informação
    • +
  • Economia
    • +
  • Gestão de Energia
    • +
  • Imparcialidade
    • +
  • Previsão de Custos
    • +
  • Experiência
    • +
  • Relacionamento
    • +
+ +
+ +
+
+ + ) +} diff --git a/public/assets/bannerTemplate.png b/public/assets/banners/aboutUsBanner.png similarity index 100% rename from public/assets/bannerTemplate.png rename to public/assets/banners/aboutUsBanner.png diff --git a/public/assets/listIcon.svg b/public/assets/listIcon.svg new file mode 100644 index 0000000..68e3d9b --- /dev/null +++ b/public/assets/listIcon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/assets/stamps/blueStamp.png b/public/assets/stamps/blueStamp.png new file mode 100644 index 0000000..67cc46c Binary files /dev/null and b/public/assets/stamps/blueStamp.png differ diff --git a/public/assets/stamps/whiteStamp.png b/public/assets/stamps/whiteStamp.png new file mode 100644 index 0000000..5957fd4 Binary files /dev/null and b/public/assets/stamps/whiteStamp.png differ diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx index 1c89442..78cc0ca 100644 --- a/src/components/sidebar/Sidebar.tsx +++ b/src/components/sidebar/Sidebar.tsx @@ -38,7 +38,7 @@ export default function Sidebar() {
  • {'Notícias >'}
  • {'Info Setorial >'}
  • {'SAQ >'}
    • -
  • {'Sobre Nós >'}
    • +
  • {'Sobre Nós >'}
  • {'Notificação >'}
  • {'Telemetria >'}
    • diff --git a/styles/layouts/aboutUs/AboutUsView.ts b/styles/layouts/aboutUs/AboutUsView.ts new file mode 100644 index 0000000..3feabdd --- /dev/null +++ b/styles/layouts/aboutUs/AboutUsView.ts @@ -0,0 +1,40 @@ +import styled from "styled-components"; + +export const AboutUsView = styled.main` + width: 100%; + + p { + font-family: 'Poppins'; + font-style: normal; + font-weight: 300; + font-size: 17px; + line-height: 26px; + } + + ul { + list-style: none; + + li { + display: flex; + margin-bottom: 8px; + } + } + + section { + article { + display: flex; + justify-content: flex-end; + align-items: center; + + aside { + display: flex; + justify-content: center; + align-items: center; + + width: fit-content; + + flex-direction: column; + } + } + } +`