mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Include CTA component in Hero widgets

Browse Source
This commit is contained in:
widgeter
2023-08-28 23:13:35 +02:00
parent 2276a910b2
commit 34707c15ef
8 changed files with 58 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/widgets/Hero2.astro
View File

@ -1,7 +1,7 @@
---
import { Icon } from 'astro-icon/components';
import Image from '~/components/common/Image.astro';
import type { CallToAction } from '~/types';
import CTA from '../ui/CTA.astro';
export interface Props {
title?: string;
@ -30,12 +30,14 @@ const {
<div class="pt-0 md:pt-[76px] pointer-events-none"></div>
<div class="py-12 md:py-20 lg:py-0 lg:flex lg:items-center lg:h-screen lg:gap-8">
<div class="basis-1/2 text-center lg:text-left pb-10 md:pb-16 mx-auto">
{tagline && (
<p
class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
set:html={tagline}
/>
)}
{
tagline && (
<p
class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
set:html={tagline}
/>
)
}
{
title && (
<h1
@ -55,14 +57,9 @@ const {
{typeof callToAction === 'string' ? (
<Fragment set:html={callToAction} />
) : (
<a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
{callToAction?.icon && (
<>
<Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5 rtl:-mr-1.5 rtl:ml-1" />{' '}
</>
)}
{callToAction?.text}
</a>
<div class="btn btn-primary sm:mb-0 w-full">
<CTA callToAction={callToAction} />
</div>
)}
</div>
)
@ -73,14 +70,9 @@ const {
{typeof callToAction2 === 'string' ? (
<Fragment set:html={callToAction2} />
) : (
<a class="btn w-full" href={callToAction2?.href}>
{callToAction2?.icon && (
<>
<Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
</>
)}
{callToAction2.text}
</a>
<div class="btn w-full">
<CTA callToAction={callToAction2} />
</div>
)}
</div>
)