content-one

1<section class="py-16 md:py-32">
2	<div class="mx-auto max-w-5xl space-y-8 px-6 md:space-y-16">
3		<h2 class="relative z-10 max-w-xl text-4xl font-medium lg:text-5xl">
4			The Lyra ecosystem brings together our models.
5		</h2>
6		<div class="grid gap-6 sm:grid-cols-2 md:gap-12 lg:gap-24">
7			<div class="relative mb-6 sm:mb-0">
8				<div
9					class="relative aspect-76/59 rounded-2xl bg-linear-to-b from-zinc-300 to-transparent p-px dark:from-zinc-700"
10				>
11					<img
12						src="/payments.png"
13						class="hidden rounded-[15px] dark:block"
14						alt="payments illustration dark"
15						width={1207}
16						height={929}
17					/>
18					<img
19						src="/payments-light.png"
20						class="rounded-[15px] shadow dark:hidden"
21						alt="payments illustration light"
22						width={1207}
23						height={929}
24					/>
25				</div>
26			</div>
27 
28			<div class="relative space-y-4">
29				<p class="text-muted-foreground">
30					Gemini is evolving to be more than just the models. <span
31						class="font-bold text-accent-foreground"
32						>It supports an entire ecosystem</span
33					> — from products innovate.
34				</p>
35				<p class="text-muted-foreground">
36					It supports an entire ecosystem — from products to the APIs and platforms
37					helping developers and businesses innovate
38				</p>
39 
40				<div class="pt-6">
41					<blockquote class="border-l-4 pl-4">
42						<p>
43							Using TailsUI has been like unlocking a secret design superpower. It's
44							the perfect fusion of simplicity and versatility, enabling us to create
45							UIs that are as stunning as they are user-friendly.
46						</p>
47 
48						<div class="mt-6 space-y-3">
49							<cite class="block font-medium">John Doe, CEO</cite>
50							<img
51								class="h-5 w-fit dark:invert"
52								src="https://html.tailus.io/blocks/customers/nvidia.svg"
53								alt="Nvidia Logo"
54								height="20"
55								width="auto"
56							/>
57						</div>
58					</blockquote>
59				</div>
60			</div>
61		</div>
62	</div>
63</section>