templates/website/page/contact-us.html.twig line 1

  1. {% extends '@web/base.html.twig' %}
  2. {% block body %}
  4.     <section class="section-services">
  5.         <div class="custom-container">
  6.             <div class="wrapper-navigation">
  7.                 <h1>
  8.                     {{ 'Contact Us'|trans }}
  9.                 </h1>
  10.                 <ul>
  11.                     <li>
  12.                         <a href="{{ path('page_index') }}">
  13.                             {{ 'Home'|trans }}
  14.                         </a>
  15.                     </li>
  16.                     <li>
  17.                         <span>
  18.                             {{ 'Contact Us'|trans }}
  19.                         </span>
  20.                     </li>
  21.                 </ul>
  22.             </div>
  23.             <div class="wrapper-contact">
  24.                 <div class="wrapper-contact-info">
  25.                     <span class="partner-eyebrow">{{ 'Get in touch'|trans }}</span>
  26.                     <h2 class="wrapper-contact-title">{{ "We'd love to hear from you"|trans }}</h2>
  27.                     <p class="wrapper-contact-lead">
  28.                         {{ 'Questions about a service, an upcoming event, or your printed Gazette? Reach out and our team will get back to you shortly.'|trans }}
  29.                     </p>
  30.                     <div class="wrapper-icons">
  31.                         <div class="wrapper-icon-item">
  32.                             <div class="wrapper-icon">
  33.                                 <svg
  34.                                         xmlns="http://www.w3.org/2000/svg"
  35.                                         width="20" height="20"
  36.                                         viewBox="0 0 24 24"
  37.                                         fill="#fff">
  38.                                     <path d="M2 3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H2zm0 2h20v.01L12 13 2 5.01V5zm0 3.2L9.6 12 2 16.8V8.2zm20 0v8.6L14.4 12 22 8.2z"/>
  39.                                 </svg>
  40.                             </div>
  41.                             <div class="wrapper-text">
  42.                                 <h6 class="contact-item-name">
  43.                                     {{ 'Email address'|trans }}
  44.                                 </h6>
  45.                                 <a href="mailto:support@infinitemoment.life">
  46.                                     support@infinitemoment.life
  47.                                 </a>
  48.                             </div>
  49.                         </div>
  50.                         <div class="wrapper-icon-item">
  51.                             <div class="wrapper-icon">
  52.                                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="#fff">
  53.                                     <path d="M6.6 10.8c1.6 3.2 4.4 6 7.6 7.6l2.6-2.6c.2-.2.6-.2.8 0 1 .4 2 .6 3 .6.4 0 .8.4.8.8v3.8c0 .4-.4.8-.8.8C12 22 2 12 2 3.8c0-.4.4-.8.8-.8H6.6c.4 0 .8.4.8.8 0 1 .2 2 .6 3 .2.2.2.6 0 .8l-2.6 2.4z"/>
  54.                                 </svg>
  55.                             </div>
  56.                             <div class="wrapper-text">
  57.                                 <h6 class="contact-item-name">
  58.                                     {{ 'Phone'|trans }}
  59.                                 </h6>
  60.                                 <a href="tel:+14387382773">
  61.                                     +1 438 738 2773
  62.                                 </a>
  63.                             </div>
  64.                         </div>
  65.                     </div>
  66.                     <div class="wrapper-contact-social">
  67.                         <a href="https://www.instagram.com/infinite__moment__/" target="_blank" rel="noopener">
  68.                             <img src="{{ asset('images/instagram.png') }}" alt="Instagram">
  69.                         </a>
  70.                         <a href="https://www.facebook.com/profile.php?id=61585138588383" target="_blank" rel="noopener">
  71.                             <img src="{{ asset('images/facebook.png') }}" alt="Facebook">
  72.                         </a>
  73.                         <a href="https://wa.me/14387382773" target="_blank" rel="noopener">
  74.                             <img src="{{ asset('images/whatsapp.png') }}" alt="WhatsApp">
  75.                         </a>
  76.                     </div>
  77.                 </div>
  78.                 <div class="wrapper-form">
  79.                     <h3>{{ 'Send us a message'|trans }}</h3>
  80.                     <form action="">
  81.                         <div class="wrapper-input">
  82.                             <label for="name">{{ 'Name'|trans }}</label>
  83.                             <input type="text" placeholder="{{ 'Your name'|trans }}" id="name">
  84.                         </div>
  85.                         <div class="wrapper-input">
  86.                             <label for="email">{{ 'Email'|trans }}</label>
  87.                             <input type="email" placeholder="{{ 'you@example.com'|trans }}" id="email">
  88.                         </div>
  89.                         <div class="wrapper-input">
  90.                             <label for="comment">{{ 'Message'|trans }}</label>
  91.                             <textarea placeholder="{{ 'How can we help?'|trans }}" id="comment" rows="4"></textarea>
  92.                         </div>
  93.                         <div class="wrapper-button">
  94.                             <button type="submit" class="main-button">
  95.                                 {{ 'Submit request'|trans }}
  96.                             </button>
  97.                         </div>
  98.                     </form>
  99.                 </div>
  100.             </div>
  101.         </div>
  102.     </section>
  104. {% endblock %}