Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-04-08 00:47:50 +00:00
3 changed files with 158 additions and 331 deletions

View File

@@ -7,7 +7,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -22,107 +22,61 @@ 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="about-full" data-section="about-full">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Our Story"
description="Founded by a love for local community and fine spirits, Chrystal's has grown to be your neighborhood go-to for quality and expertise."
bulletPoints={[
{
title: "Local Roots",
description: "Deeply connected to the community.",
},
{
title: "Personal Service",
description: "Every recommendation is personal.",
},
{
title: "Special Orders",
description: "Hard-to-find requests welcomed.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-with-laptop-holding-disposable-coffee-cup_107420-84976.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="about-full" data-section="about-full">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Our Story"
description="Founded by a love for local community and fine spirits, Chrystal's has grown to be your neighborhood go-to for quality and expertise."
bulletPoints={[
{ title: "Local Roots", description: "Deeply connected to the community." },
{ title: "Personal Service", description: "Every recommendation is personal." },
{ title: "Special Orders", description: "Hard-to-find requests welcomed." },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-with-laptop-holding-disposable-coffee-cup_107420-84976.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Meet The Experts"
description="Our team brings years of industry knowledge and personal passion to Chrystal's."
groups={[
{
id: "g1",
groupTitle: "Management",
members: [
{
id: "m1",
title: "Chrystal",
subtitle: "Founder & Head Curator",
detail: "15 years of industry experience.",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-holding-disposable-coffee-cup_107420-84976.jpg?_wi=3",
},
{
id: "m2",
title: "Marcus",
subtitle: "Spirits Specialist",
detail: "Expert in rare whiskeys.",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-holding-disposable-coffee-cup_107420-84976.jpg?_wi=4",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/cashier-work_1098-16102.jpg?_wi=1",
imageAlt: "liquor store storefront contact",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Meet The Experts"
description="Our team brings years of industry knowledge and personal passion to Chrystal's."
groups={[
{
id: "g1", groupTitle: "Management", members: [
{ id: "m1", title: "Chrystal", subtitle: "Founder & Head Curator", detail: "15 years of industry experience." },
{ id: "m2", title: "Marcus", subtitle: "Spirits Specialist", detail: "Expert in rare whiskeys." },
],
imageSrc: "http://img.b2bpic.net/free-photo/cashier-work_1098-16102.jpg", imageAlt: "liquor store storefront contact"},
]}
/>
</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>
);
}
}

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>
);
}
}

View File

@@ -2,12 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { GlassWater, Wine, CheckCircle, Users } 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 ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function LandingPage() {
export default function NewArrivalsPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -22,136 +23,61 @@ 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="all-new-products" data-section="all-new-products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "n1",
name: "Whiskey 1",
price: "$50",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162987.jpg?_wi=1",
},
{
id: "n2",
name: "Wine 1",
price: "$30",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-wine-with-glass-white-vertical_176474-4158.jpg?_wi=1",
},
{
id: "n3",
name: "Tequila 1",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057965.jpg?_wi=1",
},
{
id: "n4",
name: "Gin 1",
price: "$40",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-tea-with-sliced-red-apple-cinnamon-fir-cone-straw_141793-7020.jpg?_wi=1",
},
{
id: "n5",
name: "Rum 1",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151018020.jpg?_wi=1",
},
{
id: "n6",
name: "Cider 1",
price: "$15",
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=1",
},
]}
title="New Arrivals"
description="Our weekly hand-picked selection."
/>
</div>
<div id="all-new-products" data-section="all-new-products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "n1", name: "Whiskey 1", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162987.jpg" },
{ id: "n2", name: "Wine 1", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-wine-with-glass-white-vertical_176474-4158.jpg" },
{ id: "n3", name: "Tequila 1", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057965.jpg" },
{ id: "n4", name: "Gin 1", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-tea-with-sliced-red-apple-cinnamon-fir-cone-straw_141793-7020.jpg" },
{ id: "n5", name: "Rum 1", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151018020.jpg" },
{ id: "n6", name: "Cider 1", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/red-apples-wooden-box-around-with-apple-juice-top-view-blue-cloth-wooden-background_176474-7861.jpg" },
]}
title="New Arrivals"
description="Our weekly hand-picked selection."
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
title="Why Our Collection Stands Out"
description="We don't just sell spirits; we curate experiences for every palate."
features={[
{
title: "Small-Batch Sourcing",
description: "Supporting artisanal producers globally.",
buttonIcon: "GlassWater",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162987.jpg?_wi=2",
imageAlt: "aged whiskey bottle brown",
},
{
title: "Vintage Preservation",
description: "Optimal storage for every bottle.",
buttonIcon: "Wine",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-wine-with-glass-white-vertical_176474-4158.jpg?_wi=2",
imageAlt: "white wine bottle label",
},
{
title: "Expert-Curated",
description: "Tested for quality and character.",
buttonIcon: "CheckCircle",
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057965.jpg?_wi=2",
imageAlt: "premium tequila bottle glass",
},
{
title: "Neighborhood Friendly",
description: "Built by locals for locals.",
buttonIcon: "Users",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-tea-with-sliced-red-apple-cinnamon-fir-cone-straw_141793-7020.jpg?_wi=2",
imageAlt: "botanical gin bottle clear",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
title="Why Our Collection Stands Out"
description="We don't just sell spirits; we curate experiences for every palate."
features={[
{ title: "Small-Batch Sourcing", description: "Supporting artisanal producers globally.", icon: GlassWater, imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162987.jpg", imageAlt: "aged whiskey bottle brown" },
{ title: "Vintage Preservation", description: "Optimal storage for every bottle.", icon: Wine, imageSrc: "http://img.b2bpic.net/free-photo/side-view-white-wine-with-glass-white-vertical_176474-4158.jpg", imageAlt: "white wine bottle label" },
{ title: "Expert-Curated", description: "Tested for quality and character.", icon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057965.jpg", imageAlt: "premium tequila bottle glass" },
{ title: "Neighborhood Friendly", description: "Built by locals for locals.", icon: Users, imageSrc: "http://img.b2bpic.net/free-photo/top-view-lemon-tea-with-sliced-red-apple-cinnamon-fir-cone-straw_141793-7020.jpg", imageAlt: "botanical gin bottle clear" },
]}
/>
</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>
);
}
}