TestimonialsSection

apps/www/src/components/TestimonialsSection.astro · 25 lines · group Testimonials

Used by

Live sites: codeexpert.se.

Samples 1

codeexpert.se/

Personalities

  • Kirill Kovalchuk

    COO - Chief Operating Officer

  • David Hamren

    CEO – Chief Executive Officer

MDX of this sample
<TestimonialsSection title="Personalities" description="">
  <TestimonialItem
    name="Kirill Kovalchuk"
    role="COO - Chief Operating Officer"
    description=""
    imageName="kirill.jpg"
  />
  <TestimonialItem
    name="David Hamren"
    role="CEO – Chief Executive Officer"
    description=""
    imageName="david.jpg"
  />
</TestimonialsSection>

Props

NameTypeRequiredDefaultDescription
titlestringyes
descriptionstring

Source apps/www/src/components/TestimonialsSection.astro @ gitt.one

---
interface Props {
  title: string;
  description?: string;
}

const { title, description } = Astro.props;
---

<div class="bg-[#500724]">
  <div class="mx-auto py-12 px-4 sm:px-6 lg:px-8">
    <div class="space-y-12 max-w-7xl mx-auto">
      <div class="space-y-5 sm:space-y-4 md:max-w-xl lg:max-w-3xl xl:max-w-none">
        <h2 class="text-3xl font-extrabold text-white tracking-tight sm:text-4xl">
          {title}
        </h2>
        {description && <p class="text-xl text-gray-300">{description}</p>}
      </div>
      <ul class="space-y-4 sm:grid sm:grid-cols-2 sm:gap-6 sm:space-y-0">
        <slot />
      </ul>
    </div>
  </div>
</div>

Source links point to engine-astro@e857a859. Samples are cut from the sites' own content by scripts/gallery-extract.mjs; nothing is merged or removed yet.