My SMM panel
 
 
 
 
 
 

228 line
7.1 KiB

  1. @extends('master')
  2. @section('title', 'Home')
  3. @section('heading-style', 'Home')
  4. @section('head-metas')
  5. @parent
  6. @endsection
  7. @section('login-form')
  8. @guest
  9. <form id='login_form' class= 'login' method='POST'>
  10. <div>
  11. <label for='sender_email'>Email</label>
  12. <input required id='login_email' type='email' name='sender_email' placeholder=''
  13. spellcheck='false'>
  14. </div>
  15. <div>
  16. <label for='sender_password'>Password</label>
  17. <input required id='login_password' type='password'
  18. name='sender_password' placeholder='' spellcheck='false'>
  19. </div>
  20. <button class='login-btn'type="login">Log in</button>
  21. <div><p class="error"></p></div>
  22. </form>
  23. <div id="nav_toggle" class="nav-toggle"><div>
  24. @endguest
  25. @endsection
  26. @section('content')
  27. @parent
  28. <main>
  29. <div id="app" class="register-area"></div>
  30. <div class='landing-hero'>
  31. <div class='hero-filter'>
  32. <h2>The web's #1 content promoter</h2>
  33. <p>Give your brand the boost it needs for oganic growth with the
  34. web's most trusted social media marketing panel.</p>
  35. <a class='register-btn'>Register Now</a>
  36. </div>
  37. </div>
  38. <div class='blue-background'><section class="about-us">
  39. <p>
  40. We're a social media content promoter based in Canada, helping
  41. entertainers and brands perfect their marketing campaigns through
  42. targeted views and engagements. By providing impressions and
  43. retention from real accounts, we'll help boost your
  44. rankings and get you noticed.
  45. </p>
  46. </section>
  47. <section class='services-cards'>
  48. <h2>Our Services</h2>
  49. <div class="cards">
  50. <div class="card">
  51. <img src="/img/youtube-icon.svg" alt="youtube-icon">
  52. <h3>Youtube</h3>
  53. <ul>
  54. <li>Views often increase within 24 hours</li>
  55. <li>Boost to rankings</li>
  56. <li>High quality users</li>
  57. </ul>
  58. <button>Select</button>
  59. </div>
  60. <div class="card">
  61. <img src="/img/twitter.svg" alt="spotify-icon">
  62. <h3>Twitter</h3>
  63. <ul>
  64. <li>Impressions and favorites</li>
  65. <li>Activity often increases within 24 hours</li>
  66. <li>Followers</li>
  67. </ul>
  68. <button>Select</button>
  69. </div>
  70. <div class="card">
  71. <img src="/img/instagram-icon.svg" alt="twitter-icon">
  72. <h3>Instagram</h3>
  73. <ul>
  74. <li>Active user accounts</li>
  75. <li>Activity increases within 24 hours</li>
  76. <li>Likes</li>
  77. <li>Followers</li>
  78. </ul>
  79. <button>Select</button>
  80. </div>
  81. <div class="card">
  82. <img src="/img/tik-tok.svg" alt="twitter-icon">
  83. <h3>TikTok</h3>
  84. <ul>
  85. <li>Active user accounts</li>
  86. <li>Views</li>
  87. <li>Likes</li>
  88. <li>Followers</li>
  89. </ul>
  90. <button>Select</button>
  91. </div>
  92. </div></div>
  93. </section>
  94. <section class='features-info'>
  95. <h2>Why We Are the Best</h2>
  96. <div class="circle-prop">
  97. <svg height="100%" preserveAspectRatio="none" viewBox="0 0 500 500"fill='white' version="1.1" id="Layer_1" x="0px" y="0px"
  98. xml:space="preserve">
  99. <path stroke-width="20" fill="none" stroke="#ddd" d="M0,10 C400,0,500,256,250,500"/>
  100. <!- <path fill="none" stroke="white" d="M256,10C115.03,0,0,115.05,0,256c0,140.97,115.05,256,256,256c140.97,0,256-115.05,256-256C512,115.03,396.95,0,256,0z "/> -->
  101. </svg>
  102. <img src="img/teamwork2.png" alt="teamwork">
  103. </div>
  104. <div class="info-cards">
  105. <div class="info-card"><p>
  106. We help you save time managing your onlince presence while still providing
  107. a high quality, and reliable service.
  108. </p>
  109. </div>
  110. <div class="info-card"><p>All orders are proccessed within one day of
  111. placing your order. Many services available are instant.</p>
  112. </div>
  113. <div class="info-card"><p>By combining our services to create trending
  114. content, you'll improve the quality of viewer engagements and boost your
  115. rankings significantly. We're the best marketing panel around.</p> </div>
  116. <div class="info-card"><p>
  117. Improve your brand's image, increase your social proof, and build a stronger
  118. relationship with your audience.</p>
  119. </div></div>
  120. </section>
  121. <section class='panel-infos'>
  122. <h2>A User-Friendly Control Panel</h2>
  123. <img class="panel-preview" src="/images/panel-preview.png" alt="panel-preview">
  124. <div class="info-items">
  125. <div class="panel-info">
  126. <img src="./img/tap.svg" alt="">
  127. <h3>Easy to Use</h3>
  128. <p>We provide an extremely user-friendly and intuitive SPA interface to
  129. manage and review your SMM orders.</p>
  130. </div>
  131. <div class="panel-info">
  132. <img src="./img/lighting.svg" alt="">
  133. <h3>Powerful</h3>
  134. <p>Our panel contains a variety of features for managing payment
  135. methods, and automatically queuing orders.</p>
  136. </div>
  137. <div class="panel-info">
  138. <img src="./img/statistics.svg" alt="">
  139. <h3>Scalable</h3>
  140. <p>We make it easy to organize your marketing campaign with a variety
  141. of accounts and social networks</p>
  142. </div>
  143. <div>
  144. </section>
  145. <section class='benefits-info'>
  146. <h2>Benefits of Buying Views</h2>
  147. <div>
  148. <p>We know that getting people to see your content can be an uphill
  149. battle. Reaching just 10,000 organic views can be tough because social networks give
  150. the lion's share of exposure to the personalities who already have the biggest
  151. following. The more views and impressions a post has, the more people are
  152. willing to watch it, that's why consistent and high engagement is
  153. essential to your brand's online growth. </p>
  154. <p>Give your content the fair chance it deserves with a boost to your
  155. account's traffic. Our SMM panel will help you build your audience,
  156. develop your brand, and launch your new business.</p>
  157. </div>
  158. </section>
  159. <section class='faq-info'>
  160. <h2>FAQ</h2>
  161. <div class="collapsibles">
  162. <div class="collapsible"><button>Why should I choose Trendplays?</button>
  163. <div class="content"><p>Buying views and engagements is easy and safe
  164. if you buy from a reliable source. The traffic we send to your content is
  165. from accounts with years of history, viewing
  166. gradually over a few days.</p></div></div>
  167. <div class="collapsible"><button>What if my audience finds out?</button>
  168. <div class="content"><p> At Trendplays, we
  169. pride ourselves on our capacity for discretion and professionalism.
  170. </p></div></div>
  171. <div class="collapsible"><button>Will my account be safe?</button>
  172. <div class="content"><p>
  173. While there is some risk of disciplinary action,
  174. it is rare and mild because, if buying views were made a breach in
  175. the TOS that resulted in a ban, then anybody could send those views to
  176. their competitor's account.
  177. </p></div></div>
  178. <div class="collapsible"><button>Is buying views illegal?</button>
  179. <div class="content"><p>
  180. No, and there is no good reason it should be.
  181. </p></div></div>
  182. <div class="collapsible"><button>How can I pay?</button>
  183. <div class="content"><p>
  184. We accept Debit/Credit or your choice of crytocurrency
  185. through our Payeer and Perfect Money payment providers.
  186. </p></div></div>
  187. </div>
  188. </section>
  189. </main>
  190. @endsection
  191. @section('footer')
  192. <footer class='footer text-center'>
  193. <div class='foot-links'>
  194. <a href="/terms-and-policy">Terms & Policy</a>
  195. <a href="mail:support@trendplays.com">Help</a>
  196. <a id="forgot-password-btn" href="#">Reset Password</a>
  197. </div>
  198. <small>©Copyright 2021 Trendplays Network, Inc.</small>
  199. </footer>
  200. @endsection
  201. @section('scripts')
  202. @parent
  203. <script src="js/app.js"></script>
  204. <script src="js/chunk-vendors.js"></script>
  205. <!-- <script src="main.js"></script> -->
  206. @endsection