WidgetHero2

.

---
import { WidgetHero1 } from '@yatoday/astro-ui/astro';
---

<WidgetHero2
  title="Sarah Johnson"
  tagline="Personal Web Demo"
  subtitle="I'm a Graphic Designer passionate about crafting visual stories. <br /> With 5 years of experience and a degree from New York University's School of Design. I infuse vitality into brands and designs, transforming concepts into captivating realities."
  actions={[
    { variant: 'primary', text: 'Hire me', href: '/' },
    { variant: 'outline', text: 'My Portfolio', href: '/' },
  ]}
  classes={{
    headline: {
      title: 'md:text-6xl text-foreground'
    }
  }}
/>

https://

About us

Elevate your online presence with our
Beautiful Website Templates

Donec efficitur, ipsum quis congue luctus, mauris magna convallis mauris, eu auctor nisi lectus non augue. Donec quis lorem non massa vulputate efficitur ac at turpis. Sed tincidunt ex a nunc convallis, et lobortis nisi tempus. Suspendisse vitae nisi eget tortor luctus maximus sed non lectus.

---
import { WidgetHero2 } from '@yatoday/astro-ui/astro';
---

<WidgetHero2
  tagline="About us"
  classes={{
    headline: {
      title: 'md:text-6xl text-foreground'
    }
  }}
  image={{
    src: '~/assets/images/pexels-helenalopesph-1015568.jpg',
    alt: 'Caos Image',
  }}
>
  <Fragment slot="title">
    <span class="text-lg md:text-5xl">Elevate your online presence with our</span> <br />
    <span class="text-primary"> Beautiful Website Templates</span>
  </Fragment>

  <Fragment slot="subtitle">
    Donec efficitur, ipsum quis congue luctus, mauris magna convallis mauris, eu auctor nisi lectus non augue. Donec
    quis lorem non massa vulputate efficitur ac at turpis. Sed tincidunt ex a nunc convallis, et lobortis nisi tempus.
    Suspendisse vitae nisi eget tortor luctus maximus sed non lectus.
  </Fragment>
</WidgetHero2>

Props