bender/b2f38cce-5680-40b1-a022-ef7bf8a24e94
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-09 10:03:28 +00:00
Conversation 0 Commits 2 Files Changed 2 +73 -169
2 changed files with 73 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
src/app/page.tsx
View File

@@ -9,6 +9,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
export default function LandingPage() {
return (
@@ -29,17 +30,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Pre-order",
id: "contact",
},
name: "Balenciaga", id: "balenciaga-preorder"},
{
name: "Pre-order", id: "contact"},
]}
brandName="Marley's Reselling"
/>
@@ -48,112 +45,60 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Exclusive Streetwear Pre-Orders"
description="Secure the most sought-after Chrome Hearts and Balenciaga pieces before they're gone. Curated luxury for the modern wardrobe."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=1",
imageAlt: "Streetwear style",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=1", imageAlt: "Streetwear style"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=2",
imageAlt: "Luxury fashion",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=2", imageAlt: "Luxury fashion"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=3",
imageAlt: "Exclusive drops",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=3", imageAlt: "Exclusive drops"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=4",
imageAlt: "Modern aesthetics",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=4", imageAlt: "Modern aesthetics"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=5",
imageAlt: "Reselling excellence",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=5", imageAlt: "Reselling excellence"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=6",
imageAlt: "Premium quality",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=6", imageAlt: "Premium quality"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=7",
imageAlt: "Streetwear style",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=7", imageAlt: "Streetwear style"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=8",
imageAlt: "Luxury fashion",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=8", imageAlt: "Luxury fashion"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=9",
imageAlt: "Exclusive drops",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=9", imageAlt: "Exclusive drops"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=10",
imageAlt: "Modern aesthetics",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=10", imageAlt: "Modern aesthetics"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=11",
imageAlt: "Reselling excellence",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=11", imageAlt: "Reselling excellence"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=12",
imageAlt: "Premium quality",
},
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=12", imageAlt: "Premium quality"},
]}
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg", alt: "Client 5"},
]}
avatarText="Trusted by 500+ collectors"
marqueeItems={[
{
type: "text",
text: "Chrome Hearts",
},
{
type: "text",
text: "Balenciaga",
},
{
type: "text",
text: "Supreme",
},
{
type: "text",
text: "Off-White",
},
{
type: "text",
text: "Fear of God",
},
{ type: "text", text: "Chrome Hearts" },
{ type: "text", text: "Balenciaga" },
{ type: "text", text: "Supreme" },
{ type: "text", text: "Off-White" },
{ type: "text", text: "Fear of God" },
]}
/>
</div>
@@ -166,53 +111,41 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Chrome Hearts Silver T-Shirt",
price: "$50",
variant: "Pre-order",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=1",
},
id: "chrome-hearts-silver-tee", name: "Chrome Hearts Silver Shirt", price: "$50", variant: "Pre-order", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=1"},
{
id: "2",
name: "Balenciaga Signature Sneakers",
price: "Contact for pricing",
variant: "Pre-order (2-3 weeks arrival)",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=1",
},
id: "2", name: "Balenciaga Signature Sneakers", price: "Contact for pricing", variant: "Pre-order (2-3 weeks arrival)", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=1"},
{
id: "3",
name: "Customized Hoodie",
price: "$120",
variant: "Limited",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=2",
},
id: "3", name: "Customized Hoodie", price: "$120", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=2"},
{
id: "4",
name: "Designer Accessories",
price: "$80",
variant: "Ready to Ship",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=2",
},
{
id: "5",
name: "Vintage Luxury Tee",
price: "$65",
variant: "Rare",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=3",
},
{
id: "6",
name: "Exclusive Caps",
price: "$45",
variant: "New Arrival",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=3",
},
id: "4", name: "Designer Accessories", price: "$80", variant: "Ready to Ship", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=2"},
]}
title="Current Drops"
description="Authentic, high-end pieces available now."
/>
</div>
<div id="balenciaga-preorder" data-section="balenciaga-preorder">
<FeatureCardOne
useInvertedBackground={false}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
title="Balenciaga Pre-Orders"
description="Guaranteed authentic pieces with a 2-3 week delivery timeline."
features={[
{
title: "Speed & Reliability", description: "Secure your luxury items with our trusted 2-3 week sourcing process.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg"
},
{
title: "Curated Selection", description: "The latest and greatest Balenciaga silhouettes available for pre-order.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg"
},
{
title: "Auth Guaranteed", description: "Every piece is verified before it reaches your door.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg"
}
]}
textboxLayout="default"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
@@ -220,12 +153,7 @@ export default function LandingPage() {
title="As Seen In"
description="Our pieces are sourced from the most reliable fashion hubs worldwide."
names={[
"Vogue",
"Hypebeast",
"Highsnobiety",
"GQ",
"Complex",
]}
"Vogue", "Hypebeast", "Highsnobiety", "GQ", "Complex"]}
tag="Trusted Source"
/>
</div>
@@ -239,25 +167,12 @@ export default function LandingPage() {
description="Choose the sourcing level that fits your budget and timeline."
plans={[
{
id: "p1",
badge: "Standard",
price: "Fixed",
subtitle: "Normal sourcing time",
features: [
"Verified Auth",
"Tracking",
],
id: "p1", badge: "Standard", price: "Fixed", subtitle: "Normal sourcing time", features: [
"Verified Auth", "Tracking"],
},
{
id: "p2",
badge: "Express",
price: "Premium",
subtitle: "Faster sourcing",
features: [
"Priority Support",
"Express Shipping",
"Auth Guarantee",
],
id: "p2", badge: "Express", price: "Premium", subtitle: "Faster sourcing", features: [
"Priority Support", "Express Shipping", "Auth Guarantee"],
},
]}
/>
@@ -270,28 +185,17 @@ export default function LandingPage() {
description="Have questions about availability or specific sizing? Reach out to place your pre-order and secure your favorite pieces today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "item",
type: "text",
placeholder: "Item Interested In",
required: true,
name: "item", type: "text", placeholder: "Item Interested In", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Any specific details?",
rows: 4,
name: "message", placeholder: "Any specific details?", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/overhead-view-feminine-background-with-laptop_23-2147924072.jpg"
/>
@@ -306,4 +210,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #106EFB;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #106EFB;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);