<!DOCTYPE html>
<html lang="pt-PT">
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Brandit - Design, Web, Comunicação e Marketing Digital desde 2007</title>
  <meta name="description" content="Desde 2007, a Brandit oferece soluções criativas em design, programação, comunicação e marketing digital.">
  <meta name="keywords" content="Brandit, design gráfico, desenvolvimento web, comunicação digital, branding, marketing digital, Portugal, Barcelos">
  <meta name="author" content="Brandit">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">
    <link rel="stylesheet" href="https://unpkg.com/lenis@1.3.19/dist/lenis.css">
    <script src="https://unpkg.com/lenis@1.3.19/dist/lenis.min.js" defer></script>
    <script src="/assets/js/lenis-init.js" defer></script>
  <link rel="icon" href="../assets/img/brandit-favicon.svg" type="image/x-icon">
  <link rel="stylesheet" href="header/header.css">
  <link rel="stylesheet" href="footer/footer.css">
  <link rel="stylesheet" href="../assets/css/styles.css">
  <link rel="stylesheet" href="../assets/css/index.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  <!-- Global site tag (gtag.js) - Google Analytics v4 -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-4X961HZ7G3"></script>
		<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'G-4X961HZ7G3'); 
		</script>
		<!-- End Google Analytics v4 -->
</head>
<body>
  <main>

    <header id="header-container"></header>

    <div class="banner-container">
      <div class="idioma-botoes idioma-banner">
        <span class="idioma-botao" id="btn-en">en.</span>
        <span class="idioma-botao ativo" id="btn-pt">pt.</span>
        <span class="idioma-botao" id="btn-es">es.</span>
        <span class="idioma-botao" id="btn-fr">fr.</span>
      </div>

      <div class="banner-principal">
        <div><img src="../assets/img/portfolio/brandit-portfolio-bassala.webp" alt="Banner 1"></div>
        <div><img src="../assets/img/portfolio/brandit-app-OZ-2-tinified.webp" alt="Banner 2"></div>
        <div><img src="../assets/img/portfolio/brandit-app-scouting3-tinified.webp" alt="Banner 3"></div>
        <div><img src="../assets/img/portfolio/brandit-portfolio-algori.webp" alt="Banner 4"></div>
        <div><img src="../assets/img/portfolio/brandit-website-app-migueloliveira-tinified.webp" alt="Banner 5"></div>
        <div><img src="../assets/img/portfolio/brandit-app-tacticalboards-tinified.webp" alt="Banner 6"></div>
        <div><img src="../assets/img/portfolio/brandit-revista-aptiv-tinified.webp" alt="Banner 7"></div>
        <div><img src="../assets/img/portfolio/brandit-portal-weteachfootball-tinified.webp" alt="Banner 8"></div>
        <div><img src="../assets/img/portfolio/brandit-portfolio-bloomati01.webp" alt="Banner 9"></div>
        <div><img src="../assets/img/portfolio/brandit-portal-afalgarve-tinified.webp" alt="Banner 10"></div>
        <div><img src="../assets/img/portfolio/brandit-portfolio-ditchil.webp" alt="Banner 11"></div>
        <div><img src="../assets/img/portfolio/brandit-portal-concacaf-2-tinified.webp" alt="Banner 12"></div>
      </div>
    </div>

    <div class="container">
      <div class="texto-esquerda">
          <strong>Se há um desafio,<br>nós temos a solução.</strong>
          Desde 2007, trabalhamos à medida para marcas, instituições e personalidades - no digital e no offline.
          <a href="portefolio/" class="botao-customizado">Portefólio</a>
        </div>

        <div class="servicos-direita">
          <ul>
            <li>Desenvolvimento de software, websites e aplicações</li>
            <li>SEO e copywriting para web</li>
            <li>Consultoria estratégica e networking especializado</li>
            <li>Branding e posicionamento</li>
            <li>Planeamento e gestão de comunicação</li>
            <li>Produção editorial e institucional</li>
            <li>Identidade visual e design</li>
            <li>Fotografia e vídeo</li>
            <li>Gestão de redes sociais</li>
            <li>Gestão e otimização de campanhas digitais</li>
            <li>Criação e distribuição de conteúdos para streaming</li>
          </ul>
        </div>
      </div>

      <div class="marcas-grid-wrapper" id="marcas-wrapper">
        <div class="marcas-container">
          <div class="marcas-row"><div class="slide-track" id="row1"></div></div>
          <div class="marcas-row"><div class="slide-track" id="row2"></div></div>
          <div class="marcas-row"><div class="slide-track" id="row3"></div></div>
          <div class="marcas-row"><div class="slide-track" id="row4"></div></div>
          <div class="marcas-row"><div class="slide-track" id="row5"></div></div>
          <div class="marcas-row"><div class="slide-track" id="row6"></div></div>
        </div>
      </div>

    <div class="logo-container">
      <img class="bottom-logo pc-logo" src="../assets/img/brandit-blur.svg" alt="Logo da Brandit">
      <img class="bottom-logo mobile-logo" src="../assets/img/brandit-blur-mobile.svg" alt="Logo da Brandit">
      <div id="blur-ball"></div>
    </div>
  </main>

  <footer id="footer-container"></footer>
  <script src="assets/js/functions.js"></script>
  

</body>
</html>
