diff options
Diffstat (limited to 'src/components/LandingInfoCard.svelte')
| -rw-r--r-- | src/components/LandingInfoCard.svelte | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/src/components/LandingInfoCard.svelte b/src/components/LandingInfoCard.svelte index 2b2dd2a1..c67d3fcc 100644 --- a/src/components/LandingInfoCard.svelte +++ b/src/components/LandingInfoCard.svelte @@ -1,4 +1,6 @@ <script> + import Image from './Image.svelte'; + export let image; export let title; export let description; @@ -6,14 +8,11 @@ </script> <div class="block lg:flex justify-center lg:space-x-20 items-center"> - {#if image} - <img - src="/images/{image}.png" - alt={image} - class="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order === - 'reverse' && 'order-last'}" - /> - {/if} + <Image + {image} + style="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order === + 'reverse' && 'order-last'}" + /> <div class="w-full lg:w-1/2 max-w-3xl space-y-10 mx-auto lg:mx-0"> <h3 class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]">{title}</h3> <p class="text-secondary text-xl font-medium w-full md:w-[500px] mx-auto lg:mx-0"> |