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

Add tagline to Hero2

Browse Source
This commit is contained in:
prototypa
2023-08-14 09:12:13 -04:00
parent aeb2aaeca8
commit c3b8de03d3
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,7 @@ import { CallToAction } from '~/types';
export interface Props { export interface Props {
title?: string; title?: string;
subtitle?: string; subtitle?: string;
tagline?: string;
content?: string; content?: string;
callToAction?: string | CallToAction; callToAction?: string | CallToAction;
callToAction2?: string | CallToAction; callToAction2?: string | CallToAction;
@ -15,6 +16,7 @@ export interface Props {
const { const {
title = await Astro.slots.render('title'), title = await Astro.slots.render('title'),
subtitle = await Astro.slots.render('subtitle'), subtitle = await Astro.slots.render('subtitle'),
tagline,
content = await Astro.slots.render('content'), content = await Astro.slots.render('content'),
callToAction = await Astro.slots.render('callToAction'), callToAction = await Astro.slots.render('callToAction'),
callToAction2 = await Astro.slots.render('callToAction2'), callToAction2 = await Astro.slots.render('callToAction2'),
@ -28,6 +30,12 @@ const {
<div class="pt-0 md:pt-[76px] pointer-events-none"></div> <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="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"> <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}
/>
)}
{ {
title && ( title && (
<h1 <h1