vula-projects/vula-90274496
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1c276dfa587dbf5cf3e7387914dcf103400794fc
vula-90274496/vula-index.json
T
Vula Builder 0080dfb304 Deploy
2026-07-31 14:12:27 +00:00

576 lines
20 KiB
JSON
Raw Blame History

{
"projectName": "iKhaya Home",
"businessType": "",
"industry": "",
"tone": "",
"tier": 3,
"generatedAt": "2026-07-31T13:51:44.277Z",
"sections": [
{
"name": "HeroSection",
"importPath": "@/components/sections/HeroSection",
"position": 0,
"role": "hero",
"hasImage": true,
"hasForm": false,
"itemCount": 3,
"layout": "flex-row",
"headings": [],
"buttonLabels": [],
"people": [],
"allText": [
"next/image",
"next/link",
"hero",
"relative min-h-[88vh] text-white",
"iKhaya Home",
"absolute inset-0 object-cover",
"100vw",
"absolute inset-0",
"linear-gradient(135deg, #ea580c, #6b8e23)",
"absolute inset-0 bg-gradient-to-t from-black/60 via-black/30 to-black/10",
"relative z-10 flex flex-col items-center justify-center min-h-[88vh] text-center px-6",
"uppercase tracking-[0.1em] text-[12.5px] font-semibold text-white/70 mb-4",
"text-5xl lg:text-6xl font-extrabold tracking-[-0.02em] mb-6 max-w-4xl",
"A Durban-based online homeware brand offering handcrafted cushions, throws,",
"text-[#8b5a3c]",
"and ceramics.",
"text-lg lg:text-xl text-white/80 max-w-2xl mb-9",
"Professional online homeware store in South Africa.",
"inline-block bg-[#8b5a3c] text-white px-8 py-4 text-base font-bold rounded-xl shadow-lg hover:-translate-y-0.5 transition-all duration-200",
"Shop now"
]
},
{
"name": "IkayaStorySection",
"importPath": "@/components/sections/IkayaStorySection",
"position": 1,
"role": "blog",
"hasImage": true,
"hasForm": false,
"itemCount": -1,
"layout": "grid",
"headings": [
"Latest Posts",
"{d.title}"
],
"buttonLabels": [],
"people": [],
"allText": [
"use client",
"next/image",
"@/hooks/useVulaContent",
"posts",
"flex justify-center py-16",
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
"ikayastory",
"py-16 bg-gray-50",
"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8",
"text-center mb-10",
"text-3xl font-bold text-gray-900",
"Latest Posts",
"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",
"bg-white rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow",
"relative h-48",
"object-cover",
"p-6",
"text-xs font-semibold uppercase tracking-wide text-blue-600",
"mt-2 text-lg font-bold text-gray-900 leading-snug",
"mt-2 text-gray-600 text-sm line-clamp-3",
"mt-4 text-xs text-gray-400",
"By"
],
"cmsCollection": "posts"
},
{
"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/useVulaCart",
"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": "MostPopularSection",
"importPath": "@/components/sections/MostPopularSection",
"position": 3,
"role": "unknown",
"hasImage": false,
"hasForm": false,
"itemCount": 12,
"layout": "grid",
"headings": [
"Most Popular"
],
"buttonLabels": [],
"people": [],
"allText": [
"use client",
"react",
"@/hooks/useVulaCart",
"@/hooks/useProducts",
"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": "AdvertBannerSection",
"importPath": "@/components/sections/AdvertBannerSection",
"position": 4,
"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": "ProductCarouselSection",
"importPath": "@/components/sections/ProductCarouselSection",
"position": 5,
"role": "services",
"hasImage": true,
"hasForm": false,
"itemCount": 4,
"layout": "flex-row",
"headings": [
"{section.title}"
],
"buttonLabels": [],
"people": [],
"allText": [
"next/image",
"next/link",
"@/lib/cms",
"KSh",
"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": 6,
"role": "partners",
"hasImage": false,
"hasForm": false,
"itemCount": 3,
"layout": "flex-row",
"headings": [
"Shop by Category"
],
"buttonLabels": [],
"people": [],
"allText": [
"next/link",
"py-10 px-4",
"max-w-7xl mx-auto",
"text-xl font-bold mb-5",
"Shop by Category",
"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 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": "FindYourIkayaStyleSection",
"importPath": "@/components/sections/FindYourIkayaStyleSection",
"position": 7,
"role": "unknown",
"hasImage": true,
"hasForm": false,
"itemCount": 5,
"layout": "flex-row",
"headings": [
"Ready to bring iKhaya into your home?"
],
"buttonLabels": [],
"people": [],
"allText": [
"use client",
"next/image",
"next/link",
"lucide-react",
"findyourikayastyle",
"find-your-style",
"relative overflow-hidden bg-[#21140d]",
"relative h-[70vh] lg:h-[80vh]",
"Sunlit Durban lounge styled with iKhaya cushions, throws and ceramics",
"100vw",
"object-cover opacity-80",
"absolute inset-0 bg-gradient-to-r from-[#21140d]/75 via-[#21140d]/30 to-transparent",
"absolute inset-0 flex items-center",
"mx-auto w-full max-w-6xl px-4",
"max-w-xl",
"mb-3 text-sm font-semibold uppercase tracking-widest text-[#e2d9d4]",
"The iKhaya Edit",
"font-display text-4xl leading-tight text-white sm:text-5xl lg:text-6xl",
"Ready to bring iKhaya into your home?",
"mt-6 mb-8 max-w-md text-lg text-[#f9f5f4]/90",
"Shop handcrafted cushions, throws and ceramics made by Durban artisans — shipped nationwide.",
"inline-flex items-center gap-2 rounded-xl bg-[#ea580c] px-6 py-3.5 text-base font-semibold text-white transition-all duration-200 ease-out hover:gap-3 hover:bg-[#c24a0a]",
"Explore the collection",
"h-5 w-5"
]
},
{
"name": "KhulumaNathiSection",
"importPath": "@/components/sections/KhulumaNathiSection",
"position": 8,
"role": "unknown",
"hasImage": false,
"hasForm": true,
"itemCount": -1,
"layout": "grid",
"headings": [
"Tell us about your space — we’re listening.",
"Send us a note"
],
"buttonLabels": [],
"people": [],
"allText": [
"use client",
"react",
"lucide-react",
"@/components/ui/Button",
"@/components/ui/Input",
"@/hooks/useVulaContent",
"27825550147",
"hello@ikhayahome.co.za",
"business_hours",
"flex justify-center py-16",
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
"contact",
"khulumanathi",
"bg-[#f9f5f4] py-20 px-4",
"mx-auto grid max-w-6xl gap-12 lg:grid-cols-2 lg:items-start",
"text-sm font-semibold uppercase tracking-widest text-[#8b5a3c]",
"Khuluma nathi",
"mt-2 font-display text-4xl leading-tight text-[#21140d]",
"Tell us about your space — we’re listening.",
"mt-4 mb-8 text-[#5b463a]",
"Need help choosing cushion colours or ceramic finishes? Our Durban studio replies within one working day.",
"space-y-4",
"_blank",
"noreferrer",
"flex items-center gap-4 rounded-2xl border border-[#e2d9d4] bg-white p-4 transition-all duration-200 ease-out hover:border-[#6b8e23] hover:shadow-md",
"h-6 w-6 text-[#6b8e23]",
"block text-sm text-[#8b5a3c]",
"WhatsApp us",
"font-semibold text-[#21140d]",
"Chat to the studio",
"flex items-center gap-4 rounded-2xl border border-[#e2d9d4] bg-white p-4 transition-all duration-200 ease-out hover:border-[#ea580c] hover:shadow-md",
"h-6 w-6 text-[#ea580c]",
"Email us",
"mt-8 rounded-2xl border border-[#e2d9d4] bg-white/70 p-6",
"mb-4 flex items-center gap-2 font-display text-xl text-[#21140d]",
"h-5 w-5 text-[#ea580c]",
"Trading hours",
"divide-y divide-[#e2d9d4]",
"flex items-center justify-between py-2 text-sm",
"text-[#21140d]",
"font-medium text-[#6b8e23]",
"Closed",
"mt-3 text-xs text-[#8b5a3c]",
"Open on public holidays — call ahead to confirm.",
"rounded-2xl border border-[#e2d9d4] bg-white p-6 shadow-lg sm:p-8",
"font-display text-2xl text-[#21140d]",
"Send us a note",
"mt-1 mb-6 text-sm text-[#5b463a]",
"No question is too small.",
"Your name"
],
"cmsCollection": "business_hours"
},
{
"name": "IkayaMailSection",
"importPath": "@/components/sections/IkayaMailSection",
"position": 9,
"role": "unknown",
"hasImage": false,
"hasForm": true,
"itemCount": 2,
"layout": "flex-row",
"headings": [
"Join the iKhaya family"
],
"buttonLabels": [
"Sign me up"
],
"people": [],
"allText": [
"use client",
"react",
"lucide-react",
"@/components/ui/Button",
"@/components/ui/Input",
"ikayamail",
"newsletter",
"bg-[#8b5a3c] px-4 py-16",
"mx-auto max-w-3xl rounded-3xl border border-[#e2d9d4] bg-white p-8 text-center shadow-lg sm:p-12",
"mx-auto mb-4 inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-[#f9f5f4] text-[#ea580c]",
"h-6 w-6",
"font-display text-3xl text-[#21140d] sm:text-4xl",
"Join the iKhaya family",
"mx-auto mt-3 mb-8 max-w-xl text-[#5b463a]",
"First access to new artisan collections, design inspiration from Durban, and the stories behind every hand-painted pattern. No hard sell — just an invitation to stay connected.",
"font-semibold text-[#6b8e23]",
"Sawubona! Check your inbox to confirm your welcome note.",
"mx-auto flex max-w-md flex-col gap-3 sm:flex-row",
"email",
"Your email address",
"flex-1",
"submit",
"default",
"Sign me up"
]
},
{
"name": "iKhayaHeroSection",
"importPath": "@/components/sections/iKhayaHeroSection",
"position": 99,
"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",
"ikhayahero",
"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": "iKhayaOffersSection",
"importPath": "@/components/sections/iKhayaOffersSection",
"position": 99,
"role": "cms-campaigns",
"hasImage": true,
"hasForm": false,
"itemCount": -1,
"layout": "flex-row",
"headings": [
"{d.headline}"
],
"buttonLabels": [],
"people": [],
"allText": [
"use client",
"next/image",
"@/hooks/useVulaContent",
"campaigns",
"flex justify-center py-16",
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
"ikhayaoffers",
"py-16 bg-gray-900 text-white",
"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10",
"relative overflow-hidden rounded-2xl shadow-xl min-h-[320px] flex items-end",
"object-cover opacity-40",
"relative z-10 p-8 sm:p-12 max-w-2xl",
"text-xs font-bold uppercase tracking-widest text-yellow-400 mb-2",
"text-3xl sm:text-4xl font-bold mb-3",
"text-gray-200 mb-6 leading-relaxed",
"px-8 py-3 bg-yellow-400 text-gray-900 font-bold rounded-full hover:bg-yellow-300 transition-colors"
],
"cmsCollection": "campaigns"
},
{
"name": "UmuziGallerySection",
"importPath": "@/components/sections/UmuziGallerySection",
"position": 99,
"role": "gallery",
"hasImage": true,
"hasForm": false,
"itemCount": -1,
"layout": "grid",
"headings": [
"Gallery"
],
"buttonLabels": [],
"people": [],
"allText": [
"use client",
"next/image",
"@/hooks/useVulaContent",
"gallery",
"flex justify-center py-16",
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
"umuzigallery",
"py-16 bg-white",
"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8",
"text-center mb-10",
"text-3xl font-bold text-gray-900",
"Gallery",
"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4",
"group relative aspect-square rounded-xl overflow-hidden bg-gray-100",
"object-cover group-hover:scale-110 transition-transform duration-500",
"absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-end p-3",
"text-white text-sm font-medium"
],
"cmsCollection": "gallery"
},
{
"name": "iKhayaCollectionsSection",
"importPath": "@/components/sections/iKhayaCollectionsSection",
"position": 99,
"role": "unknown",
"hasImage": true,
"hasForm": false,
"itemCount": -1,
"layout": "grid",
"headings": [
"{title}"
],
"buttonLabels": [],
"people": [],
"allText": [
"use client",
"next/image",
"@/hooks/useVulaContent",
"product_carousels",
"flex justify-center py-16",
"w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
"ikhayacollections",
"py-16 bg-white",
"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8",
"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",
"bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow border border-gray-100",
"relative h-48",
"object-cover",
"p-5",
"font-semibold text-gray-900 mb-2",
"text-gray-600 text-sm"
],
"cmsCollection": "product_carousels"
}
],
"navigationLinks": [
"iKhaya Home",
"Home",
"Ikaya Story",
"i Khaya Offers",
"Umuzi Gallery",
"i Khaya Collections",
"Khuluma Nathi",
"Products",
"My Account"
]
}
Reference in New Issue View Git Blame Copy Permalink