Gallery 10

export type GalleryCategory = "Motion" | "Light" | "Texture";

export type GalleryItem = {
	id: string;
	title: string;
	location: string;
	date: string;
	category: GalleryCategory;
	image: string;
	alt: string;
	summary: string;
};

export const galleryFilters = ["All", "Motion", "Light", "Texture"] as const;
export type GalleryFilter = (typeof galleryFilters)[number];

export const galleryItems: GalleryItem[] = [
	{
		id: "hyperspeed",
		title: "Velocity study",
		location: "Motion lab",
		date: "Mar 2026",
		category: "Motion",
		image: "/images/visuals/hyperspeed.png",
		alt: "Neon light trails flowing through a dark space",
		summary:
			"Directional light trails for hero backgrounds — high contrast without stock-photo noise.",
	},
	{
		id: "floating-lines",
		title: "Line field",
		location: "Motion lab",
		date: "Mar 2026",
		category: "Motion",
		image: "/images/visuals/floating-lines.png",
		alt: "Floating luminous lines on black",
		summary:
			"Weightless line fields that read as motion even in a still frame — ideal for product rails.",
	},
	{
		id: "plasma",
		title: "Plasma drift",
		location: "Motion lab",
		date: "Feb 2026",
		category: "Motion",
		image: "/images/visuals/plasma.png",
		alt: "Plasma smoke on a dark field",
		summary:
			"Soft plasma drift for atmospheric sections — pairs with serif headlines and sparse copy.",
	},
	{
		id: "light-rays",
		title: "Spotlight field",
		location: "Light series",
		date: "Feb 2026",
		category: "Light",
		image: "/images/visuals/light-rays.png",
		alt: "Soft white light rays on a black background",
		summary:
			"Spotlight cones for launch pages — editorial drama without gradient overload.",
	},
	{
		id: "orb",
		title: "Orbital glow",
		location: "Light series",
		date: "Feb 2026",
		category: "Light",
		image: "/images/visuals/orb.png",
		alt: "Glowing cyan and violet ring on black",
		summary:
			"Orbital glow for feature callouts — a single focal ring that scales from card to hero.",
	},
	{
		id: "dark-veil",
		title: "Veil bloom",
		location: "Light series",
		date: "Jan 2026",
		category: "Light",
		image: "/images/visuals/dark-veil.png",
		alt: "Purple light veil across darkness",
		summary:
			"Veil bloom for premium covers — depth without competing with foreground UI.",
	},
	{
		id: "color-bends",
		title: "Color bend",
		location: "Light series",
		date: "Jan 2026",
		category: "Light",
		image: "/images/visuals/color-bends.png",
		alt: "Smooth color bends on a dark canvas",
		summary:
			"Smooth spectral bends for brand moments — reads modern without neon cliché.",
	},
	{
		id: "silk",
		title: "Silk fold",
		location: "Texture study",
		date: "Jan 2026",
		category: "Texture",
		image: "/images/visuals/silk.png",
		alt: "Dark silk fabric with soft diagonal highlights",
		summary:
			"Silk folds for texture-led layouts — tactile contrast against flat UI chrome.",
	},
	{
		id: "pixel-blast",
		title: "Pixel scatter",
		location: "Texture study",
		date: "Jan 2026",
		category: "Texture",
		image: "/images/visuals/pixel-blast.png",
		alt: "Glowing pixel clusters on a dark field",
		summary:
			"Pixel scatter for dev-tool aesthetics — precise glow clusters on a dark field.",
	},
	{
		id: "ripple-grid",
		title: "Ripple grid",
		location: "Texture study",
		date: "Dec 2025",
		category: "Texture",
		image: "/images/visuals/ripple-grid.png",
		alt: "Distorted white grid on black",
		summary:
			"Ripple grid for motion marketing — distortion that hints at scroll without animation.",
	},
	{
		id: "threads",
		title: "Thread weave",
		location: "Texture study",
		date: "Dec 2025",
		category: "Texture",
		image: "/images/visuals/threads.png",
		alt: "Fine luminous threads crossing a dark plane",
		summary:
			"Thread weave for fine-detail backgrounds — subtle structure behind dense copy.",
	},
	{
		id: "beams",
		title: "Column light",
		location: "Motion lab",
		date: "Dec 2025",
		category: "Motion",
		image: "/images/visuals/beams.png",
		alt: "Vertical metallic light columns on black",
		summary:
			"Column light for architectural heroes — vertical rhythm that frames centered type.",
	},
];

export const gallerySpotlightCopy = {
	eyebrow: "Featured visual",
	title: "One frame, many moods",
	description: "Cycle through motion studies — hover a thumbnail or let the reel advance.",
} as const;

export const galleryMarqueeCopy = {
	title: "Rolling visual library",
	description: "Abstract covers for heroes, blog posts, and product storytelling.",
} as const;

export const gallerySplitCopy = {
	eyebrow: "Visual library",
	title: "Index rail for motion covers",
	description:
		"Typography-first list with a live preview panel — hover a row to swap the featured visual without leaving the section.",
} as const;

export const galleryBentoCopy = {
	title: "Bento exhibition",
	description: "Asymmetric wall — one hero tile with supporting studies around it.",
} as const;

export const galleryColumnsCopy = {
	eyebrow: "Visual library",
	title: "Staggered columns",
	description:
		"Offset masonry columns inside a framed wall — directional blur reveal and hover focus per column.",
} as const;

export const galleryMetricsCopy = {
	title: "Library at a glance",
	description: "Stats beside a compact grid of motion-ready covers.",
} as const;

export const galleryFilmstripCopy = {
	title: "Scroll the lineup",
	description: "Horizontal filmstrip with scroll-snap focus — blur fades on the active frame.",
} as const;

export const galleryRevealCopy = {
	title: "Reveal wall",
	description: "Directional blur stagger as tiles enter — each visual earns its moment.",
} as const;

export const galleryFramedCopy = {
	eyebrow: "Exhibition",
	title: "Framed visual cycle",
	description:
		"Decor-framed panel with grid pattern, centered metadata, and labeled selector chips — pauses on hover.",
} as const;

export const galleryMetrics = [
	{ value: "12", label: "Visual sets" },
	{ value: "4K", label: "Ready covers" },
	{ value: "Free", label: "In public/" },
] as const;