Vula Builder
668 lines
24 KiB
JSON
668 lines
24 KiB
JSON
{
|
||
"projectName": "Mzansi Urban",
|
||
"businessType": "",
|
||
"industry": "",
|
||
"tone": "",
|
||
"tier": 3,
|
||
"generatedAt": "2026-07-27T18:04:36.723Z",
|
||
"sections": [
|
||
{
|
||
"name": "HeroSection",
|
||
"importPath": "@/components/sections/HeroSection",
|
||
"position": 0,
|
||
"role": "hero",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": -1,
|
||
"layout": "flex-row",
|
||
"headings": [
|
||
"{d.title}"
|
||
],
|
||
"buttonLabels": [],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"next/image",
|
||
"@/hooks/useVulaContent",
|
||
"hero_banners",
|
||
"flex justify-center py-16",
|
||
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
|
||
"hero",
|
||
"relative overflow-hidden bg-gray-900 text-white",
|
||
"relative min-h-[480px] flex items-center",
|
||
"object-cover opacity-40",
|
||
"relative z-10 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-24",
|
||
"text-4xl sm:text-5xl font-bold mb-4 max-w-2xl",
|
||
"text-xl text-gray-200 mb-8 max-w-xl",
|
||
"inline-flex items-center px-8 py-3 bg-white text-gray-900 font-bold rounded-full hover:bg-gray-100 transition-colors"
|
||
],
|
||
"cmsCollection": "hero_banners"
|
||
},
|
||
{
|
||
"name": "BrandStorySection",
|
||
"importPath": "@/components/sections/BrandStorySection",
|
||
"position": 1,
|
||
"role": "about",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": 5,
|
||
"layout": "grid",
|
||
"headings": [],
|
||
"buttonLabels": [
|
||
"Explore the Collection"
|
||
],
|
||
"people": [],
|
||
"allText": [
|
||
"@/components/ui/Button",
|
||
"next/image",
|
||
"next/link",
|
||
"brandstory",
|
||
"brand-story",
|
||
"bg-[#101418] py-16 lg:py-24",
|
||
"max-w-7xl mx-auto px-4 lg:px-8 grid lg:grid-cols-2 gap-8 items-center",
|
||
"relative h-[400px] lg:h-[500px] overflow-hidden border-2 border-white/20 shadow-[6px_6px_0_0_#16a34a]",
|
||
"Soweto streets - Mzansi Urban roots",
|
||
"(max-width: 1024px) 100vw, 50vw",
|
||
"object-cover",
|
||
"absolute inset-0 bg-gradient-to-t from-black/60 to-transparent",
|
||
"text-white space-y-6",
|
||
"text-4xl md:text-5xl font-[900] uppercase tracking-tight leading-tight",
|
||
"From Vilakazi Street",
|
||
"block text-[#16a34a]",
|
||
"to the World",
|
||
"w-16 h-1 bg-[#16a34a]",
|
||
"text-lg md:text-xl leading-relaxed text-white/80",
|
||
"Mzansi Urban was born in Soweto — where shweshwe prints meet raw street energy.\n We take the bold patterns our grandmothers wore and remix them into hoodies, caps,\n and tees that speak township swagger. Every drop is limited — once it's gone, it's\n gone. No restocks, just originals.",
|
||
"text-base md:text-lg text-white/60",
|
||
"Our crew of designers and artisans work out of a small workshop on Vilakazi Street,\n hand‑checking every stitch. When you wear Mzansi Urban, you're not just wearing a\n print — you're wearing a piece of Soweto's story.",
|
||
"outline",
|
||
"lg",
|
||
"border-2 border-white text-white hover:bg-[#16a34a] hover:border-[#16a34a] uppercase tracking-wider shadow-[4px_4px_0_0_#16a34a]",
|
||
"Explore the Collection"
|
||
]
|
||
},
|
||
{
|
||
"name": "FeaturedProductsSection",
|
||
"importPath": "@/components/sections/FeaturedProductsSection",
|
||
"position": 2,
|
||
"role": "services",
|
||
"hasImage": false,
|
||
"hasForm": false,
|
||
"itemCount": 11,
|
||
"layout": "grid",
|
||
"headings": [
|
||
"Featured Products"
|
||
],
|
||
"buttonLabels": [],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"@/hooks/useFeaturedProducts",
|
||
"next/link",
|
||
"lucide-react",
|
||
"@/hooks/useMedusaCart",
|
||
"KSh",
|
||
"py-20",
|
||
"container mx-auto px-4",
|
||
"grid grid-cols-2 md:grid-cols-4 gap-6",
|
||
"aspect-square rounded-xl bg-muted animate-pulse",
|
||
"featuredproducts",
|
||
"flex items-center justify-between mb-10",
|
||
"text-xs uppercase tracking-widest text-primary font-semibold mb-1",
|
||
"Curated for You",
|
||
"text-3xl font-bold text-foreground",
|
||
"Featured Products",
|
||
"text-sm font-semibold text-primary hover:underline underline-offset-4",
|
||
"View all →",
|
||
"group bg-card rounded-xl overflow-hidden border border-border hover:shadow-md transition-all",
|
||
"block",
|
||
"relative aspect-square bg-muted",
|
||
"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",
|
||
"w-full h-full flex items-center justify-center",
|
||
"h-8 w-8 text-muted-foreground/30",
|
||
"p-4",
|
||
"text-sm font-semibold text-foreground line-clamp-2 mb-1 hover:text-primary transition-colors",
|
||
"text-sm font-bold text-primary mb-3",
|
||
"cart-drawer-open",
|
||
"w-full text-xs bg-primary/10 text-primary hover:bg-primary hover:text-primary-foreground py-2 rounded-lg transition-colors font-medium disabled:opacity-40",
|
||
"Add to Cart"
|
||
]
|
||
},
|
||
{
|
||
"name": "LimitedEditionDropsSection",
|
||
"importPath": "@/components/sections/LimitedEditionDropsSection",
|
||
"position": 3,
|
||
"role": "cms-campaigns",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": -1,
|
||
"layout": "grid",
|
||
"headings": [
|
||
"{d.headline || d.title}"
|
||
],
|
||
"buttonLabels": [],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"@/hooks/useVulaContent",
|
||
"next/image",
|
||
"next/link",
|
||
"@/components/ui/Button",
|
||
"@/components/ui/Badge",
|
||
"campaigns",
|
||
"flex justify-center py-16",
|
||
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
|
||
"limited-drops",
|
||
"limitededitiondrops",
|
||
"py-20 bg-[#18181b] text-white",
|
||
"container mx-auto px-4",
|
||
"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center",
|
||
"space-y-6",
|
||
"outline",
|
||
"border-[#16a34a] text-[#16a34a] uppercase text-xs",
|
||
"Limited Drop",
|
||
"text-5xl lg:text-6xl font-black uppercase leading-tight",
|
||
"text-lg text-gray-300 leading-relaxed",
|
||
"default",
|
||
"lg",
|
||
"bg-[#16a34a] text-white hover:bg-[#138a3e]",
|
||
"border-t-2 border-[#16a34a] pt-4 flex items-center gap-2 text-sm uppercase tracking-wider",
|
||
"text-[#16a34a]",
|
||
"✓",
|
||
"One-time drop — never restocked",
|
||
"relative aspect-[4/5] overflow-hidden border-2 border-white shadow-[6px_6px_0_0_#16a34a]",
|
||
"Limited edition drop",
|
||
"(max-width: 1024px) 100vw, 50vw",
|
||
"object-cover hover:scale-105 transition-transform duration-500 ease-out"
|
||
],
|
||
"cmsCollection": "campaigns"
|
||
},
|
||
{
|
||
"name": "NewArrivalsSection",
|
||
"importPath": "@/components/sections/NewArrivalsSection",
|
||
"position": 4,
|
||
"role": "unknown",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": -1,
|
||
"layout": "flex-row",
|
||
"headings": [
|
||
"New Arrivals"
|
||
],
|
||
"buttonLabels": [
|
||
"Shop",
|
||
"View All Drops"
|
||
],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"@/hooks/useVulaContent",
|
||
"next/image",
|
||
"next/link",
|
||
"@/components/ui/Card",
|
||
"@/components/ui/Badge",
|
||
"@/components/ui/Button",
|
||
"product_carousels",
|
||
"flex justify-center py-16",
|
||
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
|
||
"new-arrivals",
|
||
"newarrivals",
|
||
"py-20 bg-white",
|
||
"container mx-auto px-4",
|
||
"text-center mb-12",
|
||
"bg-[#16a34a] text-white mb-4",
|
||
"Fresh Drops",
|
||
"text-4xl md:text-5xl font-black uppercase text-[#18181b]",
|
||
"New Arrivals",
|
||
"text-gray-600 mt-2 max-w-xl mx-auto",
|
||
"Straight from the design studio to the pavement.",
|
||
"flex overflow-x-auto gap-6 pb-4 snap-x snap-mandatory scrollbar-hide",
|
||
"min-w-[280px] snap-start border-2 border-[#e7eaef] shadow-[4px_4px_0_0_#18181b] hover:shadow-[6px_6px_0_0_#16a34a] transition-all duration-200",
|
||
"relative aspect-square overflow-hidden",
|
||
"New arrival",
|
||
"280px",
|
||
"object-cover hover:scale-105 transition-transform duration-500 ease-out",
|
||
"w-full h-full bg-gray-100 flex items-center justify-center text-gray-400",
|
||
"No Image",
|
||
"p-4",
|
||
"text-lg font-bold uppercase text-[#18181b]",
|
||
"text-sm text-gray-500 mt-1 line-clamp-2",
|
||
"flex items-center justify-between mt-3",
|
||
"text-xl font-black text-[#16a34a]",
|
||
"text-sm font-semibold uppercase tracking-wider border-2 border-[#18181b] px-3 py-1.5 hover:bg-[#16a34a] hover:text-white hover:border-[#16a34a] transition-all",
|
||
"Shop",
|
||
"text-center mt-8",
|
||
"outline",
|
||
"border-2 border-[#18181b] text-[#18181b] hover:bg-[#18181b] hover:text-white uppercase font-bold",
|
||
"View All Drops"
|
||
],
|
||
"cmsCollection": "product_carousels"
|
||
},
|
||
{
|
||
"name": "MostPopularSection",
|
||
"importPath": "@/components/sections/MostPopularSection",
|
||
"position": 5,
|
||
"role": "unknown",
|
||
"hasImage": false,
|
||
"hasForm": false,
|
||
"itemCount": 12,
|
||
"layout": "grid",
|
||
"headings": [
|
||
"Most Popular"
|
||
],
|
||
"buttonLabels": [],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"react",
|
||
"@/hooks/useMedusaCart",
|
||
"@/hooks/useMedusaProducts",
|
||
"next/link",
|
||
"lucide-react",
|
||
"KSh",
|
||
"py-20",
|
||
"container mx-auto px-4",
|
||
"grid grid-cols-2 md:grid-cols-4 gap-6",
|
||
"aspect-square rounded-xl bg-muted animate-pulse",
|
||
"mostpopular",
|
||
"flex items-center justify-between mb-10",
|
||
"flex items-center gap-3",
|
||
"h-6 w-6 text-primary",
|
||
"text-xs uppercase tracking-widest text-primary font-semibold mb-1",
|
||
"Best Sellers",
|
||
"text-3xl font-bold text-foreground",
|
||
"Most Popular",
|
||
"text-sm font-semibold text-primary hover:underline underline-offset-4 hidden md:inline-flex items-center gap-1",
|
||
"View all →",
|
||
"grid grid-cols-2 lg:grid-cols-4 gap-6",
|
||
"group bg-card rounded-xl overflow-hidden border border-border hover:shadow-md transition-all relative",
|
||
"absolute top-2 left-2 z-10 bg-primary text-primary-foreground text-xs font-semibold px-2 py-0.5 rounded-full",
|
||
"Best Seller",
|
||
"block overflow-hidden",
|
||
"relative aspect-square bg-muted",
|
||
"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300",
|
||
"w-full h-full flex items-center justify-center",
|
||
"h-8 w-8 text-muted-foreground/30",
|
||
"p-4",
|
||
"text-sm font-semibold text-foreground line-clamp-2 mb-1 hover:text-primary transition-colors",
|
||
"text-sm font-bold text-primary mb-3",
|
||
"cart-drawer-open",
|
||
"w-full text-xs bg-primary/10 text-primary hover:bg-primary hover:text-primary-foreground py-2 rounded-lg transition-colors font-medium disabled:opacity-40",
|
||
"Add to Cart"
|
||
]
|
||
},
|
||
{
|
||
"name": "ProductCarouselSection",
|
||
"importPath": "@/components/sections/ProductCarouselSection",
|
||
"position": 6,
|
||
"role": "services",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": 4,
|
||
"layout": "flex-row",
|
||
"headings": [
|
||
"{section.title}"
|
||
],
|
||
"buttonLabels": [],
|
||
"people": [],
|
||
"allText": [
|
||
"next/image",
|
||
"next/link",
|
||
"@/lib/cms",
|
||
"KSh",
|
||
"x-publishable-api-key",
|
||
"py-8 px-4",
|
||
"max-w-7xl mx-auto",
|
||
"text-xl font-bold mb-5",
|
||
"flex gap-4 overflow-x-auto pb-3 scrollbar-hide snap-x snap-mandatory",
|
||
"flex-none snap-start w-44 group",
|
||
"relative h-44 w-44 rounded-xl overflow-hidden bg-muted mb-2 group-hover:shadow-md transition-shadow",
|
||
"object-cover group-hover:scale-105 transition-transform duration-300",
|
||
"w-full h-full flex items-center justify-center text-muted-foreground text-xs",
|
||
"No image",
|
||
"text-xs font-medium line-clamp-2 group-hover:text-primary transition-colors mb-1",
|
||
"text-xs font-bold text-primary"
|
||
]
|
||
},
|
||
{
|
||
"name": "BrandCarouselSection",
|
||
"importPath": "@/components/sections/BrandCarouselSection",
|
||
"position": 7,
|
||
"role": "partners",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": 4,
|
||
"layout": "flex-row",
|
||
"headings": [
|
||
"Shop by Collection"
|
||
],
|
||
"buttonLabels": [],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"react",
|
||
"next/link",
|
||
"next/image",
|
||
"py-10 px-4",
|
||
"max-w-7xl mx-auto",
|
||
"text-xl font-bold mb-5",
|
||
"Shop by Collection",
|
||
"flex gap-4 overflow-x-auto pb-3 scrollbar-hide snap-x snap-mandatory",
|
||
"flex-none snap-start w-36 group",
|
||
"relative h-36 w-36 rounded-2xl overflow-hidden bg-muted mb-2 group-hover:shadow-md transition-shadow",
|
||
"object-cover group-hover:scale-105 transition-transform duration-300",
|
||
"w-full h-full flex items-center justify-center text-3xl font-bold text-primary/30 uppercase",
|
||
"text-xs font-medium text-center line-clamp-2 group-hover:text-primary transition-colors"
|
||
]
|
||
},
|
||
{
|
||
"name": "StreetStyleLookbookSection",
|
||
"importPath": "@/components/sections/StreetStyleLookbookSection",
|
||
"position": 8,
|
||
"role": "gallery",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": -1,
|
||
"layout": "grid",
|
||
"headings": [
|
||
"Street Style Lookbook",
|
||
"{d.title || ''}"
|
||
],
|
||
"buttonLabels": [],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"@/hooks/useVulaContent",
|
||
"next/image",
|
||
"next/link",
|
||
"gallery",
|
||
"flex justify-center py-16",
|
||
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
|
||
"street-lookbook",
|
||
"streetstylelookbook",
|
||
"py-20 bg-[#f4f4f4]",
|
||
"container mx-auto px-4",
|
||
"text-center mb-12",
|
||
"text-[#16a34a] font-bold uppercase tracking-widest text-sm",
|
||
"Soweto Stories",
|
||
"text-4xl md:text-5xl font-black uppercase text-[#18181b] mt-2",
|
||
"Street Style Lookbook",
|
||
"text-gray-600 mt-2",
|
||
"Real people, real fits, real streets.",
|
||
"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",
|
||
"relative group overflow-hidden border-2 border-[#18181b] shadow-[4px_4px_0_0_#16a34a] break-inside-avoid",
|
||
"aspect-[3/4] relative",
|
||
"Street style look",
|
||
"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw",
|
||
"object-cover grayscale group-hover:grayscale-0 transition-all duration-300",
|
||
"w-full h-full bg-gray-200 flex items-center justify-center text-gray-400",
|
||
"No Image",
|
||
"absolute inset-0 bg-gradient-to-t from-black/70 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-4",
|
||
"text-white font-bold uppercase text-lg",
|
||
"text-gray-200 text-sm mt-1 line-clamp-2",
|
||
"mt-2 inline-block text-[#16a34a] font-bold uppercase text-sm",
|
||
"Shop Look →",
|
||
"absolute top-2 left-2 w-12 h-2 bg-[#16a34a] rotate-[-5deg]",
|
||
"p-3 bg-white border-t-2 border-[#18181b]",
|
||
"font-bold text-[#18181b] uppercase text-sm truncate",
|
||
"Untitled"
|
||
],
|
||
"cmsCollection": "gallery"
|
||
},
|
||
{
|
||
"name": "AdvertBannerSection",
|
||
"importPath": "@/components/sections/AdvertBannerSection",
|
||
"position": 9,
|
||
"role": "hero",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": 4,
|
||
"layout": "flex-row",
|
||
"headings": [
|
||
"{headline}"
|
||
],
|
||
"buttonLabels": [],
|
||
"people": [],
|
||
"allText": [
|
||
"next/image",
|
||
"next/link",
|
||
"@/lib/cms",
|
||
"relative w-full overflow-hidden rounded-2xl my-8 mx-auto max-w-7xl px-4",
|
||
"relative h-64 md:h-80 w-full",
|
||
"object-cover rounded-2xl",
|
||
"absolute inset-0 bg-black/45 rounded-2xl",
|
||
"absolute inset-0 flex flex-col items-center justify-center text-center px-6 gap-3",
|
||
"text-2xl md:text-4xl font-bold text-white drop-shadow",
|
||
"text-sm md:text-base text-white/90",
|
||
"mt-2 inline-block bg-white text-black font-semibold px-6 py-2 rounded-full hover:bg-primary hover:text-white transition-colors text-sm",
|
||
"flex flex-col items-center justify-center gap-3 py-16 px-6 text-center bg-primary/10 rounded-2xl",
|
||
"text-2xl md:text-3xl font-bold",
|
||
"text-muted-foreground",
|
||
"inline-block bg-primary text-white font-semibold px-6 py-2 rounded-full hover:bg-primary/80 transition-colors text-sm"
|
||
]
|
||
},
|
||
{
|
||
"name": "ShopTheLookCTASection",
|
||
"importPath": "@/components/sections/ShopTheLookCTASection",
|
||
"position": 10,
|
||
"role": "cta",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": 2,
|
||
"layout": "grid",
|
||
"headings": [],
|
||
"buttonLabels": [
|
||
"Shop the Drop"
|
||
],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"next/image",
|
||
"next/link",
|
||
"@/components/ui/Button",
|
||
"shopthelookcta",
|
||
"shop-cta",
|
||
"grid grid-cols-1 md:grid-cols-2 min-h-[70vh] border-b-[3px] border-black",
|
||
"relative h-[50vh] md:h-auto overflow-hidden border-r-0 md:border-r-[3px] border-black",
|
||
"Urban streetwear look — Mzansi Urban",
|
||
"(max-width:768px) 100vw, 50vw",
|
||
"object-cover grayscale contrast-125",
|
||
"flex flex-col justify-center items-start p-8 md:p-16 bg-black text-white",
|
||
"text-5xl md:text-7xl font-['Archivo_Black'] uppercase leading-[0.9] tracking-tight mb-6",
|
||
"block",
|
||
"Own Your",
|
||
"block text-[#16a34a]",
|
||
"City.",
|
||
"Wear Your",
|
||
"2px #16a34a",
|
||
"transparent",
|
||
"Vibe.",
|
||
"text-lg md:text-xl font-mono uppercase mb-8 max-w-md text-[#e7eaef]",
|
||
"Limited drops. Real fabric. Soweto soul.",
|
||
"default",
|
||
"lg",
|
||
"bg-[#16a34a] text-black border-2 border-[#16a34a] shadow-[6px_6px_0_0_white] hover:shadow-[3px_3px_0_0_white] transition-all duration-200 ease-out uppercase tracking-widest text-sm",
|
||
"Shop the Drop"
|
||
]
|
||
},
|
||
{
|
||
"name": "FamShoutoutsSection",
|
||
"importPath": "@/components/sections/FamShoutoutsSection",
|
||
"position": 11,
|
||
"role": "unknown",
|
||
"hasImage": true,
|
||
"hasForm": false,
|
||
"itemCount": 3,
|
||
"layout": "grid",
|
||
"headings": [
|
||
"Fam Shoutouts"
|
||
],
|
||
"buttonLabels": [
|
||
"Tag us for a chance to be featured"
|
||
],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"next/image",
|
||
"lucide-react",
|
||
"Thandi M.",
|
||
"@thandi_in_the_hood",
|
||
"Mzansi Urban hoodie got me compliments all the way from Soweto to Sandton. This is not just a brand — it is a movement.",
|
||
"Lunga K.",
|
||
"@lunga_steez",
|
||
"My first African-print cap arrived and immediately became my signature piece. The quality tells you they care.",
|
||
"Naledi R.",
|
||
"@naledi_streetculture",
|
||
"Every drop sells out in hours. That is the energy. Mzansi Urban understands kasi culture like nobody else.",
|
||
"famshoutouts",
|
||
"fam-shoutouts",
|
||
"py-20 bg-[#18181b] text-white",
|
||
"container mx-auto px-4",
|
||
"text-center mb-12",
|
||
"text-[#16a34a] font-bold uppercase tracking-widest text-sm",
|
||
"Real Talk",
|
||
"text-4xl md:text-5xl font-black uppercase mt-2",
|
||
"Fam Shoutouts",
|
||
"text-gray-400 mt-2 max-w-md mx-auto",
|
||
"What the streets are saying about Mzansi Urban.",
|
||
"grid grid-cols-1 md:grid-cols-3 gap-8",
|
||
"border-2 border-[#16a34a] shadow-[4px_4px_0_0_#16a34a] p-6 bg-white text-[#18181b] flex flex-col items-center text-center",
|
||
"relative w-20 h-20 rounded-full overflow-hidden border-2 border-[#18181b] mb-4",
|
||
"80px",
|
||
"object-cover",
|
||
"flex gap-1 text-yellow-500 mb-3",
|
||
"w-4 h-4 fill-current",
|
||
"italic leading-relaxed mb-4",
|
||
"“",
|
||
"”",
|
||
"font-bold uppercase text-sm",
|
||
"text-xs text-gray-500",
|
||
"text-center mt-10",
|
||
"_blank",
|
||
"noopener noreferrer",
|
||
"inline-block border-2 border-white px-6 py-3 font-bold uppercase tracking-wider hover:bg-[#16a34a] hover:border-[#16a34a] transition-all",
|
||
"Tag us for a chance to be featured"
|
||
]
|
||
},
|
||
{
|
||
"name": "NewsletterSection",
|
||
"importPath": "@/components/sections/NewsletterSection",
|
||
"position": 12,
|
||
"role": "blog",
|
||
"hasImage": false,
|
||
"hasForm": true,
|
||
"itemCount": 1,
|
||
"layout": "flex-row",
|
||
"headings": [],
|
||
"buttonLabels": [
|
||
"Join"
|
||
],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"react",
|
||
"@/components/ui/Button",
|
||
"@/components/ui/Input",
|
||
"newsletter",
|
||
"bg-black border-y-[3px] border-[#16a34a] py-20 px-6",
|
||
"max-w-4xl mx-auto text-center",
|
||
"text-4xl md:text-6xl font-['Archivo_Black'] uppercase text-white mb-4",
|
||
"Join the",
|
||
"text-[#16a34a]",
|
||
"Inner",
|
||
"Circle",
|
||
"text-lg md:text-xl font-mono text-[#e7eaef] mb-10 max-w-2xl mx-auto",
|
||
"First access to drops, secret sales, and street culture. No spam, just the real.",
|
||
"text-[#16a34a] text-xl font-bold uppercase",
|
||
"You're in. Check your inbox for the invite.",
|
||
"flex flex-col sm:flex-row gap-4 max-w-md mx-auto",
|
||
"email",
|
||
"Your email address",
|
||
"flex-1 bg-white text-black border-2 border-[#16a34a] placeholder-gray-500 px-4 py-3 text-sm uppercase tracking-wider",
|
||
"default",
|
||
"lg",
|
||
"submit",
|
||
"bg-[#16a34a] text-black border-2 border-[#16a34a] shadow-[4px_4px_0_0_white] hover:shadow-[2px_2px_0_0_white] transition-all duration-200 ease-out uppercase tracking-widest text-sm",
|
||
"Join"
|
||
]
|
||
},
|
||
{
|
||
"name": "ContactSection",
|
||
"importPath": "@/components/sections/ContactSection",
|
||
"position": 13,
|
||
"role": "contact",
|
||
"hasImage": false,
|
||
"hasForm": true,
|
||
"itemCount": 9,
|
||
"layout": "grid",
|
||
"headings": [
|
||
"Get in Touch",
|
||
"Mzansi Urban Studio Location"
|
||
],
|
||
"buttonLabels": [
|
||
"Send",
|
||
"WhatsApp Us"
|
||
],
|
||
"people": [],
|
||
"allText": [
|
||
"use client",
|
||
"react",
|
||
"lucide-react",
|
||
"@/components/ui/Button",
|
||
"@/components/ui/Input",
|
||
"123 Vilakazi Street, Orlando West, Soweto, 1804",
|
||
"+27 11 123 4567",
|
||
"info@mzansiurban.co.za",
|
||
"contact",
|
||
"bg-white border-t-[3px] border-black py-20 px-6",
|
||
"max-w-6xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12",
|
||
"text-4xl md:text-5xl font-['Archivo_Black'] uppercase text-black mb-4",
|
||
"Get in Touch",
|
||
"font-mono text-sm uppercase text-[#101418] mb-8",
|
||
"Collabs, stockist enquiries, or just to holler.",
|
||
"text-[#16a34a] font-bold text-lg uppercase",
|
||
"Message received. We'll hit you back within 48 hours.",
|
||
"space-y-6",
|
||
"text",
|
||
"Your name",
|
||
"border-2 border-black bg-white text-black placeholder-gray-500 px-4 py-3 uppercase text-sm",
|
||
"email",
|
||
"Your email",
|
||
"Your message",
|
||
"w-full border-2 border-black bg-white text-black placeholder-gray-500 px-4 py-3 uppercase text-sm resize-none",
|
||
"default",
|
||
"lg",
|
||
"submit",
|
||
"bg-[#16a34a] text-black border-2 border-black shadow-[4px_4px_0_0_black] hover:shadow-[2px_2px_0_0_black] transition-all duration-200 ease-out uppercase tracking-widest text-sm",
|
||
"Send",
|
||
"mt-10 space-y-4 font-mono text-sm",
|
||
"flex items-center gap-3",
|
||
"w-5 h-5 text-[#16a34a]",
|
||
"text-black",
|
||
"_blank",
|
||
"noopener noreferrer",
|
||
"text-black underline hover:text-[#16a34a] transition-colors",
|
||
"WhatsApp Us",
|
||
"flex gap-6 mt-8",
|
||
"hover:text-[#16a34a] transition-colors",
|
||
"w-6 h-6 text-black",
|
||
"relative w-full min-h-[300px] lg:min-h-full border-[3px] border-black shadow-[6px_6px_0_0_black] overflow-hidden",
|
||
"100%",
|
||
"lazy",
|
||
"no-referrer-when-downgrade",
|
||
"Mzansi Urban Studio Location",
|
||
"absolute inset-0"
|
||
]
|
||
}
|
||
],
|
||
"navigationLinks": [
|
||
"Mzansi Urban",
|
||
"Home",
|
||
"Brand Story",
|
||
"Limited Edition Drops",
|
||
"New Arrivals",
|
||
"Street Style Lookbook",
|
||
"Contact",
|
||
"Products"
|
||
]
|
||
} |