kirukib
cb404ec079
Some checks failed
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Has been cancelled
Centralize primary, secondary, tertiary, and neutral tokens and apply them across theme variables and UI components. Co-authored-by: Cursor <cursoragent@cursor.com>
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
import Link from "next/link";
|
|
import Image from "next/image";
|
|
import { exhibitCopy } from "@/content/exhibit";
|
|
import { Section } from "@/components/layout/Section";
|
|
import { Button } from "@/components/ui/button";
|
|
|
|
export function BoothAcquisitionBand() {
|
|
return (
|
|
<Section id="booth">
|
|
<div className="grid items-center gap-10 lg:grid-cols-2">
|
|
<div className="relative aspect-[4/3] overflow-hidden rounded-2xl order-2 lg:order-1">
|
|
<Image
|
|
src="/branding/booth-mockup.png"
|
|
alt="Exhibition booth at GRV Summit"
|
|
fill
|
|
className="object-cover"
|
|
/>
|
|
</div>
|
|
<div className="order-1 lg:order-2">
|
|
<p className="text-xs font-semibold uppercase tracking-widest text-[#b9d8c9]">
|
|
{exhibitCopy.eyebrow}
|
|
</p>
|
|
<h2 className="mt-3 text-3xl font-bold md:text-4xl">{exhibitCopy.headline}</h2>
|
|
<p className="mt-4 text-[#5b5b5b] leading-relaxed">{exhibitCopy.subheadline}</p>
|
|
<div className="mt-8 flex flex-wrap gap-3">
|
|
<Button className="rounded-full bg-[#37a47a] text-[#ffffff] hover:bg-[#37a47a]/90" asChild>
|
|
<Link href="/exhibit#reserve-booth">Reserve a booth</Link>
|
|
</Button>
|
|
<Button variant="outline" className="topo-card-link rounded-full" asChild>
|
|
<Link href="/exhibit">View booth packages</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Section>
|
|
);
|
|
}
|