Merge version_2 into main #1

Merged
bender merged 3 commits from version_2 into main 2026-06-11 05:17:01 +00:00
3 changed files with 217 additions and 168 deletions

84
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,84 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="none"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", href: "/"},
{
name: "Shop", href: "/#shop"},
{
name: "Lookbook", href: "/lookbook"},
{
name: "About", href: "/about"},
]}
brandName="1VAULT"
button={{
text: "Cart", href: "/cart"}}
animateOnLoad={true}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="1VAULT is not for everyone."
description={[
"It was never meant to be. We forge luxury streetwear for those who understand true exclusivity. This is not just clothing; it's a statement, a philosophy, a piece of art reserved for the discerning few.", "Every stitch, every fabric choice, every design element is meticulously curated to embody a dark, refined aesthetic. We challenge the norms of ready-to-wear, creating limited-edition pieces that transcend fleeting trends. To own 1VAULT is to possess a key to an exclusive world. Enter the vault, if you dare."]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop", href: "/#shop"},
{
label: "Lookbook", href: "/lookbook"},
{
label: "About", href: "/about"},
],
},
{
items: [
{
label: "Instagram", href: "https://www.instagram.com/1vault"},
{
label: "TikTok", href: "https://www.tiktok.com/@1vault"},
{
label: "Privacy Policy", href: "/privacy"},
{
label: "Terms of Service", href: "/terms"},
],
},
]}
logoText="1VAULT"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

94
src/app/lookbook/page.tsx Normal file
View File

@@ -0,0 +1,94 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function LookbookPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="none"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", href: "/"},
{
name: "Shop", href: "/#shop"},
{
name: "Lookbook", href: "/lookbook"},
{
name: "About", href: "/about"},
]}
brandName="1VAULT"
button={{
text: "Cart", href: "/cart"}}
animateOnLoad={true}
/>
</div>
<div id="lookbook" data-section="lookbook">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
features={[
{
title: "Urban Grit", description: "Captured amidst raw cityscapes, reflecting the untamed spirit of the collection.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409071.jpg", imageAlt: "Urban Grit Lookbook Shot", titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-sunglasses_23-2149409711.jpg", buttonText: "View Gallery"},
{
title: "Minimalist Forms", description: "Clean lines and bold silhouettes define the architectural essence of each garment.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg", imageAlt: "Minimalist Forms Lookbook Shot", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3569.jpg", buttonText: "Explore Styles"},
{
title: "Vaulted Exclusivity", description: "Dramatic compositions emphasize the rare and sought-after nature of our designs.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg", imageAlt: "Vaulted Exclusivity Lookbook Shot", titleImageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915117.jpg", buttonText: "Discover More"},
]}
title="Editorial Lookbook"
description="Experience the current collection through a cinematic lens. Every piece tells a story of craftsmanship and exclusive design."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop", href: "/#shop"},
{
label: "Lookbook", href: "/lookbook"},
{
label: "About", href: "/about"},
],
},
{
items: [
{
label: "Instagram", href: "https://www.instagram.com/1vault"},
{
label: "TikTok", href: "https://www.tiktok.com/@1vault"},
{
label: "Privacy Policy", href: "/privacy"},
{
label: "Terms of Service", href: "/terms"},
],
},
]}
logoText="1VAULT"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -31,27 +31,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", href: "/"},
id: "#hero",
},
{ {
name: "Shop", name: "Shop", href: "/#shop"},
id: "#shop",
},
{ {
name: "Lookbook", name: "Lookbook", href: "/lookbook"},
id: "#lookbook",
},
{ {
name: "About", name: "About", href: "/about"},
id: "#about",
},
]} ]}
brandName="1VAULT" brandName="1VAULT"
button={{ button={{
text: "Cart", text: "Cart", href: "/cart"}}
href: "/cart",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -59,15 +49,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "plain", variant: "plain"}}
}}
logoText="1VAULT" logoText="1VAULT"
description="It was never meant to be for everyone. Enter the Vault." description="It was never meant to be for everyone. Enter the Vault."
buttons={[ buttons={[
{ {
text: "Enter the Vault", text: "Enter the Vault", href: "/#shop"},
href: "#shop",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-longboard-dark-room_158595-2842.jpg" imageSrc="http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-longboard-dark-room_158595-2842.jpg"
@@ -84,65 +71,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "1VAULT", name: "ARCHIVE HOODIE", price: "$280", rating: 5,
brand: "1VAULT", reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/young-female-turtleneck-sweater-looking-up-looking-thoughtful-front-view_176474-61719.jpg", imageAlt: "1Vault Archive Hoodie"},
name: "ARCHIVE HOODIE",
price: "$280",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-turtleneck-sweater-looking-up-looking-thoughtful-front-view_176474-61719.jpg",
imageAlt: "1Vault Archive Hoodie",
},
{ {
id: "p2", id: "p2", brand: "1VAULT", name: "SIGNATURE TEE", price: "$120", rating: 5,
brand: "1VAULT", reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girls-posing_23-2148499518.jpg", imageAlt: "1Vault Signature Tee"},
name: "SIGNATURE TEE",
price: "$120",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girls-posing_23-2148499518.jpg",
imageAlt: "1Vault Signature Tee",
},
{ {
id: "p3", id: "p3", brand: "1VAULT", name: "URBAN CARGOS", price: "$350", rating: 4,
brand: "1VAULT", reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/lowangle-shot-handsome-stylish-spanish-man-posing-wall-background_181624-57127.jpg", imageAlt: "1Vault Urban Cargos"},
name: "URBAN CARGOS",
price: "$350",
rating: 4,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/lowangle-shot-handsome-stylish-spanish-man-posing-wall-background_181624-57127.jpg",
imageAlt: "1Vault Urban Cargos",
},
{ {
id: "p4", id: "p4", brand: "1VAULT", name: "VAULT BOMBER", price: "$550", rating: 5,
brand: "1VAULT", reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5513.jpg", imageAlt: "1Vault Vault Bomber Jacket"},
name: "VAULT BOMBER",
price: "$550",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5513.jpg",
imageAlt: "1Vault Vault Bomber Jacket",
},
{ {
id: "p5", id: "p5", brand: "1VAULT", name: "SCRIPT BEANIE", price: "$75", rating: 4,
brand: "1VAULT", reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-coat-posing-outside_1153-2687.jpg", imageAlt: "1Vault Script Beanie"},
name: "SCRIPT BEANIE",
price: "$75",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/girl-hat-coat-posing-outside_1153-2687.jpg",
imageAlt: "1Vault Script Beanie",
},
{ {
id: "p6", id: "p6", brand: "1VAULT", name: "PHANTOM SNEAKERS", price: "$480", rating: 5,
brand: "1VAULT", reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-wedding-rings-crown-shoes-white-cloth_23-2148187463.jpg", imageAlt: "1Vault Phantom Sneakers"},
name: "PHANTOM SNEAKERS",
price: "$480",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-wedding-rings-crown-shoes-white-cloth_23-2148187463.jpg",
imageAlt: "1Vault Phantom Sneakers",
},
]} ]}
title="New Arrivals" title="New Arrivals"
description="Discover the latest drops, exclusively curated for the discerning few." description="Discover the latest drops, exclusively curated for the discerning few."
@@ -157,29 +102,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Urban Grit", title: "Urban Grit", description: "Captured amidst raw cityscapes, reflecting the untamed spirit of the collection.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409071.jpg", imageAlt: "Urban Grit Lookbook Shot", titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-sunglasses_23-2149409711.jpg", buttonText: "View Gallery"},
description: "Captured amidst raw cityscapes, reflecting the untamed spirit of the collection.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-mirror-reflection_23-2149409071.jpg",
imageAlt: "Urban Grit Lookbook Shot",
titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-sunglasses_23-2149409711.jpg",
buttonText: "View Gallery",
},
{ {
title: "Minimalist Forms", title: "Minimalist Forms", description: "Clean lines and bold silhouettes define the architectural essence of each garment.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg", imageAlt: "Minimalist Forms Lookbook Shot", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3569.jpg", buttonText: "Explore Styles"},
description: "Clean lines and bold silhouettes define the architectural essence of each garment.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg",
imageAlt: "Minimalist Forms Lookbook Shot",
titleImageSrc: "http://img.b2bpic.net/free-photo/woman-fur-coat_1303-3569.jpg",
buttonText: "Explore Styles",
},
{ {
title: "Vaulted Exclusivity", title: "Vaulted Exclusivity", description: "Dramatic compositions emphasize the rare and sought-after nature of our designs.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg", imageAlt: "Vaulted Exclusivity Lookbook Shot", titleImageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915117.jpg", buttonText: "Discover More"},
description: "Dramatic compositions emphasize the rare and sought-after nature of our designs.",
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg",
imageAlt: "Vaulted Exclusivity Lookbook Shot",
titleImageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915117.jpg",
buttonText: "Discover More",
},
]} ]}
title="Editorial Lookbook" title="Editorial Lookbook"
description="Experience the current collection through a cinematic lens. Every piece tells a story of craftsmanship and exclusive design." description="Experience the current collection through a cinematic lens. Every piece tells a story of craftsmanship and exclusive design."
@@ -191,14 +118,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Cultured Mag", "Cultured Mag", "Vogue Street", "Hypebeast Review", "The Design Vault", "Exclusive Wear", "Trendsetters Inc.", "Fashion Elite"]}
"Vogue Street",
"Hypebeast Review",
"The Design Vault",
"Exclusive Wear",
"Trendsetters Inc.",
"Fashion Elite",
]}
title="Trusted by Visionaries" title="Trusted by Visionaries"
description="Worn and endorsed by those who shape culture. 1Vault is a symbol of discerning taste." description="Worn and endorsed by those who shape culture. 1Vault is a symbol of discerning taste."
/> />
@@ -209,9 +129,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="1VAULT is not for everyone." title="1VAULT is not for everyone."
description={[ description={[
"It was never meant to be. We forge luxury streetwear for those who understand true exclusivity. This is not just clothing; it's a statement, a philosophy, a piece of art reserved for the discerning few.", "It was never meant to be. We forge luxury streetwear for those who understand true exclusivity. This is not just clothing; it's a statement, a philosophy, a piece of art reserved for the discerning few.", "Every stitch, every fabric choice, every design element is meticulously curated to embody a dark, refined aesthetic. We challenge the norms of ready-to-wear, creating limited-edition pieces that transcend fleeting trends. To own 1VAULT is to possess a key to an exclusive world. Enter the vault, if you dare."]}
"Every stitch, every fabric choice, every design element is meticulously curated to embody a dark, refined aesthetic. We challenge the norms of ready-to-wear, creating limited-edition pieces that transcend fleeting trends. To own 1VAULT is to possess a key to an exclusive world. Enter the vault, if you dare.",
]}
/> />
</div> </div>
@@ -221,45 +139,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Unmatched Quality", quote: "The craftsmanship of 1Vault pieces is simply unparalleled. Every detail feels intentional and luxurious. It's truly a cut above.", name: "Jordan R.", role: "Fashion Critic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blue-eyes-white-clothes_613910-10594.jpg"},
title: "Unmatched Quality",
quote: "The craftsmanship of 1Vault pieces is simply unparalleled. Every detail feels intentional and luxurious. It's truly a cut above.",
name: "Jordan R.",
role: "Fashion Critic",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blue-eyes-white-clothes_613910-10594.jpg",
},
{ {
id: "2", id: "2", title: "A Statement Piece", quote: "Wearing 1Vault isn't just about clothing; it's about making a statement. It exudes confidence and an exclusive aura that turns heads.", name: "Samantha L.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-17674.jpg"},
title: "A Statement Piece",
quote: "Wearing 1Vault isn't just about clothing; it's about making a statement. It exudes confidence and an exclusive aura that turns heads.",
name: "Samantha L.",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-17674.jpg",
},
{ {
id: "3", id: "3", title: "Beyond Trends", quote: "In a world of fast fashion, 1Vault stands out. Their designs are timeless, yet cutting-edge. It's an investment in style.", name: "Marcus A.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
title: "Beyond Trends",
quote: "In a world of fast fashion, 1Vault stands out. Their designs are timeless, yet cutting-edge. It's an investment in style.",
name: "Marcus A.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
},
{ {
id: "4", id: "4", title: "The True Definition of Luxury", quote: "From the fabric to the fit, 1Vault redefines luxury streetwear. It's about subtle power and sophisticated edge.", name: "Chloe G.", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-library-smiling_197531-33498.jpg"},
title: "The True Definition of Luxury",
quote: "From the fabric to the fit, 1Vault redefines luxury streetwear. It's about subtle power and sophisticated edge.",
name: "Chloe G.",
role: "Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-library-smiling_197531-33498.jpg",
},
{ {
id: "5", id: "5", title: "Exclusivity Perfected", quote: "Finding a brand that truly understands exclusivity and delivers on it is rare. 1Vault has perfected it. I'm a lifelong patron.", name: "Ethan K.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg"},
title: "Exclusivity Perfected",
quote: "Finding a brand that truly understands exclusivity and delivers on it is rare. 1Vault has perfected it. I'm a lifelong patron.",
name: "Ethan K.",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg",
},
]} ]}
title="Voices from the Vault" title="Voices from the Vault"
description="Hear from the select few who wear 1Vault, embodying its spirit of exclusivity and luxury." description="Hear from the select few who wear 1Vault, embodying its spirit of exclusivity and luxury."
@@ -270,16 +158,13 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Inquire" tag="Inquire"
title="Unlock the Experience" title="Unlock the Experience"
description="For collaborations, bespoke requests, or simply to connect with the 1Vault team, reach out. We are here to assist the discerning." description="For collaborations, bespoke requests, or simply to connect with the 1Vault team, reach out. We are here to assist the discerning."
buttons={[ buttons={[
{ {
text: "Contact Us", text: "Contact Us", href: "/#footer"},
href: "#footer",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -291,37 +176,23 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Shop", label: "Shop", href: "/#shop"},
href: "#shop",
},
{ {
label: "Lookbook", label: "Lookbook", href: "/lookbook"},
href: "#lookbook",
},
{ {
label: "About", label: "About", href: "/about"},
href: "#about",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Instagram", label: "Instagram", href: "https://www.instagram.com/1vault"},
href: "https://www.instagram.com/1vault",
},
{ {
label: "TikTok", label: "TikTok", href: "https://www.tiktok.com/@1vault"},
href: "https://www.tiktok.com/@1vault",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "/privacy"},
href: "/privacy",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "/terms"},
href: "/terms",
},
], ],
}, },
]} ]}
@@ -331,4 +202,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }