templates/site/index.html.twig line 1

Open in your IDE?
  1. {% block replacestylesheets %}
  2.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Bold.woff2') }}" as="font" type="font/woff2" crossorigin>
  3.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Heavy.woff2') }}" as="font" type="font/woff2" crossorigin>
  4.     <link rel="preload" href="{{ asset('/fonts/SFProDisplay-Regular.woff2') }}" as="font" type="font/woff2" crossorigin>
  5.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Medium.woff2') }}" as="font" type="font/woff2" crossorigin>
  6.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Semibold.woff2') }}" as="font" type="font/woff2" crossorigin>
  7.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Bold.woff2') }}" as="font" type="font/woff2" crossorigin>
  8.     <link rel="stylesheet" href="{{ asset('css/style.css') }}?v=3.0.3" type="text/css"/>
  9.     <link rel="stylesheet" href="{{ asset('css/home-page.css') }}?v=3.0.4" type="text/css"/>
  10.     <meta name="apple-itunes-app" content="app-id=1465707487">
  11. {% endblock %}
  12. {% block replacejslib %}{% endblock %}
  13. {% extends 'new_navbar.html.twig' %}
  14. {% block headerClass %}blue{% endblock %}
  15. {% block title %}Toast - Save Tabs for Later{% endblock %}
  16. {% block helpCenterClass %}hide{% endblock %}
  18. {% block logo %}
  19.     <a href="#welcome" class="black-logo"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"></a>
  20.     <a href="#welcome" class="white-logo"><img src="{{ asset('img/new-home/brand-logo.svg') }}" alt="toast"></a>
  21. {% endblock %}
  22. {% block bodyClass %}home{% endblock %}
  24. {% block body %}
  25.     <main class="main-home-page" id="fullpage">
  26.         <section class="animate-blocks">
  27.             <div class="sticky-holder">
  28.                 <div class="sticky intro-left left">
  29.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo.svg') }}" alt="toast"
  30.                                             class="intro-logo sticky-content"></a>
  31.                     <span class="intro-text sticky-content">Save Tabs for Later</span>
  32.                     {% if services.browserUtil.isSafari %}
  33.                         <a href="https://apps.apple.com/us/app/toast/id1465707487" 
  34.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Safari. It's Free</a>    
  35.                     {% elseif services.browserUtil.isOpera %}
  36.                         <a href="https://addons.opera.com/en/extensions/details/toast/" 
  37.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Opera. It's Free</a>
  38.                     {% elseif services.browserUtil.isFirefox %}
  39.                         <a href="https://addons.mozilla.org/en-US/firefox/addon/dotoast/" 
  40.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Firefox. It's Free</a>
  41.                     {% elseif services.browserUtil.isEdge %}
  42.                         <a href="https://microsoftedge.microsoft.com/addons/detail/toast/llmejgkjpfngebfhcbadinppkmbjbkij" 
  43.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Edge. It's Free</a>
  44.                     {% else %}
  45.                         <a href="https://chrome.google.com/webstore/detail/toast/pejhbjnfifdecpkgcjhgmcaphdobmiie" 
  46.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Chrome. It's Free</a>
  47.                     {% endif %}
  48.                 </div>
  49.                 <div class="sticky review-left left">
  50.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  51.                                             class="review-logo sticky-content"></a>
  52.                     <span class="review-text sticky-content">1000 and 1 recipes of Toast</span>
  53.                     <span class="review-subtext sticky-content">Made for creative professionals to solve daily tasks</span>
  54.                 </div>
  55.                 <div class="sign-up-left left sticky">
  56.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  57.                                             class="sign-up-logo"></a>
  58.                 </div>
  59.                 <div class="looking-left left sticky">
  60.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  61.                                             class="looking-logo"></a>
  62.                     <span class="looking-text sticky-content">Nothing is perfect</span>
  63.                     <span class="looking-subtext sticky-content">Time to upgrade over the good. Take a look*</span>
  64.                     <div class="looking-bottom sticky-content">
  65.                         <span class="looking-note"><span class="looking-star">*</span>But if you don’t like:</span>
  66.                         <span class="looking-sub-note">Cloud Services, Minimalistic Design, Fremium Model </span>
  67.                         <p class="looking-elements">
  68.                             <img src="{{ asset('img/new-home/look-arrow.svg') }}" alt="icon">
  69.                             <img src="{{ asset('img/new-home/shape.svg') }}" alt="icon">
  70.                             <span> + you = </span>
  71.                             <img src="{{ asset('img/new-home/invalid-name.svg') }}" alt="icon">
  72.                         </p>
  73.                     </div>
  74.                 </div>
  75.                 <div class="brand-left left sticky">
  76.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  77.                                             class="brand-logo"></a>
  78.                     <span class="brand-text sticky-content">Trusted by teams around the world</span>
  79.                     <span class="brand-subtext sticky-content">Collaboration in browser is simple as a team lunch</span>
  80.                 </div>
  81.                 <div class="organize-left left sticky">
  82.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  83.                                             class="organize-logo sticky-content"></a>
  84.                     <p class="organize-text">
  85.                         Try Toast today. It's Free
  86.                     </p>
  87.                     <div class="organize-buttons">
  88.                         {#<a href="{{ path('site_features') }}" class="organize-feature organize-button">Explore All Features</a>#}
  89.                         {% if services.browserUtil.isSafari %}
  90.                         <a href="https://apps.apple.com/us/app/toast/id1465707487" 
  91.                         class="organize-start organize-button" rel="next" target="_blank">Get Toast for Safari. It's Free</a>    
  92.                         {% elseif services.browserUtil.isOpera %}
  93.                             <a href="https://addons.opera.com/en/extensions/details/toast/" 
  94.                             class="organize-start organize-button" rel="next" target="_blank">Get Toast for Opera. It's Free</a>
  95.                         {% elseif services.browserUtil.isFirefox %}
  96.                             <a href="https://addons.mozilla.org/en-US/firefox/addon/dotoast/" 
  97.                             class="organize-start organize-button" rel="next" target="_blank">Get Toast for Firefox. It's Free</a>
  98.                         {% elseif services.browserUtil.isEdge %}
  99.                             <a href="https://microsoftedge.microsoft.com/addons/detail/toast/llmejgkjpfngebfhcbadinppkmbjbkij" 
  100.                             class="organize-start organize-button" rel="next" target="_blank">Get Toast for Edge. It's Free</a>
  101.                         {% else %}
  102.                             <a href="https://chrome.google.com/webstore/detail/toast/pejhbjnfifdecpkgcjhgmcaphdobmiie" 
  103.                             class="organize-start organize-button" rel="next" target="_blank">Get Toast for Chrome. It's Free</a>
  104.                         {% endif %}
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.             <div class="blocks-items">
  109.                 <div class="intro">
  110.                     <a href="https://www.producthunt.com/posts/toast-2" rel="noreferrer" target="_blank"  class="intro-lab home-desktop"></a>
  111.                     <div class="home-container">
  112.                         <div class="intro-right right">
  113.                             <img src="/img/new-home/illustration.png" alt="illustration"
  114.                                  srcset="/img/new-home/illustration@2x.png 2x" class="locked home-desktop"/>
  115.                             <img src="/img/new-home/illustration-mobile.png" alt="illustration"
  116.                                  srcset="/img/new-home/illustration-mobile@2x.png 2x" class="locked home-mobile" style="margin-bottom: 108px;"  />
  117.                             <div class="intro-content home-mobile">
  118.                                 <span class="intro-text">Save Tabs for Later</span>
  119.                                 {#<a href="{{ path('user_sessions_index') }}" class="intro-btn">Get Started. It's Free</a>#}
  120.                                 <a href="{{ path('site_lp_mobile_ads') }}" class="intro-btn">Download Toast</a>
  121.                             </div>
  122.                             <div class="intro-content bg home-mobile"></div>
  123.                         </div>
  124.                     </div>
  125.                 </div>
  126.                 <div class="review">
  127.                     <div class="home-container">
  128.                         <div class="review-right right">
  129.                             <div class="mob-start-text home-mobile">
  130.                                 <span class="review-text sticky-content">1000 and 1 recipes of Toast</span>
  131.                                 <span class="review-subtext sticky-content">Made for creative professionals to solve daily tasks</span>
  132.                             </div>
  133.                             <div class="review-part-1 review-part show">
  134.                                 <div class="review-block-left review-block">
  135.                                     <div class="review-comment">
  136.                                         <h3 class="review-comment-title">Manage tabs in browser</h3>
  137.                                         <p class="review-comment-text">I tend to easily accumulate a lot of tabs. With
  138.                                             Toast I
  139.                                             can save them with relation to tasks or topics... so I don't have to keep
  140.                                             them
  141.                                             open.</p>
  142.                                         <div class="review-comment-user">
  143.                                             <img src="/img/new-home/person-1.png" alt="illustration"
  144.                                                  srcset="/img/new-home/person-1@2x.png 2x"
  145.                                                  class="review-comment-photo locked"/>
  146.                                             <span class="review-comment-name">Addie L. Designer</span>
  147.                                         </div>
  148.                                     </div>
  149.                                     <div class="review-comment">
  150.                                         <h3 class="review-comment-title">Store links</h3>
  151.                                         <p class="review-comment-text">I use Toast mainly for tracking links for work as
  152.                                             I do a
  153.                                             LOT of research.</p>
  154.                                         <div class="review-comment-user">
  155.                                             <img src="/img/new-home/person-2.png" alt="illustration"
  156.                                                  srcset="/img/new-home/person-2@2x.png 2x"
  157.                                                  class="review-comment-photo locked"/>
  158.                                             <span class="review-comment-name">Ricardo S. Researcher</span>
  159.                                         </div>
  160.                                     </div>
  161.                                     <div class="review-button-block home-desktop">
  162.                                         <button class="review-button">Read more stories about</button>
  163.                                         <span class="review-note">Founders, PMs and others</span>
  164.                                     </div>
  165.                                 </div>
  166.                                 <div class="review-block-right review-block">
  167.                                     <div class="review-comment">
  168.                                         <h3 class="review-comment-title">Move tabs between browsers</h3>
  169.                                         <p class="review-comment-text">Safari has the best reading mode, but Chrome has
  170.                                             way more
  171.                                             extensions. With Toast real-time tabs sync I'm not bound to any browser
  172.                                             anymore. And
  173.                                             I can see my tabs even on mobile.</p>
  174.                                         <div class="review-comment-user">
  175.                                             <img src="/img/new-home/person-3.png" alt="illustration"
  176.                                                  srcset="/img/new-home/person-3@2x.png 2x"
  177.                                                  class="review-comment-photo locked"/>
  178.                                             <span class="review-comment-name">Elizabeth McC. Writer</span>
  179.                                         </div>
  180.                                     </div>
  181.                                     <div class="review-comment">
  182.                                         <h3 class="review-comment-title">Reference later</h3>
  183.                                         <p class="review-comment-text">As a programmer, I save all of the StackOverflow
  184.                                             answers
  185.                                             I use in case I need to go back and check or reference one later.</p>
  186.                                         <div class="review-comment-user">
  187.                                             <img src="/img/new-home/person-4.png" alt="illustration"
  188.                                                  srcset="/img/new-home/person-4@2x.png 2x"
  189.                                                  class="review-comment-photo locked"/>
  190.                                             <span class="review-comment-name">Edward D. Developer</span>
  191.                                         </div>
  192.                                     </div>
  193.                                 </div>
  194.                                 <div class="review-button-block home-mobile">
  195.                                     <button class="review-button">Read more stories about</button>
  196.                                     <span class="review-note">Founders, PMs and others</span>
  197.                                 </div>
  198.                             </div>
  199.                             <div class="review-part-2 review-part">
  200.                                 <div class="review-block-left review-block">
  201.                                     <div class="review-comment">
  202.                                         <h3 class="review-comment-title">Send a bunch of links as one link</h3>
  203.                                         <p class="review-comment-text">I'm a film editor and I often share a mood board
  204.                                             or
  205.                                             multiple example videos URLs with my team. Now I send a Toast folder with
  206.                                             all my
  207.                                             findings.</p>
  208.                                         <div class="review-comment-user">
  209.                                             <img src="/img/new-home/person-5.png" alt="illustration"
  210.                                                  srcset="/img/new-home/person-5@2x.png 2x"
  211.                                                  class="review-comment-photo locked"/>
  212.                                             <span class="review-comment-name">Gary McC. Film Editor</span>
  213.                                         </div>
  214.                                     </div>
  215.                                     <div class="review-comment">
  216.                                         <h3 class="review-comment-title">Prepare and focus on a task</h3>
  217.                                         <p class="review-comment-text">Toast helps me manage browser tabs based on what
  218.                                             I'm
  219.                                             doing (e.g.: work, home, fitness, reading, etc). I can easily switch the
  220.                                             context to
  221.                                             get the most done.</p>
  222.                                         <div class="review-comment-user">
  223.                                             <img src="/img/new-home/person-6.png" alt="illustration"
  224.                                                  srcset="/img/new-home/person-6@2x.png 2x"
  225.                                                  class="review-comment-photo locked"/>
  226.                                             <span class="review-comment-name">Matthew Q. Startup Founder</span>
  227.                                         </div>
  228.                                     </div>
  229.                                 </div>
  230.                                 <div class="review-block-right review-block">
  231.                                     <div class="review-comment">
  232.                                         <h3 class="review-comment-title">Simplify daily routine</h3>
  233.                                         <p class="review-comment-text">I open the same tabs over and over, every single
  234.                                             day
  235.                                             (sounds fun right?). At least with Toast it's a 1 click no-brainer. </p>
  236.                                         <div class="review-comment-user">
  237.                                             <img src="/img/new-home/person-7.png" alt="illustration"
  238.                                                  srcset="/img/new-home/person-7@2x.png 2x"
  239.                                                  class="review-comment-photo locked"/>
  240.                                             <span class="review-comment-name"> Catherine N. PM</span>
  241.                                         </div>
  242.                                     </div>
  243.                                     <div class="review-comment">
  244.                                         <h3 class="review-comment-title">Collaborate on university projects</h3>
  245.                                         <p class="review-comment-text">We have a few university projects going on. In
  246.                                             our group
  247.                                             everyone adds their new findings to a shared Toast folder. So we can all be
  248.                                             on the
  249.                                             same page. </p>
  250.                                         <div class="review-comment-user">
  251.                                             <img src="/img/new-home/person-8.png" alt="illustration"
  252.                                                  srcset="/img/new-home/person-8@2x.png 2x"
  253.                                                  class="review-comment-photo locked"/>
  254.                                             <span class="review-comment-name">Alexandra T. Student</span>
  255.                                         </div>
  256.                                     </div>
  257.                                 </div>
  258.                             </div>
  259.                         </div>
  260.                     </div>
  261.                 </div>
  262.                 <div class="sing-up">
  263.                     <div class="home-container">
  264.                         <div class="sign-up-right right">
  265.                             <img src="/img/new-home/illustration-sign-up.svg" alt="illustration"
  266.                                  class="sign-up-img locked"/>
  267.                             <div class="sign-up-form-wrap">
  268.                                 <h3 class="sign-up-form-title">
  269.                                     Found a favorite Toast use case or want to try your own?
  270.                                 </h3>
  271.                                 <form id="home-form" class="sign-up-form">
  272.                                     <input type="email" id="home-email"
  273.                                            placeholder="Enter your email" name="email" autocomplete="email"
  274.                                            required class="sign-up-input">
  275.                                     <button class="sign-up-button" id="home-submit">Sign Up</button>
  276.                                 </form>
  277.                             </div>
  278.                         </div>
  279.                     </div>
  280.                 </div>
  281.                 <div class="looking">
  282.                     <div class="home-container">
  283.                         <div class="looking-right right">
  284.                             <div class="mob-start-text home-mobile">
  285.                                 <span class="looking-text sticky-content">Nothing is perfect</span>
  286.                                 <span class="looking-subtext sticky-content">Time to upgrade over the good. Take a look*</span>
  287.                             </div>
  288.                             <h3 class="looking-title">Are you looking for … ?</h3>
  289.                             <div class="looking-item">
  290.                                 <img src="/img/new-home/one-tab-logo.png" alt="illustration"
  291.                                      srcset="/img/new-home/one-tab-logo@2x.png 2x" class="looking-item-img locked"/>
  292.                                 <p class="looking-item-text">
  293.                                     OneTab with <span>links synchronization across browsers</span></p>
  294.                                 <p class="looking-hint hint">Save, open and edit links on one computer or browser and
  295.                                     continue work on another one or in the Toast web app.</p>
  296.                             </div>
  297.                             <div class="looking-item">
  298.                                 <img src="/img/new-home/session-buddy-logo.png" alt="illustration"
  299.                                      srcset="/img/new-home/session-buddy-logo@2x.png 2x"
  300.                                      class="looking-item-img locked"/>
  301.                                 <p class="looking-item-text">
  302.                                     Session Buddy with <span>team collaboration
  303.                             </span></p>
  304.                                 <p class="looking-hint hint">Collaboration with other users via Toast. Invite user into
  305.                                     your folder to save links together.</p>
  306.                             </div>
  307.                             <div class="looking-item">
  308.                                 <img src="/img/new-home/toby-logo.png" alt="illustration"
  309.                                      srcset="/img/new-home/toby-logo@2x.png 2x" class="looking-item-img locked"/>
  310.                                 <p class="looking-item-text">
  311.                                     Toby with <span>Safari version
  312.                             </span></p>
  313.                                 <p class="looking-hint hint">Toast provides seamless experience for Safari, Chrome,
  314.                                     Firefox, Edge and Opera</p>
  315.                             </div>
  316.                             <div class="looking-item">
  317.                                 <img src="/img/new-home/raindrop-logo.png" alt="illustration"
  318.                                      srcset="/img/new-home/raindrop-logo@2x.png 2x" class="looking-item-img locked"/>
  319.                                 <p class="looking-item-text">
  320.                                     Raindrop with <span>real time tabs synchronization</span></p>
  321.                                 <p class="looking-hint hint">All open tabs across all your browsers with Toast extension
  322.                                     are synchronized in real-time.</p>
  323.                             </div>
  324.                         </div>
  325.                     </div>
  326.                 </div>
  327.                 <div class="brand">
  328.                     <div class="home-container">
  329.                         <div class="brand-right right">
  330.                             <div class="mob-start-text home-mobile">
  331.                                 <span class="brand-text sticky-content">Trusted by teams around the world</span>
  332.                                 <span class="brand-subtext sticky-content">Collaboration in browser is simple as a team lunch</span>
  333.                             </div>
  334.                             <img src="/img/new-home/logo.png" alt="illustration"
  335.                                  srcset="/img/new-home/logo@2x.png 2x"
  336.                                  class="locked home-desktop"/>
  337.                             <img src="/img/new-home/logos-mobile.png" alt="illustration"
  338.                                  srcset="/img/new-home/logos-mobile@2x.png 2x"
  339.                                  class="locked home-mobile"/>
  340.                         </div>
  341.                     </div>
  342.                 </div>
  343.                 <div class="organize">
  344.                     <div class="home-container">
  345.                         <div class="mob-start-text home-mobile">
  346.                             <p class="organize-text">
  347.                                 Try Toast today. It's Free
  348.                             </p>
  349.                             <div class="organize-buttons">
  350.                                 {#<a href="{{ path('user_sessions_index') }}" class="organize-start organize-button">Get Started</a>#}
  351.                                 {#<a href="{{ path('site_lp_mobile_ads') }}" class="intro-btn">Download Toast</a>#}
  352.                             </div>
  353.                         </div>
  354.                         <div class="organize-right right">
  355.                             <h3 class="organize-title">Anyone can be organized</h3>
  356.                             <p class="organize-text--right">When I open a lot of tabs in browser during work </p>
  357.                             <p class="organize-text--right">my computer goes flying, <br> not with Toast anymore!</p>
  358.                             <p class="organize-name">
  359.                                 <span>Gabriel F.</span>
  360.                                 <span>Project Manager</span>
  361.                             </p>
  362.                         </div>
  363.                         <div class="mob-start-text home-mobile">
  364.                             <a href="{{ path('site_features') }}" class="organize-feature organize-button">Explore All Features</a>
  365.                         </div>
  366.                     </div>
  367.                 </div>
  368.             </div>
  369.         </section>
  370.         <section class="screen-block">
  371.             <div class="home-container">
  372.                 <div class="screen-left home-desktop">
  373.                     <h4 class="screen-title">Toast Web App</h4>
  374.                     <img src="/img/new-home/Web.png" alt="illustration"
  375.                          srcset="/img/new-home/Web@3x.png 3x"
  376.                          class="locked"/>
  377.                 </div>
  378.                 <div class="screen-right">
  379.                     <div class="screen-ex home-desktop">
  380.                         <h4 class="screen-title">Toast Browser Extension</h4>
  381.                         <img src="/img/new-home/extension.png" alt="illustration"
  382.                              srcset="/img/new-home/extension@2x.png 2x"
  383.                              class="locked"/>
  384.                     </div>
  385.                     <div class="screen-mob">
  386.                         <h4 class="screen-title">Toast Web App for Mobile</h4>
  387.                         <img src="/img/new-home/mobile.png" alt="illustration"
  388.                              srcset="/img/new-home/mobile@2x.png 2x"
  389.                              class="locked home-desktop"/>
  390.                         <div class="screen-mob-mobile home-mobile">
  391.                             <img src="/img/new-home/mobile.png" alt="illustration"
  392.                                  srcset="/img/new-home/mobile@2x.png 2x"
  393.                                  class="locked"/>
  394.                         </div>
  395.                     </div>
  396.                 </div>
  397.             </div>
  398.         </section>
  399.     </main>
  400. {% endblock %}
  401. {% block footer %}
  402.     <footer class="footer footer-home">
  403.         <div class="footer-container">
  404.             <div class="footer-row">
  405.                 <div class="mob-start-text home-mobile">
  406.                     <a href="{{ path('user_sessions_index') }}" class="intro-btn">Log In</a>
  407.                 </div>
  408.                 <h2 class="footer-title home-desktop">Download Toast Extension</h2>
  409.                 <p class="footer-sub-title home-desktop">Distributed only thorough official browser stores:</p>
  410.                 <p class="footer-mob-title home-mobile">Toast seamless experience</p>
  411.                 <p class="footer-mob-sub-title home-mobile">With browser extensions distributed only thorough official stores for:</p>
  412.             </div>
  413.             <div class="footer-row">
  414.                 <ul class="footer-browsers">
  415.                     <li class="safari-link">
  416.                         <a href="https://apps.apple.com/us/app/toast/id1465707487" rel="noreferrer"
  417.                            class="safari-btn"><img src="/img/new-home/safari-logo.png" alt="Safari"
  418.                                                    srcset="/img/new-home/safari-logo@2x.png 2x"/><span>Safari</span></a>
  419.                     </li>
  420.                     <li class="chrome-link">
  421.                         <a href="https://chrome.google.com/webstore/detail/toast/pejhbjnfifdecpkgcjhgmcaphdobmiie"
  422.                            rel="noreferrer" class="chrome-btn"><img src="/img/new-home/chrome-logo.png" alt="Chrome"
  423.                                                                     srcset="/img/new-home/chrome-logo@2x.png 2x"/><span>Chrome</span></a>
  424.                     </li>
  425.                     <li class="opera-link">
  426.                         <a href="https://addons.opera.com/en/extensions/details/toast/" rel="noreferrer"
  427.                            class="opera-btn"><img src="/img/new-home/opera-logo.png" alt="Opera"
  428.                                                   srcset="/img/new-home/opera-logo@2x.png 2x"/><span>Opera</span></a>
  429.                     </li>
  430.                     <li class="firefox-link">
  431.                         <a href="https://addons.mozilla.org/en-US/firefox/addon/dotoast/" rel="noreferrer"
  432.                            class="firefox-btn"><img src="/img/new-home/fire.png" alt="Firefox"
  433.                                                     srcset="/img/new-home/fire@2x.png 2x"/><span>Firefox</span></a>
  434.                     </li>
  436.                     <li class="edge-link">
  437.                         <a href="https://microsoftedge.microsoft.com/addons/detail/toast/llmejgkjpfngebfhcbadinppkmbjbkij"
  438.                            rel="noreferrer"
  439.                            class="edge-btn">
  440.                             <img src="/img/new-home/edge.png" alt="Edge"
  441.                                  srcset="/img/new-home/edge@2x.png 2x"/>
  442.                             <span>Edge</span></a>
  443.                     </li>
  444.                     <li class="iphone-link">
  445.                         <a href="https://apps.apple.com/ua/app/toast-for-safari/id1465707487?platform=iphone"
  446.                            rel="noreferrer"
  447.                            class="iphone-btn">
  448.                             <img src="/img/new-home/iphone-app-icon.png" alt="iPhone"
  449.                                  srcset="/img/new-home/iphone-app-icon@2x.png 2x"/>
  450.                             <span>iPhone</span></a>
  451.                     </li>
  452.                 </ul>
  453.             </div>
  454.             <span class="footer-line"></span>
  455.             <div class="footer-row footer-row-bottom">
  456.                 <div class="footer-col">
  457.                     <a href="#welcome" class="logo-link"><img src="{{ asset('img/new-home/brand-logo.svg') }}" alt="Logo"></a>
  458.                     <span>© {{ "now"|date("Y") }}</span>
  459.                     <span>50.4501° N, 30.5234° E.</span>
  460.                 </div>
  461.                 <div class="footer-col">
  462.                     <a href="{{ path('user_sessions_index') }}#login">Log In</a>
  463.                     <a href="{{ path('user_sessions_index') }}#signup">Sign Up</a>
  464.                     <a href="{{ path('site_pricing') }}">PRO</a>
  465.                     <a href="mailto:dotoast.com@gmail.com?subject=[Help]">Help Center</a>
  466.                     <a href="https://youtube.com/playlist?list=PLSd8Tn7QclQ4uzgZsInqe1XzKfwFL-Xt0" rel="noreferrer" target="_blank">Video Tutorials</a>
  467.                     <a href="{{ path('site_terms') }}">Terms of Service</a>
  468.                     <a href="{{ path('site_privacy') }}">Privacy Policy</a>
  469.                 </div>
  470.                 <div class="footer-col">
  471.                     <a href="mailto:dotoast.com@gmail.com?subject=Toast%20Affiliate,%20[Name%20Surname]%20apply">Join
  472.                         Toast Affiliate Program</a>
  473.                     <a href="mailto:dotoast.com@gmail.com?subject=[Collaboration with Influencers]">Partnership with
  474.                         Influencers</a>
  475.                     <a href="{{ asset('downloads/Press-Kit.zip') }}">Press Kit</a>
  476.                 </div>
  477.                 <div class="footer-col">
  478.                     <a href="mailto:dotoast.com@gmail.com?subject=Position:">Jobs</a>
  479.                     <span class="footer-short-line"></span>
  480.                     <a href="https://apps.apple.com/us/app/toast/id1465707487" target="_blank" rel="noreferrer">Toast for Safari</a>
  481.                     <a href="https://chrome.google.com/webstore/detail/toast/pejhbjnfifdecpkgcjhgmcaphdobmiie" rel="noreferrer" target="_blank">Toast for
  482.                         Chrome</a>
  483.                     <a href="https://addons.opera.com/en/extensions/details/toast/" target="_blank" rel="noreferrer">Toast for Opera</a>
  484.                     <a href="https://addons.mozilla.org/en-US/firefox/addon/dotoast/" target="_blank" rel="noreferrer">Toast for Firefox</a>
  485.                     <a href="https://microsoftedge.microsoft.com/addons/detail/toast/llmejgkjpfngebfhcbadinppkmbjbkij" target="_blank" rel="noreferrer">Toast
  486.                         for Edge</a>
  487.                     <a href="https://apps.apple.com/ua/app/toast-for-safari/id1465707487?platform=iphone" target="_blank" rel="noreferrer">Toast
  488.                         for iPhone</a>
  489.                 </div>
  490.                 <div class="footer-col">
  491.                     <a href="https://www.producthunt.com/posts/toast-2" target="_blank" rel="noreferrer">Toast on ProductHunt</a>
  492.                     <a href="https://twitter.com/dotoastcom" target="_blank" rel="noreferrer">Toast in Twitter</a>
  493.                     <a href="https://www.instagram.com/dotoastcom/" target="_blank" rel="noreferrer">Toast in Instagram</a>
  494.                     <a href="https://www.youtube.com/channel/UCulHIyLSaT1h9xRNbVkfdHw" target="_blank" rel="noreferrer">Toast in YouTube</a>
  495.                 </div>
  496.             </div>
  497.         </div>
  498.     </footer>
  499. {% endblock %}
  501. {% block replacejs %}
  502.     <script src="{{ asset('js/libs/jquery-3.6.0.min.js') }}"></script>
  503.     {# <script src="{{ asset('js/fullpage.min.js') }}" ></script> #}
  504.     <script src="{{ asset('js/registration.js') }}?v=3.0.3"></script>
  505.     <script src="{{ asset('js/homepage.js') }}?v=3.0.3"></script>
  506.     <script src="{{ asset('js/share-session-new.js') }}?v=3.0.3"></script>
  507. {% endblock %}