bender/dda0f994-e37b-4b22-8c1c-c56c67330bf7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/gallery/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-08 00:47:47 +00:00
parent 185177d20b
commit 7c08cd0898
1 changed files with 51 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
src/app/gallery/page.tsx
View File

@@ -2,12 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Lightbulb, LayoutGrid, CupSoda, Thermometer } from "lucide-react";
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
export default function LandingPage() {
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -22,112 +23,58 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "What's New",
id: "/new",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Chrystal's"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "What's New", id: "/new" },
{ name: "Gallery", id: "/gallery" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Chrystal's"
/>
</div>
<div id="store-gallery" data-section="store-gallery">
<SplitAbout
textboxLayout="inline-image"
useInvertedBackground={true}
title="Our Store"
description="Explore the warmth and care we put into every corner of Chrystal's."
bulletPoints={[
{
title: "Wine Wall",
description: "Our curated selection.",
},
{
title: "Spirits Selection",
description: "Rare bottles on display.",
},
{
title: "Tasting Area",
description: "Meet the flavors.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-glass-bottles-filled-with-unknown-transparent-liquids_181624-8276.jpg?_wi=1"
mediaAnimation="opacity"
/>
</div>
<div id="store-gallery" data-section="store-gallery">
<SplitAbout
textboxLayout="inline-image"
useInvertedBackground={true}
title="Our Store"
description="Explore the warmth and care we put into every corner of Chrystal's."
bulletPoints={[
{ title: "Wine Wall", description: "Our curated selection." },
{ title: "Spirits Selection", description: "Rare bottles on display." },
{ title: "Tasting Area", description: "Meet the flavors." },
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-glass-bottles-filled-with-unknown-transparent-liquids_181624-8276.jpg"
mediaAnimation="opacity"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
title="Explore Our Space"
description="See the care behind our shop floor and inventory management."
features={[
{
title: "Artisanal Lighting",
description: "Perfectly highlighting our bottles.",
buttonIcon: "Lightbulb",
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151018020.jpg?_wi=2",
imageAlt: "dark rum bottle label",
},
{
title: "Modular Shelving",
description: "Designed for accessibility and aesthetics.",
buttonIcon: "LayoutGrid",
imageSrc: "http://img.b2bpic.net/free-photo/red-apples-wooden-box-around-with-apple-juice-top-view-blue-cloth-wooden-background_176474-7861.jpg?_wi=2",
imageAlt: "cider glass bottle product",
},
{
title: "Tasting Hubs",
description: "Dedicated areas for sampling.",
buttonIcon: "CupSoda",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-glass-bottles-filled-with-unknown-transparent-liquids_181624-8276.jpg?_wi=2",
imageAlt: "wine wall liquor store",
},
{
title: "Temperature Control",
description: "Climate-focused for integrity.",
buttonIcon: "Thermometer",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-holding-disposable-coffee-cup_107420-84976.jpg?_wi=1",
imageAlt: "friendly liquor store owner",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
title="Explore Our Space"
description="See the care behind our shop floor and inventory management."
features={[
{ title: "Artisanal Lighting", description: "Perfectly highlighting our bottles.", icon: Lightbulb, imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151018020.jpg", imageAlt: "dark rum bottle label" },
{ title: "Modular Shelving", description: "Designed for accessibility and aesthetics.", icon: LayoutGrid, imageSrc: "http://img.b2bpic.net/free-photo/red-apples-wooden-box-around-with-apple-juice-top-view-blue-cloth-wooden-background_176474-7861.jpg", imageAlt: "cider glass bottle product" },
{ title: "Tasting Hubs", description: "Dedicated areas for sampling.", icon: CupSoda, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-glass-bottles-filled-with-unknown-transparent-liquids_181624-8276.jpg", imageAlt: "wine wall liquor store" },
{ title: "Temperature Control", description: "Climate-focused for integrity.", icon: Thermometer, imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-holding-disposable-coffee-cup_107420-84976.jpg", imageAlt: "friendly liquor store owner" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Chrystal's"
leftLink={{
text: "Terms of Service",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Chrystal's"
leftLink={{ text: "Terms of Service", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}