Merge version_1 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -30,29 +30,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
name: "Products", id: "/products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Lookbook",
|
||||
id: "/lookbook",
|
||||
},
|
||||
name: "Lookbook", id: "/lookbook"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/drip-textured-splat-spatter-background_1194-8214.jpg"
|
||||
logoAlt="POKAR logo"
|
||||
brandName="POKAR"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -61,101 +51,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="POKAR"
|
||||
description="not for everyone."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex 'El Jefe' Rodriguez",
|
||||
handle: "@el_jefe_street",
|
||||
testimonial: "POKAR gets it. The fit, the fabric, the attitude. This isn't just clothing, it's a statement. Real street, real quality. Finally, a brand that speaks my language.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015523.jpg",
|
||||
imageAlt: "Alex 'El Jefe' Rodriguez",
|
||||
},
|
||||
name: "Alex 'El Jefe' Rodriguez", handle: "@el_jefe_street", testimonial: "POKAR gets it. The fit, the fabric, the attitude. This isn't just clothing, it's a statement. Real street, real quality. Finally, a brand that speaks my language.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015523.jpg", imageAlt: "Alex 'El Jefe' Rodriguez"},
|
||||
{
|
||||
name: "Maya 'The Artist' Chen",
|
||||
handle: "@maya.artflow",
|
||||
testimonial: "As an artist, I appreciate authenticity. POKAR's designs are raw, intentional, and truly unique. They capture the essence of urban culture without trying too hard. My go-to for daily wear.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-girl-wearing-trendy-clothes-with-wireless-headphones-holding-takeaway-coffee-outside-cafe_613910-17706.jpg",
|
||||
imageAlt: "Maya 'The Artist' Chen",
|
||||
},
|
||||
name: "Maya 'The Artist' Chen", handle: "@maya.artflow", testimonial: "As an artist, I appreciate authenticity. POKAR's designs are raw, intentional, and truly unique. They capture the essence of urban culture without trying too hard. My go-to for daily wear.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-girl-wearing-trendy-clothes-with-wireless-headphones-holding-takeaway-coffee-outside-cafe_613910-17706.jpg", imageAlt: "Maya 'The Artist' Chen"},
|
||||
{
|
||||
name: "Javier 'The Hustle' Ramirez",
|
||||
handle: "@hustle_javier",
|
||||
testimonial: "The gear from POKAR is built different. Durable for the grind, stylish for the streets. It holds up, and it stands out. Definitely not for everyone, which is exactly why I rock it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
imageAlt: "Javier 'The Hustle' Ramirez",
|
||||
},
|
||||
name: "Javier 'The Hustle' Ramirez", handle: "@hustle_javier", testimonial: "The gear from POKAR is built different. Durable for the grind, stylish for the streets. It holds up, and it stands out. Definitely not for everyone, which is exactly why I rock it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", imageAlt: "Javier 'The Hustle' Ramirez"},
|
||||
{
|
||||
name: "Chloe 'The Vibe' Davis",
|
||||
handle: "@chloe.vibe",
|
||||
testimonial: "POKAR understands the vibe. Their pieces are effortlessly cool, versatile, and have that unspoken edge. It's more than fashion; it's a part of my identity. Obsessed with every drop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-nature_23-2148677612.jpg",
|
||||
imageAlt: "Chloe 'The Vibe' Davis",
|
||||
},
|
||||
name: "Chloe 'The Vibe' Davis", handle: "@chloe.vibe", testimonial: "POKAR understands the vibe. Their pieces are effortlessly cool, versatile, and have that unspoken edge. It's more than fashion; it's a part of my identity. Obsessed with every drop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-nature_23-2148677612.jpg", imageAlt: "Chloe 'The Vibe' Davis"},
|
||||
{
|
||||
name: "Marcus 'The Curator' Green",
|
||||
handle: "@urban_curator",
|
||||
testimonial: "In a saturated market, POKAR cuts through the noise. Their commitment to minimalist design with maximum impact is evident. It's what modern streetwear should be: bold, unapologetic, and impeccably crafted.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-travelling-with-bag_1303-19652.jpg",
|
||||
imageAlt: "Marcus 'The Curator' Green",
|
||||
},
|
||||
name: "Marcus 'The Curator' Green", handle: "@urban_curator", testimonial: "In a saturated market, POKAR cuts through the noise. Their commitment to minimalist design with maximum impact is evident. It's what modern streetwear should be: bold, unapologetic, and impeccably crafted.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-travelling-with-bag_1303-19652.jpg", imageAlt: "Marcus 'The Curator' Green"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-brunet-young-dark-skinned-man-sport-black-t-shirt-looks-straight_197531-23723.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-brunet-young-dark-skinned-man-sport-black-t-shirt-looks-straight_197531-23723.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-against-yellowblue-wall-urban-graffiti_169016-20049.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-against-yellowblue-wall-urban-graffiti_169016-20049.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/model-wearing-beautiful-shade-clothing_23-2151427991.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/model-wearing-beautiful-shade-clothing_23-2151427991.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join the movement"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104058.jpg"
|
||||
imageAlt="POKAR streetwear model"
|
||||
mediaAnimation="reveal-blur"
|
||||
mediaAnimation="blur-reveal"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Streetwear",
|
||||
type: "text", text: "Authentic Streetwear"},
|
||||
{
|
||||
type: "text-icon", text: "NYC x CDMX", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "NYC x CDMX",
|
||||
icon: MapPin,
|
||||
type: "text", text: "Est. 1965"},
|
||||
{
|
||||
type: "text-icon", text: "Not For Everyone", icon: Crown,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Est. 1965",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Not For Everyone",
|
||||
icon: Crown,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Raw. Refined. Real.",
|
||||
},
|
||||
type: "text", text: "Raw. Refined. Real."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,33 +112,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "hoodie-black",
|
||||
name: "Essential Pullover Hoodie",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skate-parkteens-skate-park_23-2149836884.jpg",
|
||||
imageAlt: "Black pullover hoodie",
|
||||
},
|
||||
id: "hoodie-black", name: "Essential Pullover Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/skate-parkteens-skate-park_23-2149836884.jpg", imageAlt: "Black pullover hoodie"},
|
||||
{
|
||||
id: "tshirt-graphic",
|
||||
name: "NYC x CDMX Graphic Tee",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hip-hop-alien-mascot-graffiti-tshirt-design-vector-illustration_43623-1936.jpg",
|
||||
imageAlt: "White graphic t-shirt",
|
||||
},
|
||||
id: "tshirt-graphic", name: "NYC x CDMX Graphic Tee", price: "$75", imageSrc: "http://img.b2bpic.net/free-vector/hip-hop-alien-mascot-graffiti-tshirt-design-vector-illustration_43623-1936.jpg", imageAlt: "White graphic t-shirt"},
|
||||
{
|
||||
id: "jacket-varsity",
|
||||
name: "Legacy Varsity Jacket",
|
||||
price: "$280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purse-skincare-supplies_23-2147710690.jpg",
|
||||
imageAlt: "Black and white varsity jacket",
|
||||
},
|
||||
id: "jacket-varsity", name: "Legacy Varsity Jacket", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/purse-skincare-supplies_23-2147710690.jpg", imageAlt: "Black and white varsity jacket"},
|
||||
{
|
||||
id: "cap-embroidered",
|
||||
name: "Signature Embroidered Cap",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-attractive-girl-denim-clothes-glasses-simple-dark-green-background-with-empty-place-text_78826-3439.jpg",
|
||||
imageAlt: "Black embroidered baseball cap",
|
||||
},
|
||||
id: "cap-embroidered", name: "Signature Embroidered Cap", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-attractive-girl-denim-clothes-glasses-simple-dark-green-background-with-empty-place-text_78826-3439.jpg", imageAlt: "Black embroidered baseball cap"},
|
||||
]}
|
||||
title="Featured Drops"
|
||||
description="Curated selections from our latest collection. Limited availability."
|
||||
@@ -225,38 +149,11 @@ export default function LandingPage() {
|
||||
description="A curated look into the POKAR world. See our garments in their natural habitat."
|
||||
blogs={[
|
||||
{
|
||||
id: "editorial-1",
|
||||
category: "Campaign",
|
||||
title: "Concrete Jungle Collection",
|
||||
excerpt: "Experience the raw energy of our latest designs, captured on the streets that inspire us most.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-teens-outdoors_23-2149162180.jpg",
|
||||
imageAlt: "Streetwear model posing in an urban environment",
|
||||
authorName: "POKAR Creative",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/drip-textured-splat-spatter-background_1194-8214.jpg",
|
||||
date: "October 25, 2023",
|
||||
},
|
||||
id: "editorial-1", category: "Campaign", title: "Concrete Jungle Collection", excerpt: "Experience the raw energy of our latest designs, captured on the streets that inspire us most.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-teens-outdoors_23-2149162180.jpg", imageAlt: "Streetwear model posing in an urban environment", authorName: "POKAR Creative", authorAvatar: "http://img.b2bpic.net/free-photo/drip-textured-splat-spatter-background_1194-8214.jpg", date: "October 25, 2023"},
|
||||
{
|
||||
id: "editorial-2",
|
||||
category: "Editorial",
|
||||
title: "Winter '23 Lookbook",
|
||||
excerpt: "Bold layers and defiant silhouettes define our winter collection, designed for resilience and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg",
|
||||
imageAlt: "Streetwear model in motion, blurred background",
|
||||
authorName: "POKAR Creative",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/tokyo-creative-collage_23-2149455371.jpg",
|
||||
date: "November 10, 2023",
|
||||
},
|
||||
id: "editorial-2", category: "Editorial", title: "Winter '23 Lookbook", excerpt: "Bold layers and defiant silhouettes define our winter collection, designed for resilience and style.", imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Streetwear model in motion, blurred background", authorName: "POKAR Creative", authorAvatar: "http://img.b2bpic.net/free-photo/tokyo-creative-collage_23-2149455371.jpg", date: "November 10, 2023"},
|
||||
{
|
||||
id: "editorial-3",
|
||||
category: "Feature",
|
||||
title: "Not For Everyone: The Series",
|
||||
excerpt: "A deep dive into the ethos that shapes every POKAR piece, featuring exclusive behind-the-scenes content.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-hat-with-short-haircut-center-big-city-close-up-portrait-soft-backlight_1321-2714.jpg",
|
||||
imageAlt: "Streetwear couple posing in an urban setting",
|
||||
authorName: "POKAR Creative",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/illustration-circle-stamp-banner_53876-28485.jpg",
|
||||
date: "December 1, 2023",
|
||||
},
|
||||
id: "editorial-3", category: "Feature", title: "Not For Everyone: The Series", excerpt: "A deep dive into the ethos that shapes every POKAR piece, featuring exclusive behind-the-scenes content.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-hat-with-short-haircut-center-big-city-close-up-portrait-soft-backlight_1321-2714.jpg", imageAlt: "Streetwear couple posing in an urban setting", authorName: "POKAR Creative", authorAvatar: "http://img.b2bpic.net/free-vector/illustration-circle-stamp-banner_53876-28485.jpg", date: "December 1, 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -270,45 +167,15 @@ export default function LandingPage() {
|
||||
description="More than just clothes, we're building a community and leaving our mark on culture."
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "10K+",
|
||||
title: "Community Members",
|
||||
description: "A growing movement of like-minded individuals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1126.jpg",
|
||||
imageAlt: "Streetwear model in hoodie",
|
||||
},
|
||||
id: "metric-1", value: "10K+", title: "Community Members", description: "A growing movement of like-minded individuals.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1126.jpg", imageAlt: "Streetwear model in hoodie"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "500+",
|
||||
title: "Unique Designs",
|
||||
description: "Each piece crafted with purpose and urban inspiration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg",
|
||||
imageAlt: "Hip hop musician",
|
||||
},
|
||||
id: "metric-2", value: "500+", title: "Unique Designs", description: "Each piece crafted with purpose and urban inspiration.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "Hip hop musician"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "2 Cities",
|
||||
title: "CDMX x NYC Roots",
|
||||
description: "Influenced by the vibrant pulse of two global hubs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431170.jpg",
|
||||
imageAlt: "Skater wearing trucker hat",
|
||||
},
|
||||
id: "metric-3", value: "2 Cities", title: "CDMX x NYC Roots", description: "Influenced by the vibrant pulse of two global hubs.", imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431170.jpg", imageAlt: "Skater wearing trucker hat"},
|
||||
{
|
||||
id: "metric-4",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Quality and style that consistently exceeds expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-young-hipster-indian-man-fashionable-yellow-sweatshirt-cool-south-asian-guy-wear-hoodie_627829-4497.jpg",
|
||||
imageAlt: "Urban hipster in yellow sweatshirt",
|
||||
},
|
||||
id: "metric-4", value: "99%", title: "Satisfaction", description: "Quality and style that consistently exceeds expectations.", imageSrc: "http://img.b2bpic.net/free-photo/urban-young-hipster-indian-man-fashionable-yellow-sweatshirt-cool-south-asian-guy-wear-hoodie_627829-4497.jpg", imageAlt: "Urban hipster in yellow sweatshirt"},
|
||||
{
|
||||
id: "metric-5",
|
||||
value: "65",
|
||||
title: "Years of Legacy",
|
||||
description: "Built on a foundation of authentic streetwear heritage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg",
|
||||
imageAlt: "Stylish man walking in the city",
|
||||
},
|
||||
id: "metric-5", value: "65", title: "Years of Legacy", description: "Built on a foundation of authentic streetwear heritage.", imageSrc: "http://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg", imageAlt: "Stylish man walking in the city"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -321,49 +188,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "/products",
|
||||
},
|
||||
label: "Shop All", href: "/products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/products#new-arrivals",
|
||||
},
|
||||
label: "New Arrivals", href: "/products#new-arrivals"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "/products#best-sellers",
|
||||
},
|
||||
label: "Best Sellers", href: "/products#best-sellers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Our Story", href: "/about"},
|
||||
{
|
||||
label: "Lookbook",
|
||||
href: "/lookbook",
|
||||
},
|
||||
label: "Lookbook", href: "/lookbook"},
|
||||
{
|
||||
label: "Manifesto",
|
||||
href: "/about#manifesto",
|
||||
},
|
||||
label: "Manifesto", href: "/about#manifesto"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/products#faq-sizing",
|
||||
},
|
||||
label: "FAQ", href: "/products#faq-sizing"},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms & Conditions", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user