Organize Vertex starter into reusable sections

Use remote logos and avatars, refine landing copy, and document the template structure.
2026-09-15 10:49:07 -04:00
parent d7e987cea3
commit 6376bb3d82
45 changed files with 959 additions and 825 deletions
@@ -0,0 +1,31 @@
+import Image from "next/image"
+
+export interface Testimonial {
+  avatar: string
+  name: string
+  role: string
+  quote: string
+}
+
+export function ReviewCard({ review }: { review: Testimonial }) {
+  return (
+    <figure className="h-full w-[310px] shrink-0 rounded-xl border bg-card/75 p-5 shadow-sm transition-colors hover:bg-muted/40 sm:w-[360px]">
+      <blockquote className="text-sm leading-6 text-foreground/85">“{review.quote}”</blockquote>
+      <figcaption className="mt-6 flex items-center gap-3">
+        <Image
+          src={review.avatar}
+          alt=""
+          width={36}
+          height={36}
+          sizes="36px"
+          unoptimized
+          className="size-9 shrink-0 rounded-full border object-cover"
+        />
+        <span>
+          <span className="block text-sm font-medium">{review.name}</span>
+          <span className="block text-xs text-muted-foreground">{review.role}</span>
+        </span>
+      </figcaption>
+    </figure>
+  )
+}