Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
name: "Collections", id: "collections"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NEO-STREET"
|
||||
/>
|
||||
@@ -53,98 +45,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="NEO-STREET COLLECTION"
|
||||
description="Premium 3D streetwear designed for the future. Experience luxury craftsmanship combined with urban innovation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alexk",
|
||||
testimonial: "Best quality hoodie I've ever owned. The 3D design is insane.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png?_wi=1",
|
||||
},
|
||||
name: "Alex K.", handle: "@alexk", testimonial: "Best quality hoodie I've ever owned. The 3D design is insane.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png"},
|
||||
{
|
||||
name: "Sam R.",
|
||||
handle: "@samr",
|
||||
testimonial: "Fast shipping and next-level style. Will definitely buy again.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-young-adult-urban-1774811376494-b3760246.png?_wi=1",
|
||||
},
|
||||
name: "Sam R.", handle: "@samr", testimonial: "Fast shipping and next-level style. Will definitely buy again.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-young-adult-urban-1774811376494-b3760246.png"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanp",
|
||||
testimonial: "Futuristic vibes. The texture is premium quality.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-fashionable-influencer-wea-1774811376378-c2d8eb95.png?_wi=1",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jordanp", testimonial: "Futuristic vibes. The texture is premium quality.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-fashionable-influencer-wea-1774811376378-c2d8eb95.png"},
|
||||
{
|
||||
name: "Jamie M.",
|
||||
handle: "@jamiem",
|
||||
testimonial: "Absolute perfection. The neon details really pop.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-stylish-streetwear-custome-1774811376649-8972cf34.png?_wi=1",
|
||||
},
|
||||
name: "Jamie M.", handle: "@jamiem", testimonial: "Absolute perfection. The neon details really pop.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-stylish-streetwear-custome-1774811376649-8972cf34.png"},
|
||||
{
|
||||
name: "Taylor V.",
|
||||
handle: "@tayv",
|
||||
testimonial: "The silhouette and material feel like true high-end tech.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png?_wi=2",
|
||||
},
|
||||
name: "Taylor V.", handle: "@tayv", testimonial: "The silhouette and material feel like true high-end tech.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/futuristic-3d-streetwear-brand-hero-scen-1774811376561-99d39a54.png"
|
||||
imageAlt="Rotating futuristic hoodie in 3D"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png", alt: "User 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-young-adult-urban-1774811376494-b3760246.png",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-young-adult-urban-1774811376494-b3760246.png", alt: "User 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-fashionable-influencer-wea-1774811376378-c2d8eb95.png",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-fashionable-influencer-wea-1774811376378-c2d8eb95.png", alt: "User 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-stylish-streetwear-custome-1774811376649-8972cf34.png",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-stylish-streetwear-custome-1774811376649-8972cf34.png", alt: "User 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "3D DESIGN",
|
||||
},
|
||||
type: "text", text: "3D DESIGN"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM COTTON",
|
||||
},
|
||||
type: "text", text: "PREMIUM COTTON"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LIMITED EDITION",
|
||||
},
|
||||
type: "text", text: "LIMITED EDITION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "TECH-WEAR",
|
||||
},
|
||||
type: "text", text: "TECH-WEAR"},
|
||||
{
|
||||
type: "text",
|
||||
text: "URBAN INNOVATION",
|
||||
},
|
||||
type: "text", text: "URBAN INNOVATION"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,33 +106,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cyber Hoodie",
|
||||
price: "$120",
|
||||
variant: "Premium Cotton",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/oversized-streetwear-hoodie-with-bold-ty-1774811376214-d6d2b45d.png?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Cyber Hoodie", price: "$120", variant: "Premium Cotton", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/oversized-streetwear-hoodie-with-bold-ty-1774811376214-d6d2b45d.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Tee",
|
||||
price: "$45",
|
||||
variant: "Limited Edition",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/premium-streetwear-t-shirt-with-urban-gr-1774811379523-f8d9df06.png?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Neon Tee", price: "$45", variant: "Limited Edition", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/premium-streetwear-t-shirt-with-urban-gr-1774811379523-f8d9df06.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Tech Hat",
|
||||
price: "$35",
|
||||
variant: "Blackout",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/high-end-streetwear-accessory-urban-hip--1774811376633-de516e90.png?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Urban Tech Hat", price: "$35", variant: "Blackout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/high-end-streetwear-accessory-urban-hip--1774811376633-de516e90.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Future Joggers",
|
||||
price: "$90",
|
||||
variant: "Tech-wear",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/oversized-streetwear-hoodie-with-bold-ty-1774811376214-d6d2b45d.png?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Future Joggers", price: "$90", variant: "Tech-wear", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/oversized-streetwear-hoodie-with-bold-ty-1774811376214-d6d2b45d.png"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Explore our latest 3D-inspired drops."
|
||||
@@ -192,44 +121,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Simply iconic designs. The future of streetwear is here.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png?_wi=3",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Simply iconic designs. The future of streetwear is here.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
handle: "@michaelb",
|
||||
testimonial: "Fast, high quality, and visually stunning. 10/10.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-young-adult-urban-1774811376494-b3760246.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael B.", handle: "@michaelb", testimonial: "Fast, high quality, and visually stunning. 10/10.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-young-adult-urban-1774811376494-b3760246.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "I love the futuristic aesthetic. Never seen anything like this.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-fashionable-influencer-wea-1774811376378-c2d8eb95.png?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "I love the futuristic aesthetic. Never seen anything like this.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-fashionable-influencer-wea-1774811376378-c2d8eb95.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Perfect fit and unmatched comfort.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-stylish-streetwear-custome-1774811376649-8972cf34.png?_wi=2",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davidk", testimonial: "Perfect fit and unmatched comfort.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/portrait-of-a-stylish-streetwear-custome-1774811376649-8972cf34.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris L.",
|
||||
handle: "@chrisl",
|
||||
testimonial: "Streetwear redefined. Absolutely love my new fit.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png?_wi=4",
|
||||
},
|
||||
id: "5", name: "Chris L.", handle: "@chrisl", testimonial: "Streetwear redefined. Absolutely love my new fit.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/close-up-portrait-of-a-stylish-person-in-1774811376354-a0181838.png"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what our global street team is saying."
|
||||
@@ -240,14 +145,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Join our discord or contact support for any custom orders."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Support",
|
||||
href: "https://wa.me/123456789",
|
||||
},
|
||||
text: "WhatsApp Support", href: "https://wa.me/123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -262,23 +164,11 @@ export default function LandingPage() {
|
||||
description="Limited edition pieces available for a short time only."
|
||||
products={[
|
||||
{
|
||||
id: "x1",
|
||||
name: "Neon Jacket",
|
||||
price: "$250",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/oversized-streetwear-hoodie-with-bold-ty-1774811376214-d6d2b45d.png?_wi=3",
|
||||
},
|
||||
id: "x1", name: "Neon Jacket", price: "$250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/oversized-streetwear-hoodie-with-bold-ty-1774811376214-d6d2b45d.png"},
|
||||
{
|
||||
id: "x2",
|
||||
name: "Tech Pants",
|
||||
price: "$150",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/premium-streetwear-t-shirt-with-urban-gr-1774811379523-f8d9df06.png?_wi=2",
|
||||
},
|
||||
id: "x2", name: "Tech Pants", price: "$150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/premium-streetwear-t-shirt-with-urban-gr-1774811379523-f8d9df06.png"},
|
||||
{
|
||||
id: "x3",
|
||||
name: "Street Cap",
|
||||
price: "$40",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/high-end-streetwear-accessory-urban-hip--1774811376633-de516e90.png?_wi=2",
|
||||
},
|
||||
id: "x3", name: "Street Cap", price: "$40", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdFDDGVNwhNOhOiu5DFiHuyRJI/high-end-streetwear-accessory-urban-hip--1774811376633-de516e90.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -288,29 +178,19 @@ export default function LandingPage() {
|
||||
logoText="NEO-STREET"
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user