Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
156
src/app/page.tsx
156
src/app/page.tsx
@@ -18,27 +18,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Custom",
|
||||
id: "custom",
|
||||
},
|
||||
name: "Custom", id: "custom"},
|
||||
{
|
||||
name: "DM to Order",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="aesthetic vibes"
|
||||
/>
|
||||
@@ -47,50 +46,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="aesthetic posters & jewelry for people who feel everything"
|
||||
description="we make things for your space and your soul. handmade, music-inspired, and full of feelings."
|
||||
testimonials={[
|
||||
{
|
||||
name: "maya r.",
|
||||
handle: "@mayacreates",
|
||||
testimonial: "the poster i got is literally my personality on a wall.",
|
||||
rating: 5,
|
||||
name: "maya r.", handle: "@mayacreates", testimonial: "the poster i got is literally my personality on a wall.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "leo k.",
|
||||
handle: "@leosounds",
|
||||
testimonial: "obsessed with these phone charms. such a vibe.",
|
||||
rating: 5,
|
||||
name: "leo k.", handle: "@leosounds", testimonial: "obsessed with these phone charms. such a vibe.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "sam v.",
|
||||
handle: "@samvibe",
|
||||
testimonial: "so unique, handmade with so much heart.",
|
||||
rating: 5,
|
||||
name: "sam v.", handle: "@samvibe", testimonial: "so unique, handmade with so much heart.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "chloe j.",
|
||||
handle: "@cjstyle",
|
||||
testimonial: "love everything this brand stands for.",
|
||||
rating: 5,
|
||||
name: "chloe j.", handle: "@cjstyle", testimonial: "love everything this brand stands for.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "alex d.",
|
||||
handle: "@alexnotes",
|
||||
testimonial: "fast shipping and the packaging was so cute.",
|
||||
rating: 5,
|
||||
name: "alex d.", handle: "@alexnotes", testimonial: "fast shipping and the packaging was so cute.", rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "explore the collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "explore the collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cement-texture_1194-6508.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/cement-texture_1194-6508.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cement-texture_1194-6508.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -99,9 +79,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="about us"
|
||||
description={[
|
||||
"we are a small student-run collective turning raw emotion into physical pieces.",
|
||||
"from the posters that define your music taste to the jewelry that accessorizes your day, we do it all with care.",
|
||||
]}
|
||||
"we are a small student-run collective turning raw emotion into physical pieces.", "from the posters that define your music taste to the jewelry that accessorizes your day, we do it all with care."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,32 +91,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "poster",
|
||||
name: "indie midnight",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/music-event-poster-template_23-2150981270.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "poster", name: "indie midnight", price: "$15", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-psd/music-event-poster-template_23-2150981270.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "jewelry",
|
||||
name: "sky beads",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-old-book-vintage-setting_181624-61097.jpg",
|
||||
},
|
||||
id: "p2", brand: "jewelry", name: "sky beads", price: "$12", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-old-book-vintage-setting_181624-61097.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "jewelry",
|
||||
name: "daisy chain",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-elegant-lady-woman-wearing-stylish-boho-top_291049-25.jpg",
|
||||
},
|
||||
id: "p3", brand: "jewelry", name: "daisy chain", price: "$18", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/sensual-elegant-lady-woman-wearing-stylish-boho-top_291049-25.jpg"},
|
||||
]}
|
||||
title="the moodboard"
|
||||
description="what we are currently making. check the vibes."
|
||||
@@ -152,24 +112,14 @@ export default function LandingPage() {
|
||||
description="have an artist or a song in mind? we turn your sonic memories into custom posters."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "step 1: dm us",
|
||||
content: "slide into our dms on instagram with the artist/song vibe.",
|
||||
},
|
||||
id: "c1", title: "step 1: dm us", content: "slide into our dms on instagram with the artist/song vibe."},
|
||||
{
|
||||
id: "c2",
|
||||
title: "step 2: we curate",
|
||||
content: "we sketch a concept based on your aesthetic.",
|
||||
},
|
||||
id: "c2", title: "step 2: we curate", content: "we sketch a concept based on your aesthetic."},
|
||||
{
|
||||
id: "c3",
|
||||
title: "step 3: it's yours",
|
||||
content: "we bring it to life and mail it your way.",
|
||||
},
|
||||
id: "c3", title: "step 3: it's yours", content: "we bring it to life and mail it your way."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/music-event-poster-template_23-2150981270.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-psd/music-event-poster-template_23-2150981270.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
videoSrc="http://img.b2bpic.net/free-psd/music-event-poster-template_23-2150981270.jpg?_wi=3"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,25 +131,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10%",
|
||||
title: "profit donated",
|
||||
description: "to apni shaala foundation",
|
||||
icon: Heart,
|
||||
id: "m1", value: "10%", title: "profit donated", description: "to apni shaala foundation", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "students helped",
|
||||
description: "directly through our impact",
|
||||
icon: Award,
|
||||
id: "m2", value: "50+", title: "students helped", description: "directly through our impact", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "handmade",
|
||||
description: "by students, for students",
|
||||
icon: Sparkles,
|
||||
id: "m3", value: "100%", title: "handmade", description: "by students, for students", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="more than just stuff"
|
||||
@@ -211,14 +149,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="get in touch"
|
||||
title="dm us to order"
|
||||
description="the link to our shop is our dms. catch us on instagram or comment on our latest reel to claim your favorite piece."
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hunger-relief-aid-handicapped_482257-76343.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/hunger-relief-aid-handicapped_482257-76343.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hunger-relief-aid-handicapped_482257-76343.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -227,29 +163,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "brand",
|
||||
items: [
|
||||
title: "brand", items: [
|
||||
{
|
||||
label: "instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "instagram", href: "#"},
|
||||
{
|
||||
label: "tiktok",
|
||||
href: "#",
|
||||
},
|
||||
label: "tiktok", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "legal",
|
||||
items: [
|
||||
title: "legal", items: [
|
||||
{
|
||||
label: "privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "privacy", href: "#"},
|
||||
{
|
||||
label: "shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user