marketing.vue 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <div class="w-full flex flex-col min-h-screen bg-black">
  3. <Head>
  4. <Link rel="preconnect" href="https://fonts.googleapis.com"/>
  5. <Link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
  6. <Link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"/>
  7. <Link rel="apple-touch-icon" sizes="180x180" :href="( basePath != '/' ? basePath : '' )+'/images/favicon/apple-touch-icon.png'"/>
  8. <Link rel="icon" type="image/png" sizes="32x32" :href="( basePath != '/' ? basePath : '' )+'/images/favicon/favicon-32x32.png'"/>
  9. <Link rel="icon" type="image/png" sizes="16x16" :href="( basePath != '/' ? basePath : '' )+'/images/favicon/favicon-16x16.png'"/>
  10. <Link rel="manifest" :href="( basePath != '/' ? basePath : '' )+'/images/favicon/site.webmanifest'"/>
  11. <Link rel="mask-icon" :href="( basePath != '/' ? basePath : '' )+'/images/favicon/safari-pinned-tab.svg'" color="#5bbad5"/>
  12. <Meta name="msapplication-TileColor" content="#da532c"/>
  13. <Meta name="theme-color" content="#ffffff"/>
  14. </Head>
  15. <GlobalServerSideUp
  16. :fixed="true"/>
  17. <MarketingHeader
  18. :fixed="true"/>
  19. <div class="w-full flex flex-col">
  20. <slot></slot>
  21. </div>
  22. <Search/>
  23. </div>
  24. </template>
  25. <script setup>
  26. useHead({
  27. htmlAttrs: {
  28. lang: 'en'
  29. },
  30. bodyAttrs: {
  31. class: 'antialiased'
  32. },
  33. title: 'PHP Docker Images (serversideup/php) - Server Side Up',
  34. script: [
  35. {
  36. src: 'https://f.convertkit.com/ckjs/ck.5.js'
  37. }
  38. ]
  39. })
  40. const route = useRoute();
  41. const { basePath, domain } = useRuntimeConfig().public;
  42. useSeoMeta({
  43. ogLocale: 'en_US',
  44. ogUrl: domain+basePath+route.path,
  45. ogType: 'website',
  46. ogSiteName: 'Server Side Up - Docker PHP',
  47. ogTitle: 'Server Side Up - Docker PHP',
  48. ogDescription: 'Supercharge your PHP experience, in seconds. Built upon the official PHP images, our production-ready serversideup/php images take your Docker PHP experience to the next level. Enjoy variable-first configurations, nginx-unit variation, native CloudFlare support, and more.',
  49. ogImage: domain+basePath+'/images/social-image.jpg',
  50. ogImageWidth: 1200,
  51. ogImageHeight: 630,
  52. ogImageType: 'image/jpg',
  53. twitterCard: 'summary_large_image',
  54. twitterDescription: 'Supercharge your PHP experience, in seconds. Built upon the official PHP images, our production-ready serversideup/php images take your Docker PHP experience to the next level. Enjoy variable-first configurations, nginx-unit variation, native CloudFlare support, and more.',
  55. twitterImage: domain+basePath+'/images/social-image.jpg',
  56. twitterSite: '@serversideup',
  57. twitterTitle: 'Server Side Up - Docker PHP'
  58. })
  59. </script>