efa48f6f6b
Some checks are pending
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Waiting to run
Limit mainwhite pattern to the landing hero and a bottom footer band; remove it from sections and page headers. Add vertical water-flow animation and stronger hero particles with hover boost. Fix green text on white sections and card descriptions in green bands, including the two-days program cards. 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-[#ffb300]">
|
|
{exhibitCopy.eyebrow}
|
|
</p>
|
|
<h2 className="mt-3 text-3xl font-bold md:text-4xl">{exhibitCopy.headline}</h2>
|
|
<p className="mt-4 text-[#3d5248] leading-relaxed">{exhibitCopy.subheadline}</p>
|
|
<div className="mt-8 flex flex-wrap gap-3">
|
|
<Button className="rounded-full bg-[#ffb300] text-[#0f0404] hover:bg-[#ffb300]/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>
|
|
);
|
|
}
|