This commit is contained in:
gilesb 2024-03-09 21:27:15 +00:00
parent 9ed6883e9d
commit f073dd30cb
10 changed files with 33 additions and 33 deletions

View File

@ -14,7 +14,7 @@ class VerifyEmailException extends ValidationException
{ {
return static::withMessages([ return static::withMessages([
'email' => [__('You must :linkOpen verify :linkClose your email first.', [ 'email' => [__('You must :linkOpen verify :linkClose your email first.', [
'linkOpen' => '<a href="/email/resend?email='.urlencode($user->email).'">', 'linkOpen' => '<a href="'.env("APP_URL").'/email/resend?email='.urlencode($user->email).'">',
'linkClose' => '</a>', 'linkClose' => '</a>',
])], ])],
]); ]);

View File

@ -5,7 +5,7 @@
<div class="flex items-center"> <div class="flex items-center">
<NuxtLink :to="{ name: user ? 'home' : 'index' }" <NuxtLink :to="{ name: user ? 'home' : 'index' }"
class="flex-shrink-0 font-semibold hover:no-underline flex items-center"> class="flex-shrink-0 font-semibold hover:no-underline flex items-center">
<NuxtImg src="/img/logo.svg" alt="notion tools logo" class="w-8 h-8"/> <NuxtImg src="`${useRuntimeConfig().public.appUrl}/img/logo.svg`" alt="notion tools logo" class="w-8 h-8"/>
<span class="ml-2 text-md hidden sm:inline text-black dark:text-white">OpnForm</span> <span class="ml-2 text-md hidden sm:inline text-black dark:text-white">OpnForm</span>
</NuxtLink> </NuxtLink>
<workspace-dropdown class="ml-6"/> <workspace-dropdown class="ml-6"/>

View File

@ -13,7 +13,7 @@
</p> </p>
</div> </div>
</div> </div>
<NuxtImg src="/img/pages/forms/blurred_graph.png" <NuxtImg :src="`${useRuntimeConfig().public.appUrl}/img/pages/forms/blurred_graph.png`"
alt="Sample Graph" alt="Sample Graph"
class="mx-auto filter blur-md z-0" class="mx-auto filter blur-md z-0"
/> />

View File

@ -8,7 +8,7 @@
</div> </div>
<div class="flex justify-center mt-5 md:mt-0"> <div class="flex justify-center mt-5 md:mt-0">
<router-link :to="{ name: user ? 'home' : 'index' }" class="flex-shrink-0 font-semibold flex items-center"> <router-link :to="{ name: user ? 'home' : 'index' }" class="flex-shrink-0 font-semibold flex items-center">
<img src="/img/logo.svg" alt="notion tools logo" class="w-10 h-10"> <img :src="`${useRuntimeConfig().public.appUrl}img/logo.svg`" alt="notion tools logo" class="w-10 h-10">
<span class="ml-2 text-xl text-black dark:text-white"> <span class="ml-2 text-xl text-black dark:text-white">
OpnForm OpnForm
</span> </span>

View File

@ -5,7 +5,7 @@
<div <div
class="relative px-4 py-8 overflow-hidden bg-blue-100 ring-blue-100 ring-1 sm:shadow-lg isolate sm:rounded-2xl sm:px-16 md:pt-20 lg:flex lg:gap-x-20 lg:px-16 lg:py-0 sm:shadow-gray-600/10"> class="relative px-4 py-8 overflow-hidden bg-blue-100 ring-blue-100 ring-1 sm:shadow-lg isolate sm:rounded-2xl sm:px-16 md:pt-20 lg:flex lg:gap-x-20 lg:px-16 lg:py-0 sm:shadow-gray-600/10">
<div class="absolute inset-0"> <div class="absolute inset-0">
<NuxtImg class="object-cover object-top w-full h-full" src="/img/pages/ai_form_builder/background-pattern-ai.svg" alt=""/> <NuxtImg class="object-cover object-top w-full h-full" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/background-pattern-ai.svg`" alt=""/>
</div> </div>
<div class="relative max-w-md mx-auto text-center xl:max-w-lg lg:mx-0 lg:flex-auto lg:py-16 lg:text-left"> <div class="relative max-w-md mx-auto text-center xl:max-w-lg lg:mx-0 lg:flex-auto lg:py-16 lg:text-left">
@ -84,7 +84,7 @@
<div <div
class="relative hidden lg:block w-full px-6 mx-auto mt-8 lg:px-0 sm:mt-12 lg:bottom-0 lg:absolute lg:-right-16 xl:right-0 lg:max-w-lg"> class="relative hidden lg:block w-full px-6 mx-auto mt-8 lg:px-0 sm:mt-12 lg:bottom-0 lg:absolute lg:-right-16 xl:right-0 lg:max-w-lg">
<img class="rounded-t-2xl ring-1 ring-blue-100 lg:rounded-tr-none w-full" <img class="rounded-t-2xl ring-1 ring-blue-100 lg:rounded-tr-none w-full"
src="/img/pages/ai_form_builder/ai-feature-illustration.svg" alt="App screenshot"/> :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/ai-feature-illustration.svg`" alt="App screenshot"/>
</div> </div>
</div> </div>

View File

@ -1,9 +1,9 @@
<template> <template>
<div v-if="user.active_license" class="border p-5 shadow-md rounded-md"> <div v-if="user.active_license" class="border p-5 shadow-md rounded-md">
<div class="w-auto flex flex-col items-center"> <div class="w-auto flex flex-col items-center">
<NuxtImg src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px]" alt="AppSumo"/> <NuxtImg :src="`${useRuntimeConfig().public.appUrl}/img/appsumo/as-taco-white-bg.png`" class="max-w-[60px]" alt="AppSumo"/>
<NuxtImg src="/img/appsumo/as-Select-dark.png" class="max-w-[150px]" alt="AppSumo"/> <NuxtImg :src="`${useRuntimeConfig().public.appUrl}/img/appsumo/as-Select-dark.png`" class="max-w-[150px]" alt="AppSumo"/>
</div> </div>
<p class="mt-6"> <p class="mt-6">

View File

@ -1,8 +1,8 @@
<template> <template>
<div v-if="hasValidLicense" class="p-6 bg-white border shadow-md rounded-md"> <div v-if="hasValidLicense" class="p-6 bg-white border shadow-md rounded-md">
<NuxtImg src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px] mx-auto" alt="AppSumo"/> <NuxtImg :src="`${useRuntimeConfig().public.appUrl}/img/appsumo/as-taco-white-bg.png`" class="max-w-[60px] mx-auto" alt="AppSumo"/>
<NuxtImg src="/img/appsumo/as-Select-dark.png" class="max-w-[300px] mx-auto" alt="AppSumo"/> <NuxtImg :src="`${useRuntimeConfig().public.appUrl}/img/appsumo/as-Select-dark.png`" class="max-w-[300px] mx-auto" alt="AppSumo"/>
<p class="mt-6"> <p class="mt-6">
<span class="text-green-500">We found your AppSumo Lifetime deal license!</span> Just complete the registration form to finalize the activation of <span class="text-green-500">We found your AppSumo Lifetime deal license!</span> Just complete the registration form to finalize the activation of
@ -10,9 +10,9 @@
</p> </p>
</div> </div>
<div v-else-if="hasLicenseError" class="p-6 bg-white border border-red-500 shadow-md rounded-md"> <div v-else-if="hasLicenseError" class="p-6 bg-white border border-red-500 shadow-md rounded-md">
<NuxtImg src="/img/appsumo/as-taco-white-bg.png" class="max-w-[60px] mx-auto" alt="AppSumo"/> <NuxtImg :src="`${useRuntimeConfig().public.appUrl}/img/appsumo/as-taco-white-bg.png`" class="max-w-[60px] mx-auto" alt="AppSumo"/>
<NuxtImg src="/img/appsumo/as-Select-dark.png" class="max-w-[300px] mx-auto" alt="AppSumo"/> <NuxtImg src="`${useRuntimeConfig().public.appUrl}/img/appsumo/as-Select-dark.png`" class="max-w-[300px] mx-auto" alt="AppSumo"/>
<p class="mt-6"> <p class="mt-6">
<span class="text-red-600">Invalid AppSumo license</span>. The license was probably already attached to an OpnForm account. Please contact support. <span class="text-red-600">Invalid AppSumo license</span>. The license was probably already attached to an OpnForm account. Please contact support.

View File

@ -3,7 +3,7 @@
<!-- START HERO --> <!-- START HERO -->
<section class="bg-gradient-to-b relative from-white to-gray-100 py-12 sm:py-16 lg:py-20 xl:py-24"> <section class="bg-gradient-to-b relative from-white to-gray-100 py-12 sm:py-16 lg:py-20 xl:py-24">
<div class="absolute inset-0"> <div class="absolute inset-0">
<img class="w-full h-full object-cover object-top" src="/img/pages/ai_form_builder/background-pattern.svg" alt=""/> <img class="w-full h-full object-cover object-top" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/background-pattern.svg` alt=""/>
</div> </div>
@ -32,7 +32,7 @@
<div <div
class="-m-2 rounded-xl bg-blue-900/5 p-2 backdrop-blur-sm ring-1 ring-inset ring-blue-900/10 lg:-m-4 lg:rounded-2xl lg:p-4"> class="-m-2 rounded-xl bg-blue-900/5 p-2 backdrop-blur-sm ring-1 ring-inset ring-blue-900/10 lg:-m-4 lg:rounded-2xl lg:p-4">
<video class="rounded-md ring-1 ring-gray-200 shadow-xl shadow-blue-600/10 ring-blue-900/10" controls autoplay loop muted> <video class="rounded-md ring-1 ring-gray-200 shadow-xl shadow-blue-600/10 ring-blue-900/10" controls autoplay loop muted>
<source src="/video/opnform-ai.mp4" type="video/mp4"> <source :src="`${useRuntimeConfig().public.appUrl}/video/opnform-ai.mp4`" type="video/mp4">
This browser does not display the video tag. This browser does not display the video tag.
</video> </video>
@ -42,7 +42,7 @@
<div <div
class="grid lg:grid-cols-3 grid-cols-1 sm:max-w-lg lg:max-w-5xl sm:mx-auto gap-8 sm:gap-10 mt-12 sm:mt-16"> class="grid lg:grid-cols-3 grid-cols-1 sm:max-w-lg lg:max-w-5xl sm:mx-auto gap-8 sm:gap-10 mt-12 sm:mt-16">
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<NuxtImg class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-fast.svg" alt=""/> <NuxtImg class="w-12 h-12 shrink-0" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-fast.svg`" alt=""/>
<div> <div>
<p class="text-md font-semibold text-gray-900"> <p class="text-md font-semibold text-gray-900">
@ -55,7 +55,7 @@
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<NuxtImg class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-customization.svg" alt=""/> <NuxtImg class="w-12 h-12 shrink-0" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-customization.svg`" alt=""/>
<div> <div>
<p class="text-md font-semibold text-gray-900"> <p class="text-md font-semibold text-gray-900">
@ -68,7 +68,7 @@
</div> </div>
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<NuxtImg class="w-12 h-12 shrink-0" src="/img/pages/ai_form_builder/icon-browser.svg" alt=""/> <NuxtImg class="w-12 h-12 shrink-0" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-browser.svg`" alt=""/>
<div> <div>
<p class="text-md font-semibold text-gray-900"> <p class="text-md font-semibold text-gray-900">
@ -104,7 +104,7 @@
class="space-y-16 text-center lg:text-left sm:max-w-md sm:mx-auto lg:max-w-none lg:space-y-20 xl:space-y-24 mt-8 sm:mt-12 lg:mt-16"> class="space-y-16 text-center lg:text-left sm:max-w-md sm:mx-auto lg:max-w-none lg:space-y-20 xl:space-y-24 mt-8 sm:mt-12 lg:mt-16">
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12"> <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12">
<NuxtImg class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm" <NuxtImg class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm"
src="/img/pages/ai_form_builder/step-1.svg" alt=""/> :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/step-1.svg`" alt=""/>
<div <div
@ -113,7 +113,7 @@
</div> </div>
<div class="lg:flex-1 lg:shrink-0"> <div class="lg:flex-1 lg:shrink-0">
<NuxtImg class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-create.svg" alt=""/> <NuxtImg class="w-auto h-16 hidden lg:block" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-create.svg`" alt=""/>
<h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8"> <h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8">
Building forms made easy Building forms made easy
@ -131,14 +131,14 @@
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12"> <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12">
<NuxtImg <NuxtImg
class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm lg:order-3" class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm lg:order-3"
src="/img/pages/ai_form_builder/step-2.svg" alt=""/> :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/step-2.svg`" alt=""/>
<div <div
class="w-16 h-16 lg:order-2 rounded-full bg-blue-50 border-2 border-blue-200 hidden xl:inline-flex items-center justify-center text-blue-600 text-2xl font-semibold leading-none"> class="w-16 h-16 lg:order-2 rounded-full bg-blue-50 border-2 border-blue-200 hidden xl:inline-flex items-center justify-center text-blue-600 text-2xl font-semibold leading-none">
2 2
</div> </div>
<div class="lg:flex-1 lg:shrink-0 lg:order-1"> <div class="lg:flex-1 lg:shrink-0 lg:order-1">
<NuxtImg class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-customization.svg" alt=""/> <NuxtImg class="w-auto h-16 hidden lg:block" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-customization.svg`" alt=""/>
<h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8"> <h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8">
Customized forms work wonders Customized forms work wonders
@ -153,14 +153,14 @@
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12"> <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 lg:gap-12">
<NuxtImg class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm" <NuxtImg class="w-full lg:flex-1 bg-gray-300 lg:shrink-0 rounded-2xl ring-1 ring-gray-200 shadow-sm"
src="/img/pages/ai_form_builder/step-3.svg" alt=""/> :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/step-3.svg`" alt=""/>
<div <div
class="w-16 h-16 rounded-full bg-blue-50 border-2 border-blue-200 hidden xl:inline-flex items-center justify-center text-blue-600 text-2xl font-semibold leading-none"> class="w-16 h-16 rounded-full bg-blue-50 border-2 border-blue-200 hidden xl:inline-flex items-center justify-center text-blue-600 text-2xl font-semibold leading-none">
3 3
</div> </div>
<div class="lg:flex-1 lg:shrink-0"> <div class="lg:flex-1 lg:shrink-0">
<NuxtImg class="w-auto h-16 hidden lg:block" src="/img/pages/ai_form_builder/icon-share.svg" alt=""/> <NuxtImg class="w-auto h-16 hidden lg:block" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-share.svg'" alt=""/>
<h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8"> <h3 class="text-2xl sm:text-3xl lg:text-4xl font-semibold text-gray-900 lg:mt-8">
Share your forms anywhere Share your forms anywhere
@ -200,7 +200,7 @@
<!-- <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-8 sm:mt-12 lg:mt-16">--> <!-- <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-8 sm:mt-12 lg:mt-16">-->
<!-- <div--> <!-- <div-->
<!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">--> <!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">-->
<!-- <NuxtImg class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/> <!-- <NuxtImg class="w-full" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/examples-placeholder.png` alt=""/>
--> -->
<!-- <div class="px-4 py-5 sm:p-6">--> <!-- <div class="px-4 py-5 sm:p-6">-->
<!-- <h3 class="text-lg font-semibold text-gray-900">--> <!-- <h3 class="text-lg font-semibold text-gray-900">-->
@ -214,7 +214,7 @@
<!-- <div--> <!-- <div-->
<!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">--> <!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">-->
<!-- <NuxtImg class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/> <!-- <NuxtImg class="w-full" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/examples-placeholder.png`" alt=""/>
--> -->
<!-- <div class="px-4 py-5 sm:p-6">--> <!-- <div class="px-4 py-5 sm:p-6">-->
<!-- <h3 class="text-lg font-semibold text-gray-900">--> <!-- <h3 class="text-lg font-semibold text-gray-900">-->
@ -228,7 +228,7 @@
<!-- <div--> <!-- <div-->
<!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">--> <!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">-->
<!-- <NuxtImg class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/> <!-- <NuxtImg class="w-full" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/examples-placeholder.png`" alt=""/>
--> -->
<!-- <div class="px-4 py-5 sm:p-6">--> <!-- <div class="px-4 py-5 sm:p-6">-->
<!-- <h3 class="text-lg font-semibold text-gray-900">--> <!-- <h3 class="text-lg font-semibold text-gray-900">-->
@ -242,7 +242,7 @@
<!-- <div--> <!-- <div-->
<!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">--> <!-- class="bg-white overflow-hidden rounded-2xl ring-1 ring-gray-200 shadow-sm hover:shadow-lg hover:-translate-y-2 transition-all duration-150">-->
<!-- <NuxtImg class="w-full" src="/img/pages/ai_form_builder/examples-placeholder.png" alt=""/> <!-- <NuxtImg class="w-full" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/examples-placeholder.png`" alt=""/>
--> -->
<!-- <div class="px-4 py-5 sm:p-6">--> <!-- <div class="px-4 py-5 sm:p-6">-->
<!-- <h3 class="text-lg font-semibold text-gray-900">--> <!-- <h3 class="text-lg font-semibold text-gray-900">-->
@ -422,11 +422,11 @@
<section class="bg-gradient-to-b from-gray-100 to-white py-12 sm:py-16 lg:pt-20 xl:pt-24"> <section class="bg-gradient-to-b from-gray-100 to-white py-12 sm:py-16 lg:pt-20 xl:pt-24">
<div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto"> <div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
<div class="flex items-center justify-center gap-8"> <div class="flex items-center justify-center gap-8">
<NuxtImg class="w-auto h-12" src="/img/pages/ai_form_builder/icon-email-input.svg" alt=""/> <NuxtImg class="w-auto h-12" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-email-input.svg`" alt=""/>
<NuxtImg class="w-auto h-12" src="/img/pages/ai_form_builder/icon-radio-buttons.svg" alt=""/> <NuxtImg class="w-auto h-12" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-radio-buttons.svg`" alt=""/>
<NuxtImg class="w-auto h-12" src="/img/pages/ai_form_builder/icon-textarea.svg" alt=""/> <NuxtImg class="w-auto h-12" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/icon-textarea.svg`" alt=""/>
</div> </div>

View File

@ -41,7 +41,7 @@
</div> </div>
<div v-if="!formsLoading && enrichedForms.length === 0" class="flex flex-wrap justify-center max-w-4xl"> <div v-if="!formsLoading && enrichedForms.length === 0" class="flex flex-wrap justify-center max-w-4xl">
<NuxtImg class="w-56" <NuxtImg class="w-56"
src="/img/pages/forms/search_notfound.png" alt="search-not-found" :src="`${useRuntimeConfig().public.appUrl}/img/pages/forms/search_notfound.png`" alt="search-not-found"
/> />
<h3 class="w-full mt-4 text-center text-gray-900 font-semibold"> <h3 class="w-full mt-4 text-center text-gray-900 font-semibold">

View File

@ -3,7 +3,7 @@
<section class="bg-gradient-to-b relative from-white to-gray-100 py-8 sm:py-16 "> <section class="bg-gradient-to-b relative from-white to-gray-100 py-8 sm:py-16 ">
<div class="absolute inset-0"> <div class="absolute inset-0">
<img class="w-full h-full object-cover object-top" <img class="w-full h-full object-cover object-top"
src="/img/pages/ai_form_builder/background-pattern.svg" alt="Page abstract background" :src="`${useRuntimeConfig().public.appUrl}/img/pages/ai_form_builder/background-pattern.svg`" alt="Page abstract background"
/> />
</div> </div>
@ -88,7 +88,7 @@
<div <div
class="-m-2 rounded-xl bg-blue-900/5 p-2 backdrop-blur-sm ring-1 ring-inset ring-blue-900/10 lg:-m-4 lg:rounded-2xl lg:p-4 w-full" class="-m-2 rounded-xl bg-blue-900/5 p-2 backdrop-blur-sm ring-1 ring-inset ring-blue-900/10 lg:-m-4 lg:rounded-2xl lg:p-4 w-full"
> >
<NuxtImg src="/img/pages/welcome/product-cover.jpg" <NuxtImg :src="`${useRuntimeConfig().public.appUrl}/img/pages/welcome/product-cover.jpg`"
sizes="320px sm:650px lg:896px" sizes="320px sm:650px lg:896px"
alt="Product screenshot" loading="lazy" class="rounded-md w-full shadow-2xl ring-1 ring-gray-900/10" alt="Product screenshot" loading="lazy" class="rounded-md w-full shadow-2xl ring-1 ring-gray-900/10"
/> />