Merge version_1 into main #1
@@ -42,19 +42,13 @@ export default function AboutPage() {
|
||||
description="Street Side Urban was built on discipline, structure, and silent ambition. In a culture chasing noise, SSU represents restraint."
|
||||
tabs={[
|
||||
{
|
||||
id: "discipline",
|
||||
label: "Discipline",
|
||||
description: "Every piece is intentional. We do not follow trends. We set the standard for what disciplined design means in modern streetwear."
|
||||
id: "discipline", label: "Discipline", description: "Every piece is intentional. We do not follow trends. We set the standard for what disciplined design means in modern streetwear."
|
||||
},
|
||||
{
|
||||
id: "structure",
|
||||
label: "Structure",
|
||||
description: "Built to last. Every garment is engineered with precision. Quality materials, controlled production, legacy in every stitch."
|
||||
id: "structure", label: "Structure", description: "Built to last. Every garment is engineered with precision. Quality materials, controlled production, legacy in every stitch."
|
||||
},
|
||||
{
|
||||
id: "legacy",
|
||||
label: "Legacy",
|
||||
description: "We are building something that transcends seasons. SSU is for those who move with intent, who understand that real power is silent."
|
||||
id: "legacy", label: "Legacy", description: "We are building something that transcends seasons. SSU is for those who move with intent, who understand that real power is silent."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/streetwear-fashion-man-with-skateboard_53876-98125.jpg"
|
||||
@@ -71,52 +65,22 @@ export default function AboutPage() {
|
||||
description="Those who understand the standard. Urban environments, disciplined aesthetic, silent power in every piece."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Founder",
|
||||
handle: "@ssu_founder",
|
||||
testimonial: "Built SSU because the industry needed discipline. No shortcuts. Only intention.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg",
|
||||
imageAlt: "SSU Community member 1"
|
||||
id: "1", name: "The Founder", handle: "@ssu_founder", testimonial: "Built SSU because the industry needed discipline. No shortcuts. Only intention.", imageSrc: "https://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg", imageAlt: "SSU Community member 1"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Urban Explorer",
|
||||
handle: "@urban_discipline",
|
||||
testimonial: "Every piece from SSU moves with me. Structure meets street. This is the standard.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
|
||||
imageAlt: "SSU Community member 2"
|
||||
id: "2", name: "Urban Explorer", handle: "@urban_discipline", testimonial: "Every piece from SSU moves with me. Structure meets street. This is the standard.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg", imageAlt: "SSU Community member 2"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Creative Director",
|
||||
handle: "@intent_driven",
|
||||
testimonial: "In a world of noise, SSU represents signal. Clean design. Pure intention. Respect.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg",
|
||||
imageAlt: "SSU Community member 3"
|
||||
id: "3", name: "Creative Director", handle: "@intent_driven", testimonial: "In a world of noise, SSU represents signal. Clean design. Pure intention. Respect.", imageSrc: "https://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg", imageAlt: "SSU Community member 3"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Movement Believer",
|
||||
handle: "@silent_power",
|
||||
testimonial: "SSU isn't fashion. It's a philosophy. Built. Not given. Real.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg",
|
||||
imageAlt: "SSU Community member 4"
|
||||
id: "4", name: "Movement Believer", handle: "@silent_power", testimonial: "SSU isn't fashion. It's a philosophy. Built. Not given. Real.", imageSrc: "https://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg", imageAlt: "SSU Community member 4"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Architect",
|
||||
handle: "@design_structure",
|
||||
testimonial: "The engineering behind each piece is undeniable. This is streetwear for people who think.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg",
|
||||
imageAlt: "SSU Community member 5"
|
||||
id: "5", name: "Architect", handle: "@design_structure", testimonial: "The engineering behind each piece is undeniable. This is streetwear for people who think.", imageSrc: "https://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg", imageAlt: "SSU Community member 5"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Legacy Builder",
|
||||
handle: "@discipline_first",
|
||||
testimonial: "SSU gets it. Quality. Control. Legacy. Not a trend. A movement.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
|
||||
imageAlt: "SSU Community member 6"
|
||||
id: "6", name: "Legacy Builder", handle: "@discipline_first", testimonial: "SSU gets it. Quality. Control. Legacy. Not a trend. A movement.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg", imageAlt: "SSU Community member 6"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
|
||||
@@ -6,7 +6,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Briefcase, Hoodie, Jacket, Shirt } from "lucide-react";
|
||||
import { Briefcase, Shirt } from "lucide-react";
|
||||
|
||||
export default function CollectionsPage() {
|
||||
return (
|
||||
@@ -42,24 +42,20 @@ export default function CollectionsPage() {
|
||||
description="Four pillars of the SSU identity. Each collection represents disciplined design applied to essential streetwear."
|
||||
features={[
|
||||
{
|
||||
icon: Hoodie,
|
||||
title: "Hoodies",
|
||||
description: "Premium heavyweight constructions. 450gsm cotton fleece engineered for structure and longevity."
|
||||
icon: Shirt,
|
||||
title: "Hoodies", description: "Premium heavyweight constructions. 450gsm cotton fleece engineered for structure and longevity."
|
||||
},
|
||||
{
|
||||
icon: Shirt,
|
||||
title: "Tees",
|
||||
description: "Essential wardrobe foundations. Minimal graphics, maximum impact. Designed to layer and last."
|
||||
title: "Tees", description: "Essential wardrobe foundations. Minimal graphics, maximum impact. Designed to layer and last."
|
||||
},
|
||||
{
|
||||
icon: Jacket,
|
||||
title: "Outerwear",
|
||||
description: "Architectural layering pieces. Built with intention for urban movement and climatic control."
|
||||
icon: Shirt,
|
||||
title: "Outerwear", description: "Architectural layering pieces. Built with intention for urban movement and climatic control."
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Accessories",
|
||||
description: "Functional, minimal accessories. Bags, caps, and gear built for the disciplined lifestyle."
|
||||
title: "Accessories", description: "Functional, minimal accessories. Bags, caps, and gear built for the disciplined lifestyle."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -74,25 +70,13 @@ export default function CollectionsPage() {
|
||||
description="Premium heavyweight constructions engineered for structure and longevity. Every detail intentional."
|
||||
products={[
|
||||
{
|
||||
id: "h1",
|
||||
name: "SSU Heavyweight Hoodie",
|
||||
price: "$185",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg",
|
||||
imageAlt: "SSU Heavyweight Hoodie"
|
||||
id: "h1", name: "SSU Heavyweight Hoodie", price: "$185", imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "SSU Heavyweight Hoodie"
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
name: "Core Hoodie Black",
|
||||
price: "$155",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/man-gray-dress-shirt-wearing-black-white-cap_410324-111.jpg",
|
||||
imageAlt: "Core Hoodie Black"
|
||||
id: "h2", name: "Core Hoodie Black", price: "$155", imageSrc: "https://img.b2bpic.net/free-photo/man-gray-dress-shirt-wearing-black-white-cap_410324-111.jpg", imageAlt: "Core Hoodie Black"
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
name: "Discipline Hoodie",
|
||||
price: "$175",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg",
|
||||
imageAlt: "Discipline Hoodie"
|
||||
id: "h3", name: "Discipline Hoodie", price: "$175", imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "Discipline Hoodie"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -108,25 +92,13 @@ export default function CollectionsPage() {
|
||||
description="Architectural layering pieces. Built with intention for urban movement and climatic control."
|
||||
products={[
|
||||
{
|
||||
id: "o1",
|
||||
name: "Structured Jacket",
|
||||
price: "$295",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg",
|
||||
imageAlt: "Structured Jacket"
|
||||
id: "o1", name: "Structured Jacket", price: "$295", imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg", imageAlt: "Structured Jacket"
|
||||
},
|
||||
{
|
||||
id: "o2",
|
||||
name: "Technical Coat",
|
||||
price: "$325",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg",
|
||||
imageAlt: "Technical Coat"
|
||||
id: "o2", name: "Technical Coat", price: "$325", imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg", imageAlt: "Technical Coat"
|
||||
},
|
||||
{
|
||||
id: "o3",
|
||||
name: "Urban Shell",
|
||||
price: "$275",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg",
|
||||
imageAlt: "Urban Shell"
|
||||
id: "o3", name: "Urban Shell", price: "$275", imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg", imageAlt: "Urban Shell"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
|
||||
@@ -53,19 +53,13 @@ export default function ContactPage() {
|
||||
description="Multiple ways to engage with the movement. Each channel serves a purpose in building the SSU community."
|
||||
tabs={[
|
||||
{
|
||||
id: "email",
|
||||
label: "Email",
|
||||
description: "Direct communication for serious inquiries. Business partnerships, wholesale, and press. access@streetsiueurban.com"
|
||||
id: "email", label: "Email", description: "Direct communication for serious inquiries. Business partnerships, wholesale, and press. access@streetsiueurban.com"
|
||||
},
|
||||
{
|
||||
id: "social",
|
||||
label: "Social",
|
||||
description: "Follow our journey on Instagram @streetsiueurban. Behind-the-scenes, drops, and community features."
|
||||
id: "social", label: "Social", description: "Follow our journey on Instagram @streetsiueurban. Behind-the-scenes, drops, and community features."
|
||||
},
|
||||
{
|
||||
id: "wholesale",
|
||||
label: "Wholesale",
|
||||
description: "Interested in carrying SSU? We work with select retailers who understand our standard. wholesale@streetsiueurban.com"
|
||||
id: "wholesale", label: "Wholesale", description: "Interested in carrying SSU? We work with select retailers who understand our standard. wholesale@streetsiueurban.com"
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/streetwear-fashion-man-with-skateboard_53876-98125.jpg"
|
||||
|
||||
@@ -5,33 +5,21 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const raleway = Raleway({
|
||||
variable: "--font-raleway",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-raleway", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Street Side Urban | Luxury Streetwear Brand",
|
||||
description: "Premium streetwear engineered for discipline, ambition, and legacy. Minimal design, maximum intention. Built. Not given.",
|
||||
keywords: "streetwear, luxury fashion, minimal design, urban apparel, exclusive drops",
|
||||
metadataBase: new URL("https://streetsidueurban.com"),
|
||||
title: "Street Side Urban | Luxury Streetwear Brand", description: "Premium streetwear engineered for discipline, ambition, and legacy. Minimal design, maximum intention. Built. Not given.", keywords: "streetwear, luxury fashion, minimal design, urban apparel, exclusive drops", metadataBase: new URL("https://streetsidueurban.com"),
|
||||
alternates: {
|
||||
canonical: "/"
|
||||
},
|
||||
openGraph: {
|
||||
title: "Street Side Urban | Luxury Streetwear",
|
||||
description: "Premium streetwear engineered for discipline, ambition, and legacy.",
|
||||
siteName: "Street Side Urban",
|
||||
type: "website",
|
||||
images: [{
|
||||
url: "https://img.b2bpic.net/free-photo/streetwear-fashion-man-with-skateboard_53876-98125.jpg",
|
||||
alt: "Street Side Urban Brand"
|
||||
title: "Street Side Urban | Luxury Streetwear", description: "Premium streetwear engineered for discipline, ambition, and legacy.", siteName: "Street Side Urban", type: "website", images: [{
|
||||
url: "https://img.b2bpic.net/free-photo/streetwear-fashion-man-with-skateboard_53876-98125.jpg", alt: "Street Side Urban Brand"
|
||||
}]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Street Side Urban | Luxury Streetwear",
|
||||
description: "Premium streetwear engineered for discipline, ambition, and legacy.",
|
||||
images: ["https://img.b2bpic.net/free-photo/streetwear-fashion-man-with-skateboard_53876-98125.jpg"]
|
||||
card: "summary_large_image", title: "Street Side Urban | Luxury Streetwear", description: "Premium streetwear engineered for discipline, ambition, and legacy.", images: ["https://img.b2bpic.net/free-photo/streetwear-fashion-man-with-skateboard_53876-98125.jpg"]
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
|
||||
108
src/app/page.tsx
108
src/app/page.tsx
@@ -10,7 +10,7 @@ import FeatureHoverPattern from '@/components/sections/feature/featureHoverPatte
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Briefcase, Hoodie, Jacket, Quote, Shirt } from "lucide-react";
|
||||
import { Briefcase, Shirt } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -65,46 +65,22 @@ export default function HomePage() {
|
||||
description="Limited edition pieces engineered for structure and longevity. Only the most intentional drops."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "SSU Heavyweight Hoodie",
|
||||
price: "$185",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg",
|
||||
imageAlt: "SSU Heavyweight Hoodie in black"
|
||||
id: "1", name: "SSU Heavyweight Hoodie", price: "$185", imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "SSU Heavyweight Hoodie in black"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Essential Tee",
|
||||
price: "$65",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg",
|
||||
imageAlt: "Essential Tee collection"
|
||||
id: "2", name: "Essential Tee", price: "$65", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg", imageAlt: "Essential Tee collection"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Structured Jacket",
|
||||
price: "$295",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg",
|
||||
imageAlt: "Structured Jacket outerwear"
|
||||
id: "3", name: "Structured Jacket", price: "$295", imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg", imageAlt: "Structured Jacket outerwear"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Canvas Cap",
|
||||
price: "$45",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg",
|
||||
imageAlt: "Canvas Cap accessory"
|
||||
id: "4", name: "Canvas Cap", price: "$45", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg", imageAlt: "Canvas Cap accessory"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium Joggers",
|
||||
price: "$125",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg",
|
||||
imageAlt: "Premium Joggers"
|
||||
id: "5", name: "Premium Joggers", price: "$125", imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "Premium Joggers"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Limited Logo Tee",
|
||||
price: "$75",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg",
|
||||
imageAlt: "Limited Logo Tee"
|
||||
id: "6", name: "Limited Logo Tee", price: "$75", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg", imageAlt: "Limited Logo Tee"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -120,19 +96,13 @@ export default function HomePage() {
|
||||
description="Street Side Urban was built on discipline, structure, and silent ambition. In a culture chasing noise, SSU represents restraint."
|
||||
tabs={[
|
||||
{
|
||||
id: "discipline",
|
||||
label: "Discipline",
|
||||
description: "Every piece is intentional. We do not follow trends. We set the standard for what disciplined design means in modern streetwear."
|
||||
id: "discipline", label: "Discipline", description: "Every piece is intentional. We do not follow trends. We set the standard for what disciplined design means in modern streetwear."
|
||||
},
|
||||
{
|
||||
id: "structure",
|
||||
label: "Structure",
|
||||
description: "Built to last. Every garment is engineered with precision. Quality materials, controlled production, legacy in every stitch."
|
||||
id: "structure", label: "Structure", description: "Built to last. Every garment is engineered with precision. Quality materials, controlled production, legacy in every stitch."
|
||||
},
|
||||
{
|
||||
id: "legacy",
|
||||
label: "Legacy",
|
||||
description: "We are building something that transcends seasons. SSU is for those who move with intent, who understand that real power is silent."
|
||||
id: "legacy", label: "Legacy", description: "We are building something that transcends seasons. SSU is for those who move with intent, who understand that real power is silent."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/streetwear-fashion-man-with-skateboard_53876-98125.jpg"
|
||||
@@ -149,24 +119,20 @@ export default function HomePage() {
|
||||
description="Curated collections engineered for specific lifestyles. Each category represents a pillar of SSU identity."
|
||||
features={[
|
||||
{
|
||||
icon: Hoodie,
|
||||
title: "Hoodies",
|
||||
description: "Premium heavyweight constructions. 450gsm cotton fleece engineered for structure and longevity."
|
||||
icon: Shirt,
|
||||
title: "Hoodies", description: "Premium heavyweight constructions. 450gsm cotton fleece engineered for structure and longevity."
|
||||
},
|
||||
{
|
||||
icon: Shirt,
|
||||
title: "Tees",
|
||||
description: "Essential wardrobe foundations. Minimal graphics, maximum impact. Designed to layer and last."
|
||||
title: "Tees", description: "Essential wardrobe foundations. Minimal graphics, maximum impact. Designed to layer and last."
|
||||
},
|
||||
{
|
||||
icon: Jacket,
|
||||
title: "Outerwear",
|
||||
description: "Architectural layering pieces. Built with intention for urban movement and climatic control."
|
||||
icon: Shirt,
|
||||
title: "Outerwear", description: "Architectural layering pieces. Built with intention for urban movement and climatic control."
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Accessories",
|
||||
description: "Functional, minimal accessories. Bags, caps, and gear built for the disciplined lifestyle."
|
||||
title: "Accessories", description: "Functional, minimal accessories. Bags, caps, and gear built for the disciplined lifestyle."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -181,52 +147,22 @@ export default function HomePage() {
|
||||
description="Styled imagery of those who move with SSU. Urban environments, disciplined aesthetic, silent power."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Founder",
|
||||
handle: "@ssu_founder",
|
||||
testimonial: "Built SSU because the industry needed discipline. No shortcuts. Only intention.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg",
|
||||
imageAlt: "SSU Community member 1"
|
||||
id: "1", name: "The Founder", handle: "@ssu_founder", testimonial: "Built SSU because the industry needed discipline. No shortcuts. Only intention.", imageSrc: "https://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg", imageAlt: "SSU Community member 1"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Urban Explorer",
|
||||
handle: "@urban_discipline",
|
||||
testimonial: "Every piece from SSU moves with me. Structure meets street. This is the standard.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
|
||||
imageAlt: "SSU Community member 2"
|
||||
id: "2", name: "Urban Explorer", handle: "@urban_discipline", testimonial: "Every piece from SSU moves with me. Structure meets street. This is the standard.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg", imageAlt: "SSU Community member 2"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Creative Director",
|
||||
handle: "@intent_driven",
|
||||
testimonial: "In a world of noise, SSU represents signal. Clean design. Pure intention. Respect.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg",
|
||||
imageAlt: "SSU Community member 3"
|
||||
id: "3", name: "Creative Director", handle: "@intent_driven", testimonial: "In a world of noise, SSU represents signal. Clean design. Pure intention. Respect.", imageSrc: "https://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg", imageAlt: "SSU Community member 3"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Movement Believer",
|
||||
handle: "@silent_power",
|
||||
testimonial: "SSU isn't fashion. It's a philosophy. Built. Not given. Real.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg",
|
||||
imageAlt: "SSU Community member 4"
|
||||
id: "4", name: "Movement Believer", handle: "@silent_power", testimonial: "SSU isn't fashion. It's a philosophy. Built. Not given. Real.", imageSrc: "https://img.b2bpic.net/free-photo/vertical-photo-young-lady-leaning-wall-tunnel_114579-92564.jpg", imageAlt: "SSU Community member 4"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Architect",
|
||||
handle: "@design_structure",
|
||||
testimonial: "The engineering behind each piece is undeniable. This is streetwear for people who think.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg",
|
||||
imageAlt: "SSU Community member 5"
|
||||
id: "5", name: "Architect", handle: "@design_structure", testimonial: "The engineering behind each piece is undeniable. This is streetwear for people who think.", imageSrc: "https://img.b2bpic.net/free-photo/full-length-view-laughing-woman-trench-coat_197531-19713.jpg", imageAlt: "SSU Community member 5"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Legacy Builder",
|
||||
handle: "@discipline_first",
|
||||
testimonial: "SSU gets it. Quality. Control. Legacy. Not a trend. A movement.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
|
||||
imageAlt: "SSU Community member 6"
|
||||
id: "6", name: "Legacy Builder", handle: "@discipline_first", testimonial: "SSU gets it. Quality. Control. Legacy. Not a trend. A movement.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg", imageAlt: "SSU Community member 6"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
|
||||
@@ -1,112 +1,136 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import Link from "next/link";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||
import { useProductCatalog } from "@/hooks/useProductCatalog";
|
||||
import { Briefcase, Shirt } from "lucide-react";
|
||||
|
||||
export default function ShopPage() {
|
||||
const {
|
||||
products,
|
||||
isLoading,
|
||||
search,
|
||||
setSearch,
|
||||
filters,
|
||||
} = useProductCatalog({ basePath: "/shop" });
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="sharp"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="STREET SIDE URBAN"
|
||||
navItems={[
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Collections", id: "/collections" },
|
||||
{ name: "Lookbook", id: "/lookbook" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Drop Archive", href: "/drops" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="sharp"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleCentered
|
||||
brandName="STREET SIDE URBAN"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Lookbook", id: "lookbook" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => console.log("cart") }}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<p className="text-foreground">Loading products...</p>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="STREET SIDE URBAN"
|
||||
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms & Returns", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
<div id="featured-drop" data-section="featured-drop">
|
||||
<ProductCardThree
|
||||
title="FULL COLLECTION"
|
||||
description="Every piece available. From essentials to statement pieces. All engineered for the disciplined lifestyle."
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "SSU Heavyweight Hoodie", price: "$185", imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "SSU Heavyweight Hoodie in black"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Essential Tee", price: "$65", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg", imageAlt: "Essential Tee collection"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Structured Jacket", price: "$295", imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg", imageAlt: "Structured Jacket outerwear"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Canvas Cap", price: "$45", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg", imageAlt: "Canvas Cap accessory"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Premium Joggers", price: "$125", imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "Premium Joggers"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Limited Logo Tee", price: "$75", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg", imageAlt: "Limited Logo Tee"
|
||||
},
|
||||
{
|
||||
id: "7", name: "Technical Pants", price: "$165", imageSrc: "https://img.b2bpic.net/free-photo/young-black-spanish-male-friends-standing-front-blue-metal-gate_181624-57919.jpg", imageAlt: "Technical Pants"
|
||||
},
|
||||
{
|
||||
id: "8", name: "Utility Vest", price: "$135", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg", imageAlt: "Utility Vest"
|
||||
},
|
||||
{
|
||||
id: "9", name: "SSU Track Shorts", price: "$85", imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "SSU Track Shorts"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="sharp"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleCentered
|
||||
brandName="STREET SIDE URBAN"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Lookbook", id: "lookbook" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => console.log("cart") }}
|
||||
/>
|
||||
</div>
|
||||
<div id="productCatalog" data-section="productCatalog">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={products}
|
||||
searchValue={search}
|
||||
onSearchChange={setSearch}
|
||||
searchPlaceholder="Search products..."
|
||||
filters={filters}
|
||||
emptyMessage="No products found"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="STREET SIDE URBAN"
|
||||
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms & Returns", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
<div id="collections" data-section="collections">
|
||||
<FeatureHoverPattern
|
||||
title="SHOP BY CATEGORY"
|
||||
description="Navigate our collection with precision. Each category represents a core element of the SSU philosophy."
|
||||
features={[
|
||||
{
|
||||
icon: Shirt,
|
||||
title: "Hoodies", description: "Premium heavyweight constructions. 450gsm cotton fleece engineered for structure and longevity."
|
||||
},
|
||||
{
|
||||
icon: Shirt,
|
||||
title: "Tees", description: "Essential wardrobe foundations. Minimal graphics, maximum impact. Designed to layer and last."
|
||||
},
|
||||
{
|
||||
icon: Shirt,
|
||||
title: "Outerwear", description: "Architectural layering pieces. Built with intention for urban movement and climatic control."
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Accessories", description: "Functional, minimal accessories. Bags, caps, and gear built for the disciplined lifestyle."
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-products" data-section="featured-products">
|
||||
<ProductCardThree
|
||||
title="FEATURED ESSENTIALS"
|
||||
description="Core pieces that define the SSU standard. Built to last, designed to perform."
|
||||
products={[
|
||||
{
|
||||
id: "10", name: "SSU Core Hoodie", price: "$155", imageSrc: "https://img.b2bpic.net/free-photo/person-suffering-from-bullying_23-2149155404.jpg", imageAlt: "SSU Core Hoodie"
|
||||
},
|
||||
{
|
||||
id: "11", name: "Foundation Tee", price: "$55", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg", imageAlt: "Foundation Tee"
|
||||
},
|
||||
{
|
||||
id: "12", name: "Tactical Backpack", price: "$195", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-black-hoodie_23-2149359803.jpg", imageAlt: "Tactical Backpack"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterLogoReveal
|
||||
logoText="STREET SIDE URBAN"
|
||||
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms & Returns", href: "/terms" }}
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user