Merge version_2 into main #1
247
src/app/page.tsx
247
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "MORE",
|
||||
id: "#more",
|
||||
},
|
||||
name: "MORE", id: "#more"},
|
||||
{
|
||||
name: "CUSTOM",
|
||||
id: "#custom",
|
||||
},
|
||||
name: "CUSTOM", id: "#custom"},
|
||||
{
|
||||
name: "CATEGORIES",
|
||||
id: "#categories",
|
||||
},
|
||||
name: "CATEGORIES", id: "#categories"},
|
||||
{
|
||||
name: "CART",
|
||||
id: "#cart",
|
||||
},
|
||||
name: "CART", id: "#cart"},
|
||||
]}
|
||||
brandName="EVERBLCK"
|
||||
/>
|
||||
@@ -54,8 +46,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="EVERBLCK"
|
||||
description="Minimalism redefined for the modern urban landscape. Shop our latest exclusive drop."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020141.jpg"
|
||||
@@ -63,48 +54,28 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020127.jpg",
|
||||
alt: "Portrait of handsome man with long blonde hair and red jacket",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020127.jpg", alt: "Portrait of handsome man with long blonde hair and red jacket"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020151.jpg",
|
||||
alt: "Portrait of handsome man with long blonde hair wearing a red jacket",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020151.jpg", alt: "Portrait of handsome man with long blonde hair wearing a red jacket"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020145.jpg",
|
||||
alt: "Portrait of handsome man with long blonde hair wearing a red jacket",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020145.jpg", alt: "Portrait of handsome man with long blonde hair wearing a red jacket"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478928.jpg",
|
||||
alt: "Beautiful blonde woman in blue light",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-blue-light_23-2149478928.jpg", alt: "Beautiful blonde woman in blue light"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg",
|
||||
alt: "View of handsome young man looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg", alt: "View of handsome young man looking at camera"},
|
||||
]}
|
||||
avatarText="Join 10,000+ urban pioneers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM STREETWEAR",
|
||||
},
|
||||
type: "text", text: "PREMIUM STREETWEAR"},
|
||||
{
|
||||
type: "text",
|
||||
text: "URBAN AESTHETIC",
|
||||
},
|
||||
type: "text", text: "URBAN AESTHETIC"},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXCLUSIVE DROPS",
|
||||
},
|
||||
type: "text", text: "EXCLUSIVE DROPS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL SHIPPING",
|
||||
},
|
||||
type: "text", text: "GLOBAL SHIPPING"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LIMITED EDITION",
|
||||
},
|
||||
type: "text", text: "LIMITED EDITION"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,59 +88,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "EVERBLCK",
|
||||
name: "URBAN HOODIE",
|
||||
price: "P 4,500",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1065.jpg",
|
||||
},
|
||||
id: "p1", brand: "EVERBLCK", name: "URBAN HOODIE", price: "P 4,500", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1065.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "EVERBLCK",
|
||||
name: "BASIC LOGO TEE",
|
||||
price: "P 1,800",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-hipster-stylish-female-with-round-sunglasses-posing-street_181624-54031.jpg",
|
||||
},
|
||||
id: "p2", brand: "EVERBLCK", name: "BASIC LOGO TEE", price: "P 1,800", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-hipster-stylish-female-with-round-sunglasses-posing-street_181624-54031.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "EVERBLCK",
|
||||
name: "TECHNICAL CARGO",
|
||||
price: "P 3,200",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828592.jpg",
|
||||
},
|
||||
id: "p3", brand: "EVERBLCK", name: "TECHNICAL CARGO", price: "P 3,200", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-classic-shirts_23-2150828592.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "EVERBLCK",
|
||||
name: "URBAN HOODIE II",
|
||||
price: "P 4,800",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-71082.jpg",
|
||||
},
|
||||
id: "p4", brand: "EVERBLCK", name: "URBAN HOODIE II", price: "P 4,800", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-71082.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "EVERBLCK",
|
||||
name: "BASIC LOGO TEE II",
|
||||
price: "P 1,900",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
|
||||
},
|
||||
id: "p5", brand: "EVERBLCK", name: "BASIC LOGO TEE II", price: "P 1,900", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "EVERBLCK",
|
||||
name: "TECHNICAL CARGO II",
|
||||
price: "P 3,500",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264132.jpg",
|
||||
},
|
||||
id: "p6", brand: "EVERBLCK", name: "TECHNICAL CARGO II", price: "P 3,500", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264132.jpg"},
|
||||
]}
|
||||
title="COLLECTION"
|
||||
description="Bold pieces for the everyday aesthetic."
|
||||
@@ -184,26 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "CRAFTED QUALITY",
|
||||
description: "Premium materials for longevity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circular-frame-with-paint-tubes_23-2148391889.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6861.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "CRAFTED QUALITY", description: "Premium materials for longevity.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-circular-frame-with-paint-tubes_23-2148391889.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6861.jpg", buttonText: "Read More"},
|
||||
{
|
||||
title: "URBAN AESTHETIC",
|
||||
description: "Designed for the city dweller.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-electric-bicycle-city_23-2149026616.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/two-white-paper-cups_187299-47532.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "URBAN AESTHETIC", description: "Designed for the city dweller.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-electric-bicycle-city_23-2149026616.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/two-white-paper-cups_187299-47532.jpg", buttonText: "Read More"},
|
||||
{
|
||||
title: "EXCLUSIVE DROPS",
|
||||
description: "Limited availability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756280.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/pink-text-with-comic-speech-bubbles-gray-background_23-2147910158.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "EXCLUSIVE DROPS", description: "Limited availability.", imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756280.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/pink-text-with-comic-speech-bubbles-gray-background_23-2147910158.jpg", buttonText: "Read More"},
|
||||
]}
|
||||
title="DESIGN PHILOSOPHY"
|
||||
description="Details that define us."
|
||||
@@ -215,14 +135,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"VOGUE",
|
||||
"HYPEBEAST",
|
||||
"HIGH SNOBIETY",
|
||||
"COMPLEX",
|
||||
"GQ",
|
||||
"ESQUIRE",
|
||||
"Dazed",
|
||||
]}
|
||||
"VOGUE", "HYPEBEAST", "HIGH SNOBIETY", "COMPLEX", "GQ", "ESQUIRE", "Dazed"]}
|
||||
title="AS SEEN ON"
|
||||
description="Featured in major global publications."
|
||||
/>
|
||||
@@ -235,59 +148,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Collector",
|
||||
company: "EVERBLCK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shorn-hair-holds-flower_23-2152023610.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Collector", company: "EVERBLCK", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shorn-hair-holds-flower_23-2152023610.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
role: "Fan",
|
||||
company: "EVERBLCK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-blue-winter-jacket_1303-20123.jpg",
|
||||
},
|
||||
id: "2", name: "Jordan P.", role: "Fan", company: "EVERBLCK", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-blue-winter-jacket_1303-20123.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam L.",
|
||||
role: "Stylist",
|
||||
company: "EVERBLCK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-flowers_23-2149486770.jpg",
|
||||
},
|
||||
id: "3", name: "Sam L.", role: "Stylist", company: "EVERBLCK", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-flowers_23-2149486770.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Casey M.",
|
||||
role: "Creator",
|
||||
company: "EVERBLCK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5513.jpg",
|
||||
},
|
||||
id: "4", name: "Casey M.", role: "Creator", company: "EVERBLCK", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5513.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Taylor S.",
|
||||
role: "Model",
|
||||
company: "EVERBLCK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg",
|
||||
},
|
||||
id: "5", name: "Taylor S.", role: "Model", company: "EVERBLCK", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Satisfied Customers",
|
||||
},
|
||||
value: "10k+", label: "Satisfied Customers"},
|
||||
{
|
||||
value: "Global",
|
||||
label: "Shipping",
|
||||
},
|
||||
value: "Global", label: "Shipping"},
|
||||
]}
|
||||
title="REVIEWS"
|
||||
description="Voices from our community."
|
||||
@@ -300,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping time?",
|
||||
content: "3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "Shipping time?", content: "3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Returns policy?",
|
||||
content: "30-day money back.",
|
||||
},
|
||||
id: "f2", title: "Returns policy?", content: "30-day money back."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Sizing help?",
|
||||
content: "Check our size chart.",
|
||||
},
|
||||
id: "f3", title: "Sizing help?", content: "Check our size chart."},
|
||||
]}
|
||||
title="FAQ"
|
||||
description="Common questions."
|
||||
@@ -331,15 +204,9 @@ export default function LandingPage() {
|
||||
description="Get exclusive drops in your inbox."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gray-stage-background-pedestal-podium-product-display-show-product-white-background-3d-rendering_56104-1496.jpg"
|
||||
imageAlt="Gray stage background pedestal podium product display to show product on white background 3d rendering"
|
||||
@@ -352,25 +219,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user