<?php

/*

Template Name: Landing Page Beelieve

*/

?>


<!DOCTYPE html>

<html lang="pt-BR">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Sua Solução Digital | Beelieve Group</title>

  <meta name="description" content="Aumente seus resultados com estratégias digitais que funcionam. Solicite uma análise gratuita com a Beelieve Group." />

  <meta name="robots" content="index, follow" />

  <link rel="canonical" href="<?php echo get_permalink(); ?>" />


  <!-- Open Graph -->

  <meta property="og:title" content="Sua Solução Digital | Beelieve Group" />

  <meta property="og:description" content="Impulsione seu negócio com marketing de verdade. Resultados concretos com quem entende do assunto." />

  <meta property="og:image" content="https://seudominio.com/imagem.jpg" />

  <meta property="og:url" content="<?php echo get_permalink(); ?>" />

  <meta property="og:type" content="website" />


  <link rel="icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" type="image/x-icon" />


  <style>

    body {

      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

      margin: 0;

      padding: 0;

      background-color: #f4f4f4;

      color: #333;

    }


    header {

      background-color: #111827;

      color: #fff;

      padding: 3rem 2rem;

      text-align: center;

    }


    header h1 {

      font-size: 2.5rem;

      margin-bottom: 0.5rem;

    }


    header p {

      font-size: 1.2rem;

    }


    section {

      padding: 2rem;

      max-width: 800px;

      margin: auto;

      background-color: #fff;

    }


    form {

      display: flex;

      flex-direction: column;

      gap: 1rem;

      margin-top: 2rem;

    }


    input, textarea, button {

      padding: 0.8rem;

      font-size: 1rem;

      border: 1px solid #ccc;

      border-radius: 6px;

    }


    button {

      background-color: #2563eb;

      color: #fff;

      border: none;

      cursor: pointer;

      transition: background 0.3s ease;

    }


    button:hover {

      background-color: #1d4ed8;

    }


    footer {

      text-align: center;

      padding: 1rem;

      font-size: 0.9rem;

      color: #777;

    }


    @media (max-width: 600px) {

      header h1 {

        font-size: 1.8rem;

      }


      section {

        padding: 1rem;

      }

    }

  </style>

</head>

<body>

  <header>

    <h1>Sua Solução Digital</h1>

    <p>Transformamos negócios com marketing estratégico e resultados reais.</p>

  </header>


  <section>

    <h2>Quer atrair mais clientes?</h2>

    <p>Receba uma análise gratuita do seu marketing digital e descubra como melhorar seu posicionamento online. A Beelieve Group te mostra o caminho.</p>


    <form action="https://formspree.io/f/seu-email" method="POST">

      <input type="text" name="nome" placeholder="Seu nome" required />

      <input type="email" name="email" placeholder="Seu melhor e-mail" required />

      <textarea name="mensagem" placeholder="Fale brevemente sobre sua empresa..." rows="4" required></textarea>

      <button type="submit">Quero minha análise gratuita</button>

    </form>

  </section>


  <footer>

    © <?php echo date('Y'); ?> Beelieve Group - Todos os direitos reservados.

  </footer>

</body>

</html>