diff --git a/vula-index.json b/vula-index.json
new file mode 100644
index 0000000..4e9f4d1
--- /dev/null
+++ b/vula-index.json
@@ -0,0 +1,610 @@
+{
+  "projectName": "Zama Salon",
+  "businessType": "salon",
+  "industry": "salon",
+  "tone": "",
+  "tier": 2,
+  "serviceType": "services",
+  "generatedAt": "2026-08-03T10:12:20.137Z",
+  "sections": [
+    {
+      "name": "HeroSection",
+      "importPath": "@/components/sections/HeroSection",
+      "position": 0,
+      "role": "hero",
+      "hasImage": true,
+      "hasForm": false,
+      "itemCount": 7,
+      "layout": "flex-row",
+      "headings": [],
+      "buttonLabels": [],
+      "people": [
+        "Zama Salon"
+      ],
+      "allText": [
+        "next/image",
+        "next/link",
+        "hero",
+        "relative",
+        "#0077BE",
+        "hidden md:block min-h-[82vh] relative text-white",
+        "absolute inset-0",
+        "polygon(0 0, 85% 0, 65% 100%, 0 100%)",
+        "Zama Salon",
+        "object-cover",
+        "100vw",
+        "absolute right-0 top-0 h-full w-[45%] flex flex-col justify-center px-10 lg:px-16",
+        "uppercase tracking-[0.12em] text-[12px] text-white/70 mb-4",
+        "text-4xl lg:text-5xl font-semibold tracking-[-0.02em] leading-[1.12] mb-6 max-w-4xl",
+        "A full-service Johannesburg salon that combines modern colouring, keratin",
+        "text-[#FFD700]",
+        "and perm.",
+        "text-base lg:text-lg text-white/75 mb-8 max-w-sm",
+        "Professional hair salon in South Africa.",
+        "w-fit",
+        "#contact",
+        "inline-block bg-[#0077BE] text-white px-9 py-4 text-[15px] font-semibold rounded-full shadow-xl hover:-translate-y-0.5 transition-all duration-200",
+        "Book an appointment",
+        "flex flex-col md:hidden text-white",
+        "relative h-72 w-full",
+        "px-8 py-10",
+        "text-3xl font-semibold tracking-[-0.02em] leading-[1.12] mb-6 max-w-4xl",
+        "text-base text-white/75 mb-6"
+      ]
+    },
+    {
+      "name": "SignatureServicesSection",
+      "importPath": "@/components/sections/SignatureServicesSection",
+      "position": 1,
+      "role": "services",
+      "hasImage": true,
+      "hasForm": false,
+      "itemCount": 13,
+      "layout": "grid",
+      "headings": [
+        "{service.title}",
+        "Find your exact service, see the price, book in minutes."
+      ],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "use client",
+        "next/image",
+        "next/link",
+        "lucide-react",
+        "@/components/ui/Card",
+        "@/components/ui/Badge",
+        "@/hooks/useProducts",
+        "KSh",
+        "zar",
+        "signatureservices",
+        "flex flex-col overflow-hidden rounded-xl bg-white shadow-md md:flex-row",
+        "relative h-44 w-full flex-shrink-0 md:min-h-full md:w-1/3",
+        "(max-width: 768px) 100vw, 33vw",
+        "object-cover",
+        "flex h-full w-full items-center justify-center bg-[#E8F4FD]",
+        "h-8 w-8 text-[#0077BE]",
+        "flex flex-1 flex-col justify-between gap-3 p-5",
+        "flex items-start justify-between gap-2",
+        "text-lg font-semibold text-[#1A2B3C]",
+        "secondary",
+        "whitespace-nowrap bg-[#FFD700]/20 text-[#1A2B3C]",
+        "On request",
+        "mt-2 line-clamp-2 text-sm text-[#1A2B3C]/70",
+        "flex items-center justify-between",
+        "text-xs text-[#1A2B3C]/50",
+        "From",
+        "Price on request",
+        "inline-flex items-center gap-1 text-sm font-semibold text-[#0077BE] transition-colors duration-200 hover:text-[#00A8CC]",
+        "Book this service",
+        "h-4 w-4",
+        "signature-services",
+        "bg-[#F0F8FF] py-20 lg:py-24",
+        "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",
+        "mb-12 max-w-2xl",
+        "mb-2 text-sm font-semibold uppercase tracking-widest text-[#00A8CC]",
+        "Signature services",
+        "text-3xl font-bold text-[#1A2B3C] lg:text-4xl",
+        "Find your exact service, see the price, book in minutes.",
+        "mt-4 max-w-[44ch] text-[#1A2B3C]/70",
+        "Cuts, colour, keratin, perms, braids and nails — each service priced transparently, each bookable in under a minute.",
+        "grid grid-cols-1 gap-6 md:grid-cols-2",
+        "h-48 animate-pulse rounded-xl bg-white shadow-sm",
+        "rounded-xl bg-white p-8 text-center text-[#1A2B3C]/60 shadow-sm",
+        "Our full service menu is being updated. Please check back soon."
+      ]
+    },
+    {
+      "name": "SalonStorySection",
+      "importPath": "@/components/sections/SalonStorySection",
+      "position": 2,
+      "role": "about",
+      "hasImage": true,
+      "hasForm": false,
+      "itemCount": 7,
+      "layout": "grid",
+      "headings": [
+        "From international training to a homecoming in Fourways."
+      ],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "use client",
+        "next/image",
+        "@/components/ui/Badge",
+        "salonstory",
+        "salon-story",
+        "bg-white py-20 lg:py-24",
+        "mx-auto grid max-w-7xl grid-cols-1 items-center gap-12 px-4 sm:px-6 lg:grid-cols-2 lg:px-8",
+        "relative mx-auto w-full max-w-lg",
+        "relative h-[420px] w-full overflow-hidden sm:h-[480px]",
+        "999px 999px 24px 24px",
+        "Zama Salon stylist team in Fourways",
+        "(max-width: 768px) 100vw, 50vw",
+        "object-cover",
+        "absolute -bottom-6 -right-4 rounded-2xl bg-[#0077BE] px-6 py-4 text-white shadow-lg",
+        "text-2xl font-bold text-[#FFD700]",
+        "8+",
+        "text-sm text-white/80",
+        "years in Fourways",
+        "mb-4 bg-[#00A8CC]/10 text-[#0077BE]",
+        "Est. 2016 · Fourways",
+        "text-3xl font-bold leading-tight text-[#1A2B3C] lg:text-4xl",
+        "From international training to a homecoming in Fourways.",
+        "mt-6 space-y-4 text-[#1A2B3C]/75 max-w-[52ch]",
+        "Founder Zama Nkosi spent eight years refining colour and keratin techniques in London and Milan before returning to Johannesburg to open a salon that treats African hair as the specialty it is.",
+        "Today Zama Salon blends Olaplex-backed colour work with hand-tied braiding and precision nail art — no more choosing between science and heritage.",
+        "mt-8 flex flex-wrap gap-3",
+        "African hair specialists",
+        "International colour",
+        "Nail studio",
+        "rounded-full bg-[#F0F8FF] px-4 py-2 text-sm font-medium text-[#1A2B3C]/80"
+      ]
+    },
+    {
+      "name": "SalonDifferenceSection",
+      "importPath": "@/components/sections/SalonDifferenceSection",
+      "position": 3,
+      "role": "unknown",
+      "hasImage": false,
+      "hasForm": false,
+      "itemCount": 3,
+      "layout": "grid",
+      "headings": [
+        "Why natural hair and colour live happily under one roof.",
+        "{item.title}"
+      ],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "use client",
+        "lucide-react",
+        "@/components/ui/Card",
+        "Every service, one address",
+        "Cuts, colour, keratin, braids, perms and nails happen under one Fourways roof — no more driving across Joburg on a Saturday.",
+        "Chemistry meets heritage",
+        "Olaplex and Wella colour systems work alongside hand-tied braiding and natural-hair care, so your texture sets the rules.",
+        "Trained in both worlds",
+        "Our stylists study international chemical techniques and African hair traditions — not just one trade.",
+        "salondifference",
+        "salon-difference",
+        "bg-[#F0F8FF] py-20 lg:py-24",
+        "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",
+        "mx-auto mb-14 max-w-2xl text-center",
+        "mb-2 text-sm font-semibold uppercase tracking-widest text-[#00A8CC]",
+        "What sets us apart",
+        "text-3xl font-bold text-[#1A2B3C] lg:text-4xl",
+        "Why natural hair and colour live happily under one roof.",
+        "mx-auto mt-4 h-1 w-16 rounded-full bg-[#FFD700]",
+        "grid grid-cols-1 gap-6 lg:grid-cols-3",
+        "flex flex-col overflow-hidden rounded-xl bg-white shadow-md md:flex-row",
+        "flex h-24 w-full flex-shrink-0 items-center justify-center bg-[#F0F8FF] md:h-auto md:w-1/3",
+        "h-8 w-8 text-[#0077BE]",
+        "flex-1 p-5",
+        "text-lg font-semibold text-[#1A2B3C]",
+        "mt-2 text-sm leading-relaxed text-[#1A2B3C]/70"
+      ]
+    },
+    {
+      "name": "CurrentOffersSection",
+      "importPath": "@/components/sections/CurrentOffersSection",
+      "position": 4,
+      "role": "cms-offers",
+      "hasImage": true,
+      "hasForm": false,
+      "itemCount": -1,
+      "layout": "grid",
+      "headings": [
+        "Fresh offers for hair, braids and nails",
+        "{d.title}"
+      ],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "use client",
+        "next/image",
+        "next/link",
+        "@/components/ui/Card",
+        "@/hooks/useVulaContent",
+        "lucide-react",
+        "number",
+        "string",
+        "offers",
+        "flex justify-center py-16",
+        "w-8 h-8 rounded-full border-2 border-[#0077BE] border-t-transparent animate-spin",
+        "current-offers",
+        "py-20 bg-[#F0F8FF]",
+        "mx-auto max-w-7xl px-4",
+        "max-w-2xl mb-10",
+        "text-sm font-medium text-[#00A8CC] mb-2",
+        "Fourways seasonal specials",
+        "text-3xl font-bold text-[#1A2B3C]",
+        "Fresh offers for hair, braids and nails",
+        "mt-3 text-[#1A2B3C]/70",
+        "Current promotions change with the season — book soon while spaces last.",
+        "grid gap-6 md:grid-cols-2",
+        "rounded-xl overflow-hidden bg-white shadow-md flex flex-col md:flex-row",
+        "relative h-48 w-full md:w-1/3 md:min-h-full flex-shrink-0 overflow-hidden",
+        "Salon offer",
+        "(max-width: 768px) 100vw, 33vw",
+        "object-cover",
+        "h-full w-full bg-[#00A8CC]/20",
+        "flex-1 p-5",
+        "text-xl font-bold text-[#1A2B3C]",
+        "mt-2 text-sm text-[#1A2B3C]/70",
+        "mt-4 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm",
+        "font-semibold text-[#0077BE]",
+        "inline-flex items-center gap-1 text-[#1A2B3C]/60",
+        "w-4 h-4",
+        "text-[#1A2B3C]/60",
+        "Valid until",
+        "mt-4 inline-flex items-center gap-1 rounded-full bg-[#FFD700] px-5 py-2.5 text-sm font-semibold text-black transition-all duration-200 ease-out hover:bg-[#FFD700]/90",
+        "Book this offer"
+      ],
+      "cmsCollection": "offers"
+    },
+    {
+      "name": "SalonGallerySection",
+      "importPath": "@/components/sections/SalonGallerySection",
+      "position": 5,
+      "role": "gallery",
+      "hasImage": true,
+      "hasForm": false,
+      "itemCount": -1,
+      "layout": "grid",
+      "headings": [
+        "Recent braids, colour and nail artistry",
+        "{d.title}"
+      ],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "use client",
+        "next/image",
+        "react",
+        "@/hooks/useVulaContent",
+        "@/components/ui/Badge",
+        "@/components/ui/Card",
+        "braid",
+        "Braids",
+        "colour",
+        "color",
+        "balayage",
+        "highlight",
+        "Colour",
+        "nail",
+        "mani",
+        "pedi",
+        "Nails",
+        "keratin",
+        "treatment",
+        "Treatments",
+        "cut",
+        "trim",
+        "Cuts",
+        "More",
+        "gallery",
+        "All",
+        "flex justify-center py-16",
+        "w-8 h-8 rounded-full border-2 border-[#0077BE] border-t-transparent animate-spin",
+        "salon-gallery",
+        "py-20 bg-white",
+        "mx-auto max-w-7xl px-4",
+        "max-w-2xl mb-10",
+        "text-sm font-medium text-[#00A8CC] mb-2",
+        "From the Fourways studio floor",
+        "text-3xl font-bold text-[#1A2B3C]",
+        "Recent braids, colour and nail artistry",
+        "mt-3 text-[#1A2B3C]/70",
+        "A quick look at transformations our clients took home this season.",
+        "flex flex-wrap gap-2 mb-8",
+        "bg-[#0077BE] border-[#0077BE] text-white",
+        "bg-white border-[#d4dadd] text-[#1A2B3C] hover:border-[#0077BE] hover:text-[#0077BE]",
+        "grid gap-6 md:grid-cols-2 lg:grid-cols-3",
+        "rounded-xl overflow-hidden bg-white shadow-md flex flex-col md:flex-row",
+        "relative h-48 w-full md:w-1/3 md:min-h-full flex-shrink-0 overflow-hidden",
+        "Salon result",
+        "(max-width: 768px) 100vw, 33vw",
+        "object-cover",
+        "h-full w-full bg-[#00A8CC]/20",
+        "flex-1 p-5",
+        "outline"
+      ],
+      "cmsCollection": "gallery"
+    },
+    {
+      "name": "ClientStoriesSection",
+      "importPath": "@/components/sections/ClientStoriesSection",
+      "position": 6,
+      "role": "testimonials",
+      "hasImage": false,
+      "hasForm": false,
+      "itemCount": 3,
+      "layout": "grid",
+      "headings": [
+        "Cared for by hands that listen"
+      ],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "Thandi M.",
+        "Knotless braids + copper colour",
+        "My knotless braids lasted eight weeks with zero frizz. The colour was exactly the copper shade I brought in.",
+        "Naledi K.",
+        "Keratin smoothing treatment",
+        "My 4C hair has never been easier to manage. Wash days went from two hours to thirty minutes.",
+        "Aisha P.",
+        "Bridal updo + gel nails",
+        "Zama did my bridal updo and nails — every guest asked where I had them done.",
+        "clientstories",
+        "client-stories",
+        "py-20 bg-[#F0F8FF]",
+        "mx-auto max-w-7xl px-4",
+        "max-w-2xl mb-10",
+        "text-sm font-medium text-[#00A8CC] mb-2",
+        "Client stories from Fourways",
+        "text-3xl font-bold text-[#1A2B3C]",
+        "Cared for by hands that listen",
+        "grid gap-6 md:grid-cols-3",
+        "rounded-xl bg-white shadow-md p-6",
+        "text-[#FFD700] text-lg",
+        "★★★★★",
+        "mt-3 text-[#1A2B3C]/80",
+        "mt-4 font-semibold text-[#1A2B3C]",
+        "text-sm text-[#00A8CC]"
+      ]
+    },
+    {
+      "name": "SalonInsightsSection",
+      "importPath": "@/components/sections/SalonInsightsSection",
+      "position": 7,
+      "role": "blog",
+      "hasImage": true,
+      "hasForm": false,
+      "itemCount": -1,
+      "layout": "grid",
+      "headings": [
+        "Advice for braids, colour and treated hair",
+        "{d.title}"
+      ],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "use client",
+        "next/image",
+        "next/link",
+        "@/components/ui/Badge",
+        "@/components/ui/Card",
+        "@/hooks/useVulaContent",
+        "lucide-react",
+        "posts",
+        "flex justify-center py-16",
+        "w-8 h-8 rounded-full border-2 border-[#0077BE] border-t-transparent animate-spin",
+        "salon-insights",
+        "py-20 bg-white",
+        "mx-auto max-w-7xl px-4",
+        "max-w-2xl mb-10",
+        "text-sm font-medium text-[#00A8CC] mb-2",
+        "Hair care notes from our team",
+        "text-3xl font-bold text-[#1A2B3C]",
+        "Advice for braids, colour and treated hair",
+        "mt-3 text-[#1A2B3C]/70",
+        "Practical maintenance tips, seasonal trends and honest product guidance.",
+        "grid gap-6 md:grid-cols-2 lg:grid-cols-3",
+        "rounded-xl overflow-hidden bg-white shadow-md flex flex-col md:flex-row",
+        "relative h-48 w-full md:w-1/3 md:min-h-full flex-shrink-0 overflow-hidden",
+        "Salon insight",
+        "(max-width: 768px) 100vw, 33vw",
+        "object-cover",
+        "h-full w-full bg-[#00A8CC]/20",
+        "flex-1 p-5",
+        "secondary",
+        "mt-2 font-bold text-[#1A2B3C]",
+        "mt-2 text-sm text-[#1A2B3C]/70",
+        "mt-4 flex items-center justify-between",
+        "text-xs text-[#1A2B3C]/50",
+        "By",
+        "inline-flex items-center gap-1 text-sm font-medium text-[#0077BE] hover:underline",
+        "Read more",
+        "w-4 h-4"
+      ],
+      "cmsCollection": "posts"
+    },
+    {
+      "name": "BookNowSection",
+      "importPath": "@/components/sections/BookNowSection",
+      "position": 8,
+      "role": "booking",
+      "hasImage": true,
+      "hasForm": false,
+      "itemCount": 5,
+      "layout": "flex-row",
+      "headings": [
+        "Ready for your transformation?"
+      ],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "next/image",
+        "next/link",
+        "@/components/ui/Card",
+        "booknow",
+        "book-now",
+        "bg-[#F0F8FF] py-20",
+        "mx-auto max-w-7xl px-4",
+        "flex flex-col overflow-hidden rounded-xl bg-white shadow-md md:flex-row",
+        "relative h-72 w-full md:h-auto md:w-1/3 md:min-h-full",
+        "Stylist at work at Zama Salon in Fourways",
+        "(max-width: 768px) 100vw, 33vw",
+        "object-cover",
+        "flex flex-1 flex-col justify-center p-5 md:p-10",
+        "mb-2 text-sm font-semibold uppercase tracking-[0.2em] text-[#00A8CC]",
+        "Fourways, Johannesburg",
+        "font-sora text-3xl font-bold text-[#1A2B3C] md:text-4xl",
+        "Ready for your transformation?",
+        "mt-4 max-w-[44ch] text-[#1A2B3C]/70",
+        "Precision cuts, colour, keratin treatments, braids and nail artistry - book your chair and let our stylists handle the rest.",
+        "mt-8 flex flex-wrap items-center gap-4",
+        "inline-flex items-center justify-center rounded-full bg-[#FFD700] px-8 py-4 text-base font-semibold text-black transition-all duration-200 ease-out hover:bg-[#FFD700]/90",
+        "Book your appointment",
+        "text-sm text-[#1A2B3C]/60",
+        "or call",
+        "tel:+27825550199",
+        "font-semibold text-[#0077BE] hover:text-[#00A8CC]",
+        "+27 82 555 0199"
+      ]
+    },
+    {
+      "name": "LocationContactSection",
+      "importPath": "@/components/sections/LocationContactSection",
+      "position": 9,
+      "role": "contact",
+      "hasImage": true,
+      "hasForm": true,
+      "itemCount": 16,
+      "layout": "grid",
+      "headings": [
+        "We're right here in Fourways - pull in and say hello.",
+        "Send us a message",
+        "Zama Salon location in Fourways, Johannesburg"
+      ],
+      "buttonLabels": [
+        "Send message"
+      ],
+      "people": [],
+      "allText": [
+        "use client",
+        "react",
+        "lucide-react",
+        "@/components/ui/Button",
+        "@/components/ui/Input",
+        "@/components/ui/Card",
+        "Shop 12, Fourways Crossing, Witkoppen Road, Fourways, Johannesburg, 2191",
+        "+27 82 555 0199",
+        "tel:+27825550199",
+        "bookings@zamasalon.co.za",
+        "locationcontact",
+        "location-contact",
+        "bg-white py-20",
+        "mx-auto max-w-7xl px-4",
+        "mb-12 max-w-2xl",
+        "mb-2 text-sm font-semibold uppercase tracking-[0.2em] text-[#00A8CC]",
+        "Visit the salon",
+        "font-sora text-3xl font-bold text-[#1A2B3C] md:text-4xl",
+        "We're right here in Fourways - pull in and say hello.",
+        "grid grid-cols-1 gap-8 lg:grid-cols-2",
+        "overflow-hidden rounded-xl shadow-md",
+        "h-64 w-full sm:h-72",
+        "Zama Salon location in Fourways, Johannesburg",
+        "h-full w-full border-0",
+        "lazy",
+        "no-referrer-when-downgrade",
+        "space-y-4 p-5",
+        "flex items-start gap-3",
+        "mt-1 flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-[#00A8CC]/10 text-[#0077BE]",
+        "h-5 w-5",
+        "text-sm font-semibold text-[#1A2B3C]/60",
+        "Address",
+        "text-[#1A2B3C]",
+        "Call or WhatsApp",
+        "text-[#1A2B3C] hover:text-[#0077BE]",
+        "Email",
+        "rounded-xl shadow-md",
+        "p-5 md:p-8",
+        "text-xl font-bold text-[#1A2B3C]",
+        "Send us a message",
+        "mt-1 text-sm text-[#1A2B3C]/60",
+        "Tell us what you need - we'll confirm your appointment.",
+        "mt-6 rounded-xl bg-[#F0F8FF] p-6 text-center",
+        "font-semibold text-[#0077BE]",
+        "Thank you! Your message has been received.",
+        "mt-1 text-sm text-[#1A2B3C]/70",
+        "We'll get back to you within one business day.",
+        "mt-6 space-y-4",
+        "name",
+        "Your name"
+      ]
+    },
+    {
+      "name": "BusinessHoursSection",
+      "importPath": "@/components/sections/BusinessHoursSection",
+      "position": 10,
+      "role": "unknown",
+      "hasImage": false,
+      "hasForm": false,
+      "itemCount": -1,
+      "layout": "flex-row",
+      "headings": [],
+      "buttonLabels": [],
+      "people": [],
+      "allText": [
+        "use client",
+        "@/hooks/useVulaContent",
+        "@/components/ui/Badge",
+        "Sunday",
+        "Monday",
+        "Tuesday",
+        "Wednesday",
+        "Thursday",
+        "Friday",
+        "Saturday",
+        "true",
+        "business_hours",
+        "flex justify-center py-16",
+        "w-8 h-8 rounded-full border-2 border-current border-t-transparent animate-spin",
+        "business-hours",
+        "bg-[#F0F8FF] py-20",
+        "mx-auto max-w-4xl px-4",
+        "mb-10 text-center",
+        "mb-2 text-sm font-semibold uppercase tracking-[0.2em] text-[#00A8CC]",
+        "Fourways, Johannesburg",
+        "font-sora text-3xl font-bold text-[#1A2B3C]",
+        "Our week at",
+        "text-[#00A8CC]",
+        "Zama Salon",
+        "mx-auto mt-3 max-w-[44ch] text-[#1A2B3C]/70",
+        "Walk-ins welcome, but booking ahead saves your chair.",
+        "overflow-hidden rounded-xl bg-white shadow-md",
+        "Closed",
+        "bg-[#0077BE] text-white",
+        "flex items-center gap-3",
+        "w-28 font-semibold",
+        "text-white/80",
+        "text-[#1A2B3C]/60",
+        "bg-[#00A8CC] text-white",
+        "Open now"
+      ],
+      "cmsCollection": "business_hours"
+    }
+  ],
+  "navigationLinks": [
+    "Zama Salon",
+    "Home",
+    "About",
+    "Offers",
+    "Gallery",
+    "Blog",
+    "Contact",
+    "Services"
+  ]
+}
\ No newline at end of file