Merge version_1 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -28,106 +28,51 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="HOODBOY."
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="BUILT DIFFERENT."
|
||||
description="Authentic street culture from Thessaloniki. Raw energy, uncompromising style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Now", href: "#shop"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-n1efusz8.jpg?_wi=1",
|
||||
imageAlt: "Streetwear lifestyle shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-2g3ripyb.png",
|
||||
imageAlt: "Streetwear lifestyle shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246205.jpg?_wi=1",
|
||||
imageAlt: "Streetwear lifestyle shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg?_wi=1",
|
||||
imageAlt: "Streetwear lifestyle shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2453.jpg?_wi=1",
|
||||
imageAlt: "Streetwear lifestyle shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg?_wi=1",
|
||||
imageAlt: "Streetwear lifestyle shot",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-n1efusz8.jpg", imageAlt: "Streetwear lifestyle shot" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-2g3ripyb.png", imageAlt: "Streetwear lifestyle shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246205.jpg", imageAlt: "Streetwear lifestyle shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "Streetwear lifestyle shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2453.jpg", imageAlt: "Streetwear lifestyle shot" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg", imageAlt: "Streetwear lifestyle shot" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "RAW ENERGY",
|
||||
author: "HOODBOY",
|
||||
description: "Unpolished aesthetic for the real ones.",
|
||||
tags: [
|
||||
"street",
|
||||
"raw",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246205.jpg?_wi=2",
|
||||
imageAlt: "Raw style",
|
||||
},
|
||||
id: "f1", title: "RAW ENERGY", author: "HOODBOY", description: "Unpolished aesthetic for the real ones.", tags: ["street", "raw"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246205.jpg", imageAlt: "Raw style"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "AUTHENTIC ROOTS",
|
||||
author: "HOODBOY",
|
||||
description: "Born in Thessaloniki, built for the world.",
|
||||
tags: [
|
||||
"authentic",
|
||||
"roots",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg?_wi=2",
|
||||
imageAlt: "Authentic",
|
||||
},
|
||||
id: "f2", title: "AUTHENTIC ROOTS", author: "HOODBOY", description: "Born in Thessaloniki, built for the world.", tags: ["authentic", "roots"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "Authentic"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "STREET CULTURE",
|
||||
author: "HOODBOY",
|
||||
description: "Not just clothes, a movement.",
|
||||
tags: [
|
||||
"culture",
|
||||
"movement",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2453.jpg?_wi=2",
|
||||
imageAlt: "Culture",
|
||||
},
|
||||
id: "f3", title: "STREET CULTURE", author: "HOODBOY", description: "Not just clothes, a movement.", tags: ["culture", "movement"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2453.jpg", imageAlt: "Culture"},
|
||||
]}
|
||||
title="THE ESSENCE"
|
||||
description="Why we do what we do."
|
||||
@@ -142,47 +87,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tag Hoodie",
|
||||
price: "€59.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg",
|
||||
imageAlt: "Hoodie",
|
||||
},
|
||||
id: "p1", name: "Tag Hoodie", price: "€59.90", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg", imageAlt: "Hoodie"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Logo Tee",
|
||||
price: "€29.90",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=irv1ag",
|
||||
imageAlt: "Tee",
|
||||
},
|
||||
id: "p2", name: "Logo Tee", price: "€29.90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=irv1ag", imageAlt: "Tee"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Puffer Jacket",
|
||||
price: "€99.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-city-night_23-2149215118.jpg",
|
||||
imageAlt: "Jacket",
|
||||
},
|
||||
id: "p3", name: "Puffer Jacket", price: "€99.90", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-city-night_23-2149215118.jpg", imageAlt: "Jacket"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cargo Pants",
|
||||
price: "€64.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg?_wi=2",
|
||||
imageAlt: "Pants",
|
||||
},
|
||||
id: "p4", name: "Cargo Pants", price: "€64.90", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg", imageAlt: "Pants"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Beanie",
|
||||
price: "€19.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-put-up-collar-her-wool-grey-cardigan_633478-2602.jpg",
|
||||
imageAlt: "Beanie",
|
||||
},
|
||||
id: "p5", name: "Beanie", price: "€19.90", imageSrc: "http://img.b2bpic.net/free-photo/woman-put-up-collar-her-wool-grey-cardigan_633478-2602.jpg", imageAlt: "Beanie"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cap",
|
||||
price: "€24.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431181.jpg",
|
||||
imageAlt: "Cap",
|
||||
},
|
||||
id: "p6", name: "Cap", price: "€24.90", imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431181.jpg", imageAlt: "Cap"},
|
||||
]}
|
||||
title="LATEST DROP"
|
||||
description="Cop the latest essentials."
|
||||
@@ -191,44 +106,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex K.",
|
||||
role: "Collector",
|
||||
testimonial: "The raw energy is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093997.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex K.", role: "Collector", testimonial: "The raw energy is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093997.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria S.",
|
||||
role: "Stylist",
|
||||
testimonial: "Hoodboy defines the current scene.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-blonde-girl-casual-clothes-sunglasses-sitting-steps-against-skyscraper-resting-after-riding-skateboard_613910-6605.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria S.", role: "Stylist", testimonial: "Hoodboy defines the current scene.", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-blonde-girl-casual-clothes-sunglasses-sitting-steps-against-skyscraper-resting-after-riding-skateboard_613910-6605.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John D.",
|
||||
role: "Street Artist",
|
||||
testimonial: "Real designs, real people.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-using-instant-camera_53876-40579.jpg",
|
||||
},
|
||||
id: "t3", name: "John D.", role: "Street Artist", testimonial: "Real designs, real people.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-using-instant-camera_53876-40579.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lena M.",
|
||||
role: "Fan",
|
||||
testimonial: "Staple pieces for every wardrobe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-outdoors-with-flowers-grocery-bags_23-2148781482.jpg",
|
||||
},
|
||||
id: "t4", name: "Lena M.", role: "Fan", testimonial: "Staple pieces for every wardrobe.", imageSrc: "http://img.b2bpic.net/free-photo/woman-outdoors-with-flowers-grocery-bags_23-2148781482.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris B.",
|
||||
role: "Creative",
|
||||
testimonial: "Uncompromised streetwear quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg",
|
||||
},
|
||||
id: "t5", name: "Chris B.", role: "Creative", testimonial: "Uncompromised streetwear quality.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg"},
|
||||
]}
|
||||
title="COMMUNITY"
|
||||
description="See what the streets are saying."
|
||||
@@ -240,20 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Shipping time?",
|
||||
content: "3-5 business days.",
|
||||
},
|
||||
id: "faq1", title: "Shipping time?", content: "3-5 business days."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Returns?",
|
||||
content: "14 days no questions asked.",
|
||||
},
|
||||
id: "faq2", title: "Returns?", content: "14 days no questions asked."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Quality?",
|
||||
content: "Premium materials only.",
|
||||
},
|
||||
id: "faq3", title: "Quality?", content: "Premium materials only."},
|
||||
]}
|
||||
sideTitle="NEED HELP?"
|
||||
sideDescription="Ask us anything."
|
||||
@@ -263,33 +145,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-n1efusz8.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CjKF33fZ0emi5Ug1prlrLWTlNT/uploaded-1776893474062-n1efusz8.jpg"
|
||||
logoText="HOODBOY."
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop", href: "#shop"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user