- Introduced multiple new components including AnimatedLink, Button, Calendar, Card, ColorSwatch, Divider, Filmstrip, FormContainer, FormField, GalleryCard, Heading, HeroOverlay, IdentitySection, ImmersionSection, NewArtistsSection, NewContactSection, NewHero, NewNavigation, Reveal, SectionLabel, StickySplit, and Toast. - Each component is designed with responsive layouts and customizable styles to improve the overall UI consistency and interactivity. - Implemented accessibility features and animations to enhance user engagement. This commit significantly expands the component library, providing a robust foundation for building a cohesive user interface.
25 lines
701 B
TypeScript
25 lines
701 B
TypeScript
"use client"
|
|
|
|
import { Filmstrip } from "./filmstrip"
|
|
|
|
const immersionImages = [
|
|
{ src: "/images/UP1_00007_.png", label: "Monument Prep" },
|
|
{ src: "/images/UP1_00009_.png", label: "Avian Story" },
|
|
{ src: "/images/UP1_00010_.png", label: "Architectural Study" },
|
|
{ src: "/images/UP1_00018_.png", label: "Liberty Detail" },
|
|
{ src: "/images/0_1.png", label: "Warm Plaster" },
|
|
{ src: "/images/0_3.png", label: "Shadow Glyph" },
|
|
]
|
|
|
|
export function ImmersionSection() {
|
|
return (
|
|
<section className="relative">
|
|
<Filmstrip
|
|
items={immersionImages}
|
|
title="Sunbleached walls & charcoal studies."
|
|
subtitle="01 • Immersion Gallery"
|
|
/>
|
|
</section>
|
|
)
|
|
}
|