templates/themes/standard/full/welcome_page.html.twig line 13

Open in your IDE?
  1. {% extends '@ibexadesign/pagelayout.html.twig' %}
  3. {% trans_default_domain 'ibexa_welcome_page' %}
  5. {% block meta %}
  6. <meta name="viewport" content="width=device-width, initial-scale=1" />
  7. {% endblock %}
  9. {% block stylesheets %}
  10. <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,600,700" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap" rel="stylesheet">
  13. {{ encore_entry_link_tags('welcome-page-css') }}
  14. {% endblock %}
  16. {% block javascripts %}
  17. {{ encore_entry_script_tags('welcome-page-js') }}
  18. {% endblock %}
  20. {% block content %}
  21. <div class="ibexa-welcome-header">
  22. <div class="ibexa-welcome-container">
  23. <div class="ibexa-welcome-row">
  24. <div class="ibexa-welcome-column">
  25. <div class="ibexa-welcome-header__logo">
  26. <img
  27. src="{{ asset('bundles/ibexaadminui/img/exponential-platform-dxp-logo.svg') }}"
  28. alt="Exponential Platform DXP"
  29. class="logo"
  30. >
  31. </div>
  32. <h1 class="ibexa-welcome-section-header">
  33. {{ 'ibexa_platform_welcome_page.header.title'|trans({
  34. '%name%': ibexa_render_field(content, 'name'),
  35. '%version%': constant('Ibexa\\Contracts\\Core\\Ibexa::VERSION')
  36. })|desc('Welcome to %name% %version%')|raw }}
  37. </h1>
  38. <p class="ibexa-welcome-paragraph">
  39. {{ 'ibexa_platform_welcome_page.header.content'|trans|desc('Open-source solution for building custom, scalable websites.') }}
  40. </p>
  41. {% set admin_url = url('ibexa.dashboard', { 'siteaccess': 'admin' }) %}
  42. <a
  43. href="{{ admin_url }}"
  44. class="ibexa-welcome-btn ibexa-welcome-btn--filled"
  45. >
  46. {{ 'ibexa_platform_welcome_page.header.action'|trans|desc('Start your project') }}
  47. </a>
  48. <button class="ibexa-welcome-header__go-down">
  49. <img
  50. src="{{ asset('build/images/caret-down.svg') }}"
  51. alt="{{ 'ibexa_platform_welcome_page.header.caret_down'|trans|desc('Down') }}"
  52. />
  53. </button>
  54. </div>
  55. <div class="ibexa-welcome-column ibexa-welcome-header__img-column">
  56. <img
  57. class="ibexa-welcome-img ibexa-welcome-img--center"
  58. src="{{ asset('build/images/oss.png') }}"
  59. alt="{{ 'ibexa_platform_welcome_page.header.image'|trans|desc('OSS') }}"
  60. />
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  66. <div class="ibexa-welcome-container ibexa-welcome-documentation-hub">
  67. <div class="ibexa-welcome-row">
  68. <div class="ibexa-welcome-column ibexa-welcome-column--center">
  69. <h2 class="ibexa-welcome-section-header">
  70. {{ 'ibexa_platform_welcome_page.documentation_hub.title'|trans|desc('Documentation hub') }}
  71. </h2>
  72. </div>
  73. </div>
  74. <div class="ibexa-welcome-row">
  75. <div class="ibexa-welcome-column ibexa-welcome-column--center">
  76. <div class="ibexa-welcome-circle">
  77. <img
  78. src="{{ asset('build/images/documentation.svg') }}"
  79. alt="{{ 'ibexa_platform_welcome_page.documentation_center.image'|trans|desc('Documentation center') }}"
  80. />
  81. </div>
  82. <h3 class="ibexa-welcome-block-header">
  83. {{ 'ibexa_platform_welcome_page.documentation_center.title'|trans|desc('Documentation center') }}
  84. </h3>
  85. <p class="ibexa-welcome-paragraph">
  86. {{ 'ibexa_platform_welcome_page.documentation_center.content'|trans|desc('Ibexa DXP documentation for developers and editors.') }}
  87. </p>
  88. <a
  89. href="https://ibexa.co/documentation-center"
  90. class="ibexa-welcome-btn"
  91. >
  92. {{ 'ibexa_platform_welcome_page.documentation_center.action'|trans|desc('Discover more') }}
  93. </a>
  94. </div>
  95. <div class="ibexa-welcome-column ibexa-welcome-column--center">
  96. <div class="ibexa-welcome-circle">
  97. <img
  98. src="{{ asset('build/images/user.svg') }}"
  99. alt="{{ 'ibexa_platform_welcome_page.user_documentation.image'|trans|desc('User documentation') }}"
  100. />
  101. </div>
  102. <h3 class="ibexa-welcome-block-header">
  103. {{ 'ibexa_platform_welcome_page.user_documentation.title'|trans|desc('User documentation') }}
  104. </h3>
  105. <p class="ibexa-welcome-paragraph">
  106. {{ 'ibexa_platform_welcome_page.user_documentation.content'|trans|desc('Manage content, products, site and content structure and much more using the Ibexa DXP administration interface.
  107. Learn how to administrate your digital store with Ibexa Commerce. Manage products, orders and view statistics.') }}
  108. </p>
  109. <a
  110. href="https://doc.ibexa.co/projects/userguide"
  111. class="ibexa-welcome-btn"
  112. >
  113. {{ 'ibexa_platform_welcome_page.user_documentation.action'|trans|desc('Discover more') }}
  114. </a>
  115. </div>
  116. <div class="ibexa-welcome-column ibexa-welcome-column--center">
  117. <div class="ibexa-welcome-circle">
  118. <img
  119. src="{{ asset('build/images/development.svg') }}"
  120. alt="{{ 'ibexa_platform_welcome_page.developer_documentation.image'|trans|desc('Developer documentation') }}"
  121. />
  122. </div>
  123. <h3 class="ibexa-welcome-block-header">
  124. {{ 'ibexa_platform_welcome_page.developer_documentation.title'|trans|desc('Developer documentation') }}
  125. </h3>
  126. <p class="ibexa-welcome-paragraph">
  127. {{ 'ibexa_platform_welcome_page.developer_documentation.content'|trans|desc('The core documentation covers the majority of functionalities, their configuration and available APIs of Ibexa DXP with references and examples.
  128. The commerce documentation covers the eCommerce features and APIs of Ibexa DXP. This includes payments and other integrations to back office systems.') }}
  129. </p>
  130. <a
  131. href="https://doc.ibexa.co"
  132. class="ibexa-welcome-btn"
  133. >
  134. {{ 'ibexa_platform_welcome_page.developer_documentation.action'|trans|desc('Discover more') }}
  135. </a>
  136. </div>
  137. </div>
  138. </div>
  140. <div class="ibexa-welcome-container ibexa-welcome-tutorials-and-resources">
  141. <div class="ibexa-welcome-row">
  142. <div class="ibexa-welcome-column ibexa-welcome-column--center">
  143. <h2 class="ibexa-welcome-section-header">
  144. {{ 'ibexa_platform_welcome_page.tutorials_and_resources.title'|trans|desc('Tutorials and resources') }}
  145. </h2>
  146. </div>
  147. </div>
  148. <div class="ibexa-welcome-row">
  149. <div class="ibexa-welcome-column ibexa-welcome-column--center">
  150. <p class="ibexa-welcome-paragraph ibexa-welcome-tutorials-and-resources__subheader">
  151. {{ 'ibexa_platform_welcome_page.tutorials_and_resources.subheader'|trans|desc('Discover the value of Ibexa DXP, our new generation Digital Experience Platform') }}
  152. </p>
  153. </div>
  154. </div>
  155. <div class="ibexa-welcome-row">
  156. <div class="ibexa-welcome-column">
  157. <div class="ibexa-welcome-row ibexa-welcome-tutorials-and-resources__block ibexa-welcome-tutorials-and-resources__block--get-started">
  158. <div class="ibexa-welcome-column">
  159. <h3 class="ibexa-welcome-block-header">
  160. {{ 'ibexa_platform_welcome_page.get_started.title'|trans|desc('Get started') }}
  161. </h3>
  162. <p class="ibexa-welcome-paragraph">
  163. {{ 'ibexa_platform_welcome_page.get_started.content'|trans|desc('Whether you\'re starting your very first project or developing yet another one in a long series, knowledge resources are here to help you accelerate on your goals. Try your hand in quickstarts and tutorials, or explore the references to further enhance your site.') }}
  164. </p>
  165. <a
  166. href="https://doc.ibexa.co/en/latest/getting_started/first_steps"
  167. class="ibexa-welcome-link"
  168. >
  169. {{ 'ibexa_platform_welcome_page.get_started.action'|trans|desc('Learn more') }}
  170. </a>
  171. </div>
  172. <div class="ibexa-welcome-column ibexa-welcome-tutorials-and-resources__img-column">
  173. <img
  174. class="ibexa-welcome-img ibexa-welcome-img--right"
  175. src="{{ asset('build/images/tutorials.svg') }}"
  176. alt="{{ 'ibexa_platform_welcome_page.get_started.image'|trans|desc('Get started') }}"
  177. />
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. <div class="ibexa-welcome-row">
  183. <div class="ibexa-welcome-column ibexa-welcome-tutorials-and-resources__block ibexa-welcome-tutorials-and-resources__block--tutorials">
  184. <div class="ibexa-welcome-circle">
  185. <img
  186. src="{{ asset('build/images/tutorials-icon.svg') }}"
  187. alt="{{ 'ibexa_platform_welcome_page.tutorials.image'|trans|desc('Tutorials') }}"
  188. />
  189. </div>
  190. <h3 class="ibexa-welcome-block-header">
  191. {{ 'ibexa_platform_welcome_page.tutorials.title'|trans|desc('Tutorials') }}
  192. </h3>
  193. <p class="ibexa-welcome-paragraph">
  194. {{ 'ibexa_platform_welcome_page.tutorials.content'|trans|desc('Practical tutorials lead you through the first project to help you learn product basics.') }}
  195. </p>
  196. <a
  197. href="https://doc.ibexa.co/en/latest/tutorials/tutorials/"
  198. class="ibexa-welcome-link"
  199. >
  200. {{ 'ibexa_platform_welcome_page.tutorials.action'|trans|desc('Learn more') }}
  201. </a>
  202. </div>
  203. <div class="ibexa-welcome-column ibexa-welcome-tutorials-and-resources__block ibexa-welcome-tutorials-and-resources__block--rest-api">
  204. <div class="ibexa-welcome-circle">
  205. <img
  206. src="{{ asset('build/images/rest-api.svg') }}"
  207. alt="{{ 'ibexa_platform_welcome_page.rest_api.image'|trans|desc('REST API reference') }}"
  208. />
  209. </div>
  210. <h3 class="ibexa-welcome-block-header">
  211. {{ 'ibexa_platform_welcome_page.rest_api.title'|trans|desc('REST API reference') }}
  212. </h3>
  213. <p class="ibexa-welcome-paragraph">
  214. {{ 'ibexa_platform_welcome_page.rest_api.content'|trans|desc('As an API-first product, Ibexa DXP focuses on well-structured APIs. REST API endpoints cover most functionalities of the product.') }}
  215. </p>
  216. <a
  217. href="https://doc.ibexa.co/en/latest/api/rest_api/rest_api_reference/rest_api_reference.html"
  218. class="ibexa-welcome-link"
  219. >
  220. {{ 'ibexa_platform_welcome_page.rest_api.action'|trans|desc('Learn more') }}
  221. </a>
  222. </div>
  223. <div class="ibexa-welcome-column ibexa-welcome-tutorials-and-resources__block ibexa-welcome-tutorials-and-resources__block--php-api">
  224. <div class="ibexa-welcome-circle">
  225. <img
  226. src="{{ asset('build/images/php-api.svg') }}"
  227. alt="{{ 'ibexa_platform_welcome_page.php_api.image'|trans|desc('Public PHP API') }}"
  228. />
  229. </div>
  230. <h3 class="ibexa-welcome-block-header">
  231. {{ 'ibexa_platform_welcome_page.php_api.title'|trans|desc('Public PHP API') }}
  232. </h3>
  233. <p class="ibexa-welcome-paragraph">
  234. {{ 'ibexa_platform_welcome_page.php_api.content'|trans|desc('PHP API services cover all product functionalities and give you endless possibilities to customize your code.') }}
  235. </p>
  236. <a
  237. href="https://doc.ibexa.co/en/latest/api/public_php_api"
  238. class="ibexa-welcome-link"
  239. >
  240. {{ 'ibexa_platform_welcome_page.php_api.action'|trans|desc('Learn more') }}
  241. </a>
  242. </div>
  243. </div>
  244. </div>
  246. <div class="ibexa-welcome-container ibexa-welcome-training-platform">
  247. <div class="ibexa-welcome-row ibexa-welcome-training-platform__block">
  248. <div class="ibexa-welcome-column ibexa-welcome-training-platform__img-column">
  249. <img
  250. src="{{ asset('build/images/training.svg') }}"
  251. alt="{{ 'ibexa_platform_welcome_page.training_platform.image'|trans|desc('Training platform') }}"
  252. />
  253. </div>
  254. <div class="ibexa-welcome-column">
  255. <h3 class="ibexa-welcome-block-header">
  256. {{ 'ibexa_platform_welcome_page.training_platform.title'|trans|desc('Training platform') }}
  257. </h3>
  258. <p class="ibexa-welcome-paragraph">
  259. {{ 'ibexa_platform_welcome_page.training_platform.content'|trans|desc('Explore the Ibexa Learning Platform for on-demand, self-service courses and certifications.') }}
  260. </p>
  261. <a
  262. href="https://learn.ibexa.co"
  263. class="ibexa-welcome-btn ibexa-welcome-btn--filled"
  264. >
  265. {{ 'ibexa_platform_welcome_page.training_platform.action'|trans|desc('Start the training') }}
  266. </a>
  267. </div>
  268. </div>
  269. </div>
  271. <div class="ibexa-welcome-contact">
  272. <div class="ibexa-welcome-container">
  273. <div class="ibexa-welcome-row ibexa-welcome-contact__block">
  274. <div class="ibexa-welcome-column">
  275. <h3 class="ibexa-welcome-block-header">
  276. {{ 'ibexa_platform_welcome_page.contact.title'|trans|desc('Contact support') }}
  277. </h3>
  278. <p class="ibexa-welcome-paragraph">
  279. {{ 'ibexa_platform_welcome_page.contact.content'|trans|desc('If you need help, contact our support team') }}
  280. </p>
  281. <a
  282. href="https://support.ibexa.co"
  283. class="ibexa-welcome-btn ibexa-welcome-btn--filled"
  284. >
  285. {{ 'ibexa_platform_welcome_page.contact.action'|trans|desc('Go to support') }}
  286. </a>
  287. </div>
  288. <div class="ibexa-welcome-column">
  289. <img
  290. class="ibexa-welcome-img ibexa-welcome-img--center"
  291. src="{{ asset('build/images/support.png') }}"
  292. alt="{{ 'ibexa_platform_welcome_page.contact.image'|trans|desc('Support') }}"
  293. />
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  299. <footer class="ibexa-welcome-footer">
  300. <div class="ibexa-welcome-container">
  301. <div class="ibexa-welcome-row">
  302. <div class="ibexa-welcome-column">
  303. <p class="ibexa-welcome-paragraph">
  304. {{ 'ibexa_platform_welcome_page.copyright'|trans({
  305. '%current_year%': "now"|date("Y")
  306. })|desc('Copyright © %current_year% <a href="https://se7enx.com" rel="noopener" target="_blank">7x</a> | Powered by Exponential Platform DXP')|raw }}
  307. </p>
  308. </div>
  309. </div>
  310. </div>
  311. </footer>
  312. {% endblock %}