Merge version_1 into main #2
128
src/app/page.tsx
128
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "story",
|
||||
},
|
||||
name: "Story", id: "story"},
|
||||
{
|
||||
name: "Drop",
|
||||
id: "drop",
|
||||
},
|
||||
name: "Drop", id: "drop"},
|
||||
]}
|
||||
brandName="COVET"
|
||||
/>
|
||||
@@ -49,47 +43,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="COVET"
|
||||
description="DESIRE WHAT OTHERS CAN’T HAVE"
|
||||
buttons={[
|
||||
{
|
||||
text: "SHOP NOW",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "SHOP NOW", href: "#shop"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png?_wi=1",
|
||||
imageAlt: "Luxury charcoal sweatpants",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png", imageAlt: "Luxury charcoal sweatpants"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png?_wi=2",
|
||||
imageAlt: "Luxury charcoal sweatpants",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png", imageAlt: "Luxury charcoal sweatpants"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png?_wi=3",
|
||||
imageAlt: "Luxury charcoal sweatpants",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png", imageAlt: "Luxury charcoal sweatpants"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png?_wi=4",
|
||||
imageAlt: "Luxury charcoal sweatpants",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png", imageAlt: "Luxury charcoal sweatpants"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png?_wi=5",
|
||||
imageAlt: "Luxury charcoal sweatpants",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png", imageAlt: "Luxury charcoal sweatpants"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png?_wi=6",
|
||||
imageAlt: "Luxury charcoal sweatpants",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/luxury-charcoal-sweatpants-floating-in-a-1774999882360-0dbdc5c7.png", imageAlt: "Luxury charcoal sweatpants"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,26 +71,15 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Serpent Jogger",
|
||||
price: "$295",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/detail-shot-of-luxury-sweatpants-with-go-1774999883115-b2645e64.png?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Serpent Jogger", price: "$295", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/detail-shot-of-luxury-sweatpants-with-go-1774999883115-b2645e64.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Limited Drop Base",
|
||||
price: "$185",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/detail-shot-of-luxury-sweatpants-with-go-1774999883115-b2645e64.png?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Limited Drop Base", price: "$185", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/detail-shot-of-luxury-sweatpants-with-go-1774999883115-b2645e64.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gold Thread Hood",
|
||||
price: "$250",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/detail-shot-of-luxury-sweatpants-with-go-1774999883115-b2645e64.png?_wi=3",
|
||||
},
|
||||
id: "p3", name: "Gold Thread Hood", price: "$250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/detail-shot-of-luxury-sweatpants-with-go-1774999883115-b2645e64.png"},
|
||||
]}
|
||||
title="SERPENT SWEATPANTS"
|
||||
description="Engineered presence. Designed to be noticed."
|
||||
@@ -131,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Exclusivity",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Exclusivity", value: "100%"},
|
||||
{
|
||||
icon: Eye,
|
||||
label: "Attention",
|
||||
value: "Defined",
|
||||
},
|
||||
label: "Attention", value: "Defined"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Design",
|
||||
value: "Raw",
|
||||
},
|
||||
label: "Design", value: "Raw"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -154,30 +110,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Vogue Street",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Vogue Street", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Hypebeast",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Hypebeast", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Client X",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png?_wi=3",
|
||||
},
|
||||
id: "t3", name: "Client X", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Client Y",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png?_wi=4",
|
||||
},
|
||||
id: "t4", name: "Client Y", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Archive Collective",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png?_wi=5",
|
||||
},
|
||||
id: "t5", name: "Archive Collective", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSZmdJiX7B9HrTMFWNboAOL0J3/moody-cinematic-shot-of-a-person-wearing-1774999884219-71292fb4.png"},
|
||||
]}
|
||||
cardTitle="SEEN. NOT ANNOUNCED."
|
||||
cardAnimation="blur-reveal"
|
||||
@@ -189,16 +130,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="LIMITED RELEASE"
|
||||
title="ENTER COVET"
|
||||
description="Secure your place in the drop. Exclusive access for the chosen few."
|
||||
buttons={[
|
||||
{
|
||||
text: "SHOP DROP",
|
||||
href: "#",
|
||||
},
|
||||
text: "SHOP DROP", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -209,25 +147,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Drop Calendar",
|
||||
href: "#",
|
||||
},
|
||||
label: "Drop Calendar", href: "#"},
|
||||
{
|
||||
label: "Authentication",
|
||||
href: "#",
|
||||
},
|
||||
label: "Authentication", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user