bender/ce875f41-c33e-415c-9b62-616ecb537dd4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 3 commits from version_2 into main 2026-03-05 19:33:03 +00:00
Conversation 0 Commits 3 Files Changed 3 +60 -99
3 changed files with 60 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/layout.tsx
View File

@@ -1,51 +1,24 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Raleway } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import "./styles/variables.css";
import "./styles/base.css";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const raleway = Raleway({
variable: "--font-raleway", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "All $milez Clothing - Street Fashion for Black Youth", description: "Authentic streetwear designed for Black youth and culture. Bold designs, premium quality, community-driven. Shop the All $milez collection now.", keywords: "streetwear, Black fashion, youth clothing, urban fashion, street style, sustainable fashion", metadataBase: new URL("https://example.com"),
openGraph: {
title: "All $milez Clothing - Street Fashion for Black Youth", description: "Authentic streetwear designed for Black youth and culture. Bold designs, premium quality, community-driven.", url: "https://example.com", siteName: "All $milez Clothing", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg", alt: "street wear fashion urban clothing display youth fashion collection dark aesthetic apparel"},
],
},
twitter: {
card: "summary_large_image", title: "All $milez Clothing", description: "Street fashion for Black youth and everyone who embraces authentic style", images: ["http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg"],
},
};
title: "All $milez Clothing - Authentic Streetwear", description: "Street-inspired fashion for Black youth and everyone who embraces authentic style. Bold designs. Uncompromising quality. Pure culture."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${raleway.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1413,7 +1386,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

97
src/app/page.tsx
View File

@@ -10,21 +10,21 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Zap, ShoppingBag } from "lucide-react";
import { Zap, ShoppingBag, Flame, Users, Heart, Truck } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="aurora"
cardStyle="gradient-bordered"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="medium"
contentWidth="medium"
sizing="mediumLarge"
background="none"
cardStyle="soft-shadow"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
@@ -43,22 +43,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="All $milez Clothing"
title="All $milez"
description="Street-inspired fashion for Black youth and everyone who embraces authentic style. Bold designs. Uncompromising quality. Pure culture."
tag="Limited Collection"
tagIcon={Zap}
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUJnlPR32c8NnPcPEzck0sbqO/uploaded-1772738356957-h4sibpli.png", imageAlt: "All $milez signature black hoodie with white stripes"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUJnlPR32c8NnPcPEzck0sbqO/uploaded-1772739136694-j9o51ax1.png", imageAlt: "All $milez Signature Hoodie - Black with white accents"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-indoor-steel-stairs_627829-2160.jpg?_wi=1", imageAlt: "Graphic t-shirt from collection"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUJnlPR32c8NnPcPEzck0sbqO/uploaded-1772739136694-dmqovbi4.png", imageAlt: "All $milez Brand Identity"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg?_wi=1", imageAlt: "Oversized streetwear jacket"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUJnlPR32c8NnPcPEzck0sbqO/uploaded-1772739136694-4pfstw5m.png", imageAlt: "All $milez Streetwear Collection"},
]}
buttons={[
{ text: "Shop Now", href: "#products" },
{ text: "Explore Collection", href: "#products" },
{ text: "Shop Now", href: "products" },
{ text: "Explore Collection", href: "products" },
]}
mediaAnimation="none"
/>
@@ -67,7 +67,7 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardFour
title="Featured Pieces"
description="Handpicked essentials from the All $milez collection. Each piece tells a story."
description="Handpicked essentials from the All $milez collection. Each piece tells a story of authentic street culture."
tag="New Drops"
tagIcon={ShoppingBag}
gridVariant="uniform-all-items-equal"
@@ -76,16 +76,16 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1", name: "All $milez Signature Hoodie", price: "$65", variant: "Black • 5 Colors", imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "Black signature hoodie with stripe details", isFavorited: false,
id: "1", name: "All $milez Signature Hoodie", price: "$65", variant: "Black • 5 Colors", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUJnlPR32c8NnPcPEzck0sbqO/uploaded-1772739136694-j9o51ax1.png", imageAlt: "Black signature hoodie with stripe details", isFavorited: false,
},
{
id: "2", name: "Distressed Graphic Tee", price: "$35", variant: "White Print • 3 Sizes", imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-indoor-steel-stairs_627829-2160.jpg?_wi=2", imageAlt: "Graphic t-shirt with vintage print", isFavorited: false,
id: "2", name: "Distressed Graphic Tee", price: "$35", variant: "White Print • 3 Sizes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUJnlPR32c8NnPcPEzck0sbqO/uploaded-1772739136694-dmqovbi4.png", imageAlt: "Graphic t-shirt with vintage print", isFavorited: false,
},
{
id: "3", name: "Oversized Track Jacket", price: "$85", variant: "Black/Red • 4 Colors", imageSrc: "http://img.b2bpic.net/free-photo/modern-interracial-young-couple-wearing-sunglasses-looking-camera_23-2148151749.jpg?_wi=2", imageAlt: "Oversized track jacket with stripe accents", isFavorited: false,
id: "3", name: "Oversized Track Jacket", price: "$85", variant: "Black/Red • 4 Colors", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUJnlPR32c8NnPcPEzck0sbqO/uploaded-1772739136694-4pfstw5m.png", imageAlt: "Oversized track jacket with stripe accents", isFavorited: false,
},
{
id: "4", name: "Cargo Utility Pants", price: "$55", variant: "Black • Multiple Fits", imageSrc: "http://img.b2bpic.net/free-photo/woman-wit-prosthetic-leg-doing-yoga_23-2149722209.jpg", imageAlt: "Cargo pants with utility pockets", isFavorited: false,
id: "4", name: "Cargo Utility Pants", price: "$55", variant: "Black • Multiple Fits", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXUJnlPR32c8NnPcPEzck0sbqO/uploaded-1772739136694-j9o51ax1.png", imageAlt: "Cargo pants with utility pockets", isFavorited: false,
},
]}
/>
@@ -117,8 +117,7 @@ export default function LandingPage() {
useInvertedBackground={false}
names={["TikTok", "Instagram", "Twitter", "YouTube", "Spotify", "Discord", "Twitch"]}
logos={[
"http://img.b2bpic.net/free-vector/updated-full-social-media-logos-set_69286-431.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148092198.jpg", "http://img.b2bpic.net/free-vector/set-black-circle-social-media-logos-with-new-x-logo_78370-3651.jpg", "http://img.b2bpic.net/free-vector/collection-social-network-logos_23-2147612326.jpg", "http://img.b2bpic.net/free-photo/young-woman-holding-tablet-with-spotify-app_23-2147987822.jpg", "http://img.b2bpic.net/free-psd/social-media-logo-design_23-2151296993.jpg", "http://img.b2bpic.net/free-vector/modern-banner-with-twitch-logo_69286-296.jpg"
]}
"http://img.b2bpic.net/free-vector/updated-full-social-media-logos-set_69286-431.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148092198.jpg", "http://img.b2bpic.net/free-vector/set-black-circle-social-media-logos-with-new-x-logo_78370-3651.jpg", "http://img.b2bpic.net/free-vector/collection-social-network-logos_23-2147612326.jpg", "http://img.b2bpic.net/free-photo/young-woman-holding-tablet-with-spotify-app_23-2147987822.jpg", "http://img.b2bpic.net/free-psd/social-media-logo-design_23-2151296993.jpg", "http://img.b2bpic.net/free-vector/modern-banner-with-twitch-logo_69286-296.jpg"]}
speed={45}
/>
</div>
@@ -126,27 +125,23 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Community Says"
description="Real stories from real people who wear All $milez."
description="Real stories from real people who wear All $milez. Authentic voices. Real culture. No scripts."
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{
id: "1", name: "Jamal T.", role: "Fashion Influencer", company: "@jamal_vibes", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-hipster-outfit-denim-jacket-jeans-green-studio-background-summer-fashion-trend-happy-smiling-curly-hair-accessories_285396-10575.jpg"
},
imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-hipster-outfit-denim-jacket-jeans-green-studio-background-summer-fashion-trend-happy-smiling-curly-hair-accessories_285396-10575.jpg"},
{
id: "2", name: "Zara M.", role: "Streetwear Curator", company: "@zara_fits", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-kneels-down-outside-dressed-stylish-green-apparel-white-boots-wears-blue-eyeliner-has-hairstyle-looks-self-assured-camera-urban-style-youth-concept_273609-56185.jpg"
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-kneels-down-outside-dressed-stylish-green-apparel-white-boots-wears-blue-eyeliner-has-hairstyle-looks-self-assured-camera-urban-style-youth-concept_273609-56185.jpg"},
{
id: "3", name: "Marcus K.", role: "Music Producer", company: "@marcus.beats", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-black-african-american-man-sunglasses-posing-standing-garage-gates_627829-3333.jpg"
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-black-african-american-man-sunglasses-posing-standing-garage-gates_627829-3333.jpg"},
{
id: "4", name: "Keisha L.", role: "Student & Style Icon", company: "@keisha_style", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/punk-female-with-sunglasses-urban-location_23-2149110966.jpg"
},
imageSrc: "http://img.b2bpic.net/free-photo/punk-female-with-sunglasses-urban-location_23-2149110966.jpg"},
]}
kpiItems={[
{ value: "50K+", label: "Community Members" },
@@ -159,15 +154,15 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="By The Numbers"
description="Growing movement, growing impact."
description="Growing movement, growing impact across the globe."
gridVariant="uniform-all-items-equal"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{ id: "1", value: "10K+", description: "Pieces Sold" },
{ id: "2", value: "50K+", description: "Active Community" },
{ id: "3", value: "100%", description: "Authentic Culture" },
{ id: "1", value: "10K+", description: "Pieces Sold Worldwide" },
{ id: "2", value: "50K+", description: "Active Community Members" },
{ id: "3", value: "100%", description: "Authentic Culture-First Design" },
]}
/>
</div>
@@ -175,29 +170,23 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqBase
title="Common Questions"
description="Everything you need to know about All $milez."
description="Everything you need to know about All $milez and our mission."
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="slide-up"
faqs={[
{
id: "1", title: "What makes All $milez different?", content: "All $milez is rooted in authentic Black street culture. We design FOR the culture, not just inspired by it. Every piece carries the energy, the history, and the real stories of the youth we celebrate."
},
id: "1", title: "What makes All $milez different?", content: "All $milez is rooted in authentic Black street culture. We design FOR the culture, not just inspired by it. Every piece carries the energy, the history, and the real stories of the youth we celebrate."},
{
id: "2", title: "How do I know my size?", content: "All our pieces are available in XS to 3XL. Check our size guide on each product page for detailed measurements. We recommend checking the fit description—some pieces run oversized intentionally."
},
id: "2", title: "How do I know my size?", content: "All our pieces are available in XS to 3XL. Check our size guide on each product page for detailed measurements. We recommend checking the fit description—some pieces run oversized intentionally for that comfortable streetwear vibe."},
{
id: "3", title: "Do you ship internationally?", content: "Yes! We ship to 30+ countries worldwide. Shipping costs and delivery times vary by location. International orders typically arrive within 2-3 weeks."
},
id: "3", title: "Do you ship internationally?", content: "Yes! We ship to 30+ countries worldwide. Shipping costs and delivery times vary by location. International orders typically arrive within 2-3 weeks. All $milez is for everyone who respects the culture."},
{
id: "4", title: "What's your return policy?", content: "We offer 30-day returns on all unworn items with original tags. If something doesn't fit or feel right, we make it easy to send it back. Your satisfaction is everything to us."
},
id: "4", title: "What's your return policy?", content: "We offer 30-day returns on all unworn items with original tags. If something doesn't fit or feel right, we make it easy to send it back. Your satisfaction is everything to us."},
{
id: "5", title: "Are your pieces sustainable?", content: "We're committed to ethical production. Our pieces are made with quality materials designed to last. We're constantly working to reduce our environmental impact and support fair labor practices."
},
id: "5", title: "Are your pieces sustainable?", content: "We're committed to ethical production. Our pieces are made with quality materials designed to last. We're constantly working to reduce our environmental impact and support fair labor practices."},
{
id: "6", title: "How often do you drop new collections?", content: "We release new pieces monthly with seasonal collections dropping quarterly. Follow us on TikTok, Instagram, and Discord to stay updated on drops and exclusive early access."
},
id: "6", title: "How often do you drop new collections?", content: "We release new pieces monthly with seasonal collections dropping quarterly. Follow us on TikTok, Instagram, and Discord to stay updated on drops and get exclusive early access."},
]}
/>
</div>
@@ -207,10 +196,10 @@ export default function LandingPage() {
columns={[
{
title: "Shop", items: [
{ label: "New Arrivals", href: "#products" },
{ label: "Best Sellers", href: "#products" },
{ label: "Collections", href: "#products" },
{ label: "Sale", href: "#products" },
{ label: "New Arrivals", href: "products" },
{ label: "Best Sellers", href: "products" },
{ label: "Collections", href: "products" },
{ label: "Sale", href: "products" },
],
},
{
@@ -224,7 +213,7 @@ export default function LandingPage() {
{
title: "Support", items: [
{ label: "Contact Us", href: "#" },
{ label: "FAQ", href: "#faq" },
{ label: "FAQ", href: "faq" },
{ label: "Shipping Info", href: "#" },
{ label: "Returns", href: "#" },
],

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #000000;
--card: #481f1f;
--foreground: #ffffff;
--primary-cta: #ffffff;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #f5f5f5;
--primary-cta: #ff2d55;
--primary-cta-text: #280101;
--secondary-cta: #361311;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #f6d4d4;
--accent: #51000b;
--background-accent: #ff2231;
--accent: #ff2d55;
--background-accent: #ff2d55;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);