Merge version_1 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -16,7 +16,7 @@ export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Drop 01",
|
||||
id: "drop",
|
||||
},
|
||||
name: "Drop 01", id: "drop"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MORVIOR"
|
||||
/>
|
||||
@@ -50,62 +44,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="DROP 01 • FATE"
|
||||
description="Not everyone finds Morvior. Those who do were meant to. This is not fashion. This is identity."
|
||||
buttons={[
|
||||
{
|
||||
text: "ENTER DROP",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "ENTER DROP", href: "#shop"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxYYv8ZPJOlh9afZyyh4hl2MOp/uploaded-1777328757473-kgk8qbgz.png"
|
||||
imageAlt="Morvior Hero Drop"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-wears-fashionable-cloths-white-boots-has-bright-makeup-poses-against-urban-building-poses-making-photo-practices-breakdancing-looks-seriously_273609-54827.jpg",
|
||||
alt: "Model in urban setting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-wears-fashionable-cloths-white-boots-has-bright-makeup-poses-against-urban-building-poses-making-photo-practices-breakdancing-looks-seriously_273609-54827.jpg", alt: "Model in urban setting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-wearing-black-hoodie_23-2149359862.jpg",
|
||||
alt: "Model in hoodie",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-wearing-black-hoodie_23-2149359862.jpg", alt: "Model in hoodie"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-adult-wearing-hoodie-mockup_23-2149296345.jpg",
|
||||
alt: "Portrait of model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-adult-wearing-hoodie-mockup_23-2149296345.jpg", alt: "Portrait of model"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-hoodie-indoors_23-2149359859.jpg",
|
||||
alt: "Indoor studio shot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-hoodie-indoors_23-2149359859.jpg", alt: "Indoor studio shot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg",
|
||||
alt: "Seated portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg", alt: "Seated portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "IDENTITY • PURPOSE • DESTINY",
|
||||
},
|
||||
type: "text", text: "IDENTITY • PURPOSE • DESTINY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "THE DARK UNDERGROUND",
|
||||
},
|
||||
type: "text", text: "THE DARK UNDERGROUND"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DROP 01 • NOW LIVE",
|
||||
},
|
||||
type: "text", text: "DROP 01 • NOW LIVE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "NO CONFORMITY",
|
||||
},
|
||||
type: "text", text: "NO CONFORMITY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "STRICTLY LIMITED",
|
||||
},
|
||||
type: "text", text: "STRICTLY LIMITED"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,41 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "SCORPION HOODIE",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg",
|
||||
},
|
||||
id: "p1", name: "SCORPION HOODIE", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "SIGIL TEE",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1236-137.jpg",
|
||||
},
|
||||
id: "p2", name: "SIGIL TEE", price: "$45", imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1236-137.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "MORVIOR SWEATPANTS",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-afro-dreadlocks-walking_23-2149462082.jpg",
|
||||
},
|
||||
id: "p3", name: "MORVIOR SWEATPANTS", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-afro-dreadlocks-walking_23-2149462082.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "CHOSEN ONES HOODIE",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-oversized-hoodie-pants-pulling-hoodie-with-hands-looking-funny-front-view_176474-58514.jpg",
|
||||
},
|
||||
id: "p4", name: "CHOSEN ONES HOODIE", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-oversized-hoodie-pants-pulling-hoodie-with-hands-looking-funny-front-view_176474-58514.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "MORVIOR ESSENTIALS",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arab-hipster-beard-man-lumberjack-hold-axe_627829-4267.jpg",
|
||||
},
|
||||
id: "p5", name: "MORVIOR ESSENTIALS", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/arab-hipster-beard-man-lumberjack-hold-axe_627829-4267.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "VOID SIGIL TEE",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371472.jpg",
|
||||
},
|
||||
id: "p6", name: "VOID SIGIL TEE", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371472.jpg"},
|
||||
]}
|
||||
title="COLLECTION"
|
||||
description="Explore the current identity collection."
|
||||
@@ -167,17 +114,11 @@ export default function LandingPage() {
|
||||
description="Morvior is a manifest of those who refuse to conform. We craft garments for the souls that recognize themselves in the dark."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "MANIFESTO",
|
||||
description: "Every garment tells a story of destiny and purpose.",
|
||||
},
|
||||
title: "MANIFESTO", description: "Every garment tells a story of destiny and purpose."},
|
||||
{
|
||||
title: "CRAFTSMANSHIP",
|
||||
description: "Built for durability and dark aesthetics.",
|
||||
},
|
||||
title: "CRAFTSMANSHIP", description: "Built for durability and dark aesthetics."},
|
||||
{
|
||||
title: "COMMUNITY",
|
||||
description: "Join the collective of identity-seekers.",
|
||||
},
|
||||
title: "COMMUNITY", description: "Join the collective of identity-seekers."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxYYv8ZPJOlh9afZyyh4hl2MOp/uploaded-1777328757473-qkhv80fn.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -191,31 +132,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2k+",
|
||||
title: "Souls Connected",
|
||||
items: [
|
||||
"Across borders",
|
||||
"Worldwide",
|
||||
],
|
||||
id: "m1", value: "1.2k+", title: "Souls Connected", items: [
|
||||
"Across borders", "Worldwide"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "08",
|
||||
title: "Drops Completed",
|
||||
items: [
|
||||
"Curated cycles",
|
||||
"Limited availability",
|
||||
],
|
||||
id: "m2", value: "08", title: "Drops Completed", items: [
|
||||
"Curated cycles", "Limited availability"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Authenticity",
|
||||
items: [
|
||||
"Identity-first",
|
||||
"Zero compromise",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Authenticity", items: [
|
||||
"Identity-first", "Zero compromise"],
|
||||
},
|
||||
]}
|
||||
title="COLLECTIVE REACH"
|
||||
@@ -231,28 +157,18 @@ export default function LandingPage() {
|
||||
author="Elias V."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-13965.jpg",
|
||||
alt: "Elias V",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-13965.jpg", alt: "Elias V"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915996.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915996.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-posing_23-2149267439.jpg",
|
||||
alt: "Marcus",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-posing_23-2149267439.jpg", alt: "Marcus"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2149417587.jpg",
|
||||
alt: "Jana",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2149417587.jpg", alt: "Jana"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/non-binary-person-leather-jacket-posing-graffiti-wall_23-2148760566.jpg",
|
||||
alt: "Kai",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/non-binary-person-leather-jacket-posing-graffiti-wall_23-2148760566.jpg", alt: "Kai"},
|
||||
]}
|
||||
ratingAnimation="reveal-blur"
|
||||
avatarsAnimation="reveal-blur"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -262,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "When is the next drop?",
|
||||
content: "Drops are released based on celestial cycles. Follow our channels.",
|
||||
},
|
||||
id: "f1", title: "When is the next drop?", content: "Drops are released based on celestial cycles. Follow our channels."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "We ship identity worldwide to wherever you are located.",
|
||||
},
|
||||
id: "f2", title: "Do you offer international shipping?", content: "We ship identity worldwide to wherever you are located."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the return policy?",
|
||||
content: "Destiny is not refundable, but contact us for sizing issues.",
|
||||
},
|
||||
id: "f3", title: "What is the return policy?", content: "Destiny is not refundable, but contact us for sizing issues."},
|
||||
]}
|
||||
title="UNDERSTANDING MORVIOR"
|
||||
description="Common questions about our drops and identity."
|
||||
@@ -287,14 +194,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Join the collective."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user