https://muralsng.lovable.app/assets/BrandOSPage-_e5jY2M2.js

1import{j as e,z as j,r as m,X as F,_ as v,s as A,y as W,W as O}from"./index-Do8CqlP5.js";import{u as x}from"./useScrollReveal-BBzQmALs.js";import{A as P}from"./arrow-up-right-CwrR3CRj.js";import{C as _}from"./circle-check-big-B05n5PFz.js";import{o as L,s as d}from"./types-DHgsoueE.js";const E=["Who grants legitimacy","What signals authority","What creates aspiration","What triggers resistance","How approval actually moves"];function R(){const a=x();return e.jsx("section",{ref:a,className:"relative py-16 md:py-24 bg-[hsl(168_54%_6%)]",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-6 md:px-12",children:[e.jsx("div",{className:"reveal mb-6",children:e.jsx("span",{className:"text-primary/50 text-[10px] tracking-[0.5em] uppercase font-mono",children:"What BrandOS Does"})}),e.jsxs("div",{className:"reveal mb-12 md:mb-16 max-w-3xl",children:[e.jsx("h2",{className:"text-foreground text-3xl md:text-5xl lg:text-[3.5rem] leading-[1.1] mb-8",style:{fontFamily:"'Bruno Ace', cursive"},children:"Every market has an emotional operating system."}),e.jsx("p",{className:"text-muted-foreground text-base md:text-lg leading-relaxed font-light",children:"Nigeria's is layered. Symbolic. Status-driven. Community-aware."})]}),e.jsxs("div",{className:"reveal grid grid-cols-1 lg:grid-cols-2 gap-16 md:gap-24",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-foreground/60 text-xs tracking-[0.4em] uppercase font-mono mb-8",children:"BrandOS maps"}),e.jsxs("div",{className:"space-y-0",children:[E.map((s,t)=>e.jsxs("div",{className:"group border-t border-border/20 hover:border-primary/30 transition-colors duration-500 py-5 grid grid-cols-12 items-center gap-4",children:[e.jsx("span",{className:"text-primary/25 text-xs font-mono tracking-widest col-span-2 group-hover:text-primary/60 transition-colors duration-500",children:String(t+1).padStart(2,"0")}),e.jsx("span",{className:"text-muted-foreground text-sm md:text-base font-light col-span-10",children:s})]},t)),e.jsx("div",{className:"border-t border-border/20"})]})]}),e.jsxs("div",{className:"lg:pt-14",children:[e.jsx("p",{className:"text-foreground/80 text-base md:text-lg leading-relaxed font-light mb-8",children:"Then we design a bespoke Culture-Tech solution around your strategic objective."}),e.jsxs("div",{className:"space-y-4 mb-12",children:[e.jsx("p",{className:"text-muted-foreground text-sm font-light italic",children:"Not surface branding."}),e.jsx("p",{className:"text-muted-foreground text-sm font-light italic",children:"Not generic marketing."})]}),e.jsx("p",{className:"text-foreground text-xl md:text-2xl",style:{fontFamily:"'Bruno Ace', cursive"},children:"Structured alignment."})]})]})]})})}const T=[{context:"For a consumer product",description:"We encode symbolic prestige into launch strategy and physical presence."},{context:"For a new restaurant or club",description:"We design spatial identity that signals status before the first customer walks in."},{context:"For a candidate",description:"We embed cultural legitimacy into visual language and public-facing installations."},{context:"For a service brand",description:"We align messaging, environment, and experiential touchpoints to authority psychology."}];function I(){const a=x();return e.jsx("section",{ref:a,className:"relative py-16 md:py-24 bg-[hsl(168_54%_6%)]",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-6 md:px-12",children:[e.jsx("div",{className:"reveal mb-6",children:e.jsx("span",{className:"text-primary/50 text-[10px] tracking-[0.5em] uppercase font-mono",children:"What This Looks Like in Practice"})}),e.jsx("div",{className:"reveal mb-12 md:mb-16 max-w-3xl",children:e.jsx("h2",{className:"text-foreground text-3xl md:text-5xl lg:text-[3.5rem] leading-[1.1]",style:{fontFamily:"'Bruno Ace', cursive"},children:"Each engagement is custom-built around outcome."})}),e.jsxs("div",{className:"space-y-0",children:[T.map((s,t)=>e.jsxs("div",{className:"reveal group border-t border-border/20 py-10 md:py-14 grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-8 items-start hover:border-primary/30 transition-colors duration-500",children:[e.jsx("span",{className:"text-primary/25 text-xs font-mono tracking-widest md:col-span-1 group-hover:text-primary/60 transition-colors duration-500",children:String(t+1).padStart(2,"0")}),e.jsx("h3",{className:"text-foreground text-lg md:text-xl md:col-span-4 group-hover:text-primary transition-colors duration-500",style:{fontFamily:"'Bruno Ace', cursive"},children:s.context}),e.jsx("p",{className:"text-muted-foreground text-sm md:text-base leading-relaxed md:col-span-7 font-light",children:s.description})]},t)),e.jsx("div",{className:"border-t border-border/20"})]}),e.jsxs("div",{className:"reveal mt-16 md:mt-20 space-y-3",children:[e.jsx("p",{className:"text-muted-foreground text-sm font-light italic",children:"Nothing is templated."}

1),e.jsx("p",{className:"text-foreground/80 text-sm font-light",children:"Each solution is engineered for its context."})]})]})})}const q=[{label:"Trust accelerates"},{label:"Perceived authority increases"},{label:"Adoption improves"},{label:"Substitution declines"},{label:"Pricing power strengthens"}];function M(){const a=x();return e.jsxs(e.Fragment,{children:[e.jsx("section",{ref:a,className:"relative py-16 md:py-24 bg-[hsl(168_54%_6%)]",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-6 md:px-12",children:[e.jsx("div",{className:"reveal mb-6",children:e.jsx("span",{className:"text-primary/50 text-[10px] tracking-[0.5em] uppercase font-mono",children:"For Public Figures & Elected Office"})}),e.jsxs("div",{className:"reveal grid grid-cols-1 lg:grid-cols-2 gap-16 md:gap-24 items-start",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-foreground text-3xl md:text-5xl lg:text-[3.5rem] leading-[1.1] mb-8",style:{fontFamily:"'Bruno Ace', cursive"},children:"Public acceptance is symbolic before it is political."}),e.jsx("p",{className:"text-muted-foreground text-base leading-relaxed font-light",children:"BrandOS supports leaders through:"})]}),e.jsxs("div",{className:"space-y-0",children:[["Art-driven campaign activations","Cultural narrative engineering","Large-format public murals","Spatial authority design","Identity alignment with constituency psychology"].map((s,t)=>e.jsxs("div",{className:"border-t border-border/20 py-5 flex items-center gap-4",children:[e.jsx("span",{className:"text-primary/30 text-xs font-mono tracking-widest",children:String(t+1).padStart(2,"0")}),e.jsx("span",{className:"text-muted-foreground text-sm md:text-base font-light",children:s})]},t)),e.jsx("div",{className:"border-t border-border/20"}),e.jsxs("div",{className:"pt-10 space-y-2",children:[e.jsx("p",{className:"text-foreground/70 text-sm font-light italic",children:"When symbolism aligns, resistance decreases."}),e.jsx("p",{className:"text-foreground/70 text-sm font-light italic",children:"When identity resonates, momentum builds."})]})]})]})]})}),e.jsx("section",{className:"relative py-16 md:py-24 bg-[hsl(168_54%_6%)]",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-6 md:px-12",children:[e.jsx("div",{className:"mb-6",children:e.jsx("span",{className:"text-primary/50 text-[10px] tracking-[0.5em] uppercase font-mono",children:"Why This Works"})}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-16 md:gap-24 items-start mb-12",children:[e.jsx("div",{children:e.jsx("h2",{className:"text-foreground text-3xl md:text-5xl lg:text-[3.5rem] leading-[1.1]",style:{fontFamily:"'Bruno Ace', cursive"},children:"Most launches compete on features."})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-muted-foreground text-base md:text-lg leading-relaxed font-light",children:"BrandOS shifts competition to emotional alignment."}),e.jsx("p",{className:"text-muted-foreground text-base leading-relaxed font-light mt-4",children:"When culture is embedded into the introduction:"})]})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-0",children:q.map((s,t)=>e.jsxs("div",{className:"group border-t border-border/20 py-10 md:py-14 pr-6 hover:border-primary/30 transition-colors duration-500",children:[e.jsx("span",{className:"text-primary/25 text-xs font-mono tracking-widest block mb-4 group-hover:text-primary/60 transition-colors duration-500",children:String(t+1).padStart(2,"0")}),e.jsx("span",{className:"text-muted-foreground text-sm font-light leading-relaxed",children:s.label})]},t))}),e.jsx("div",{className:"border-t border-border/20 mb-10"}),e.jsx("p",{className:"text-foreground/80 text-lg md:text-xl font-light",style:{fontFamily:"'Bruno Ace', cursive"},children:"Alignment produces momentum."})]})})]})}const z=[{number:"01",title:"Cultural Mapping",description:"We analyze the power structures surrounding your audience."},{number:"02",title:"Interpretation",description:"We identify symbolic leverage points."},{number:"03",title:"Creation",description:"We design the Culture-Tech activation specific to your objective."},{number:"04",title:"Deployment",description:"We execute with precision and discretion."}];function D(){const a=x();return e.jsxs(e.Fragment,{children:[e.jsx("section",{id:"case-studies",ref:a,className:"relative py-16 md:py-24 bg-[hsl(168_54%_6%)]",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-6 md:px-12",children:[e.jsx("div",{className:"reveal mb-6",children:e.jsx("span",{className:"text-primary/50 text-[10px] tracking-[0.5em] uppercase font-mono",children:"Case Application"})}),e.jsxs("div",{className:"reveal mb-10 md:mb-14 max-w-3xl",children:[e.jsx("h2",{className:"text-foreground text-3xl md:text-5xl lg:text-[3.5rem] leading-[1.1] mb-6",style:{fontFamily:"'Bruno Ace', cursive"},children:"Benson & Hedges — Immersive Cultural Platform"}),e.jsx("p",{className:"text-muted-foreground text-base md:text-lg leading-relaxed font-light",children:"We designed a modular 9D immer

1sive brand experience engineered for emotional impact and scalable deployment."})]}),e.jsx("div",{className:"reveal mb-12 md:mb-16",children:e.jsx(j,{to:"/portfolio/bat",className:"block group/hero",children:e.jsx("div",{className:"aspect-[21/9] overflow-hidden",children:e.jsx("img",{src:"/images/portfolio/bat-hero.webp",alt:"Benson & Hedges — The Golden Legacy — Immersive Brand Experience",className:"w-full h-full object-cover transition-transform duration-700 group-hover/hero:scale-[1.02]",loading:"lazy"})})})}),e.jsxs("div",{className:"reveal grid grid-cols-1 md:grid-cols-12 gap-8 md:gap-16",children:[e.jsxs("div",{className:"md:col-span-4",children:[e.jsx("p",{className:"text-foreground/60 text-xs tracking-[0.4em] uppercase font-mono mb-4",children:"Three platform structures balanced"}),e.jsx("div",{className:"space-y-3",children:["Maximum sensory immersion","Deployment speed","Long-term upgrade path","Brand-defining design language"].map((s,t)=>e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"text-primary/40 text-xs font-mono mt-0.5",children:"—"}),e.jsx("span",{className:"text-muted-foreground text-sm font-light",children:s})]},t))}),e.jsxs(j,{to:"/portfolio/bat",className:"inline-flex items-center gap-2 text-primary text-sm tracking-wider uppercase font-mono mt-8 hover:gap-3 transition-all duration-300 group/link",children:["View Full Project",e.jsx(P,{className:"w-4 h-4 transition-transform duration-300 group-hover/link:translate-x-0.5 group-hover/link:-translate-y-0.5"})]})]}),e.jsx("div",{className:"md:col-span-8 flex items-start",children:e.jsx("p",{className:"text-muted-foreground text-sm md:text-base leading-relaxed font-light",children:"The objective was not spectacle. It was memorability, authority, and differentiation at scale."})})]})]})}),e.jsx("section",{className:"relative py-16 md:py-24 bg-[hsl(168_54%_6%)]",children:e.jsxs("div",{className:"max-w-6xl mx-auto px-6 md:px-12",children:[e.jsx("div",{className:"mb-6",children:e.jsx("span",{className:"text-primary/50 text-[10px] tracking-[0.5em] uppercase font-mono",children:"How Engagement Works"})}),e.jsx("div",{className:"mb-12 md:mb-16 max-w-3xl",children:e.jsx("h2",{className:"text-foreground text-3xl md:text-5xl lg:text-[3.5rem] leading-[1.1]",style:{fontFamily:"'Bruno Ace', cursive"},children:"Selective. Precise. Deliberate."})}),e.jsxs("div",{className:"space-y-0",children:[z.map((s,t)=>e.jsxs("div",{className:"group border-t border-border/20 py-10 md:py-14 grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-8 items-start hover:border-primary/30 transition-colors duration-500",children:[e.jsx("span",{className:"text-primary/25 text-xs font-mono tracking-widest md:col-span-1 group-hover:text-primary/60 transition-colors duration-500",children:s.number}),e.jsx("h3",{className:"text-foreground text-lg md:text-xl md:col-span-4 group-hover:text-primary transition-colors duration-500",style:{fontFamily:"'Bruno Ace', cursive"},children:s.title}),e.jsx("p",{className:"text-muted-foreground text-sm md:text-base leading-relaxed md:col-span-7 font-light",children:s.description})]},t)),e.jsx("div",{className:"border-t border-border/20"})]}),e.jsx("div",{className:"mt-16 md:mt-20",children:e.jsx("p",{className:"text-foreground/60 text-sm font-light italic",children:"Engagements are selective."})})]})})]})}const V=L({name:d().trim().min(2,"Name is required").max(100),email:d().trim().email("Valid email required").max(255),phone:d().trim().min(7,"Phone is required").max(20),location:d().trim().min(2,"Location is required").max(100),message:d().trim().max(2e3).optional()});function $({open:a,onClose:s}){const[t,y]=m.useState({name:"",email:"",phone:"",location:"",message:""}),[r,u]=m.useState({}),[g,h]=m.useState(!1),[N,w]=m.useState(!1),i="w-full bg-transparent border-b border-border/30 focus:border-primary/60 outline-none py-3 text-sm text-foreground placeholder:text-muted-foreground/40 transition-colors duration-300 font-light",l=o=>{y(n=>({...n,[o.target.name]:o.target.value})),u(n=>({...n,[o.target.name]:""}))},S=async o=>{o.preventDefault();const n=V.safeParse(t);if(!n.success){const p={};

1n.error.errors.forEach(c=>{c.path[0]&&(p[c.path[0]]=c.message)}),u(p);return}h(!0);try{const{name:p,email:c,phone:k,location:B,message:f}=n.data,C=`Phone: ${k}
2Location: ${B}${f?`
3
4Message: ${f}`:""}`,{error:b}=await A.from("contact_submissions").insert({name:p,email:c,subject:"BrandOS — VIP Consultation Request",message:C});if(b)throw b;w(!0)}catch{u({form:"Something went wrong. Please try again."})}finally{h(!1)}};return a?e.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4",children:[e.jsx("div",{className:"absolute inset-0 bg-black/80 backdrop-blur-sm",onClick:s}),e.jsxs("div",{className:"relative w-full max-w-xl bg-[hsl(168_54%_6%)] border border-border/20 max-h-[90vh] overflow-y-auto",children:[e.jsxs("div",{className:"flex items-start justify-between p-8 pb-0",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-primary/50 text-[10px] tracking-[0.5em] uppercase font-mono block mb-3",children:"BrandOS"}),e.jsx("h2",{className:"text-foreground text-2xl md:text-3xl leading-tight",style:{fontFamily:"'Bruno Ace', cursive"},children:"VIP Consultation"})]}),e.jsx("button",{onClick:s,className:"text-muted-foreground/50 hover:text-foreground transition-colors p-1 ml-4 mt-1",children:e.jsx(F,{className:"w-5 h-5"})})]}),e.jsx("div",{className:"px-8 pt-4 pb-8",children:N?e.jsxs("div",{className:"py-12 text-center",children:[e.jsx(_,{className:"w-10 h-10 text-primary/60 mx-auto mb-6"}),e.jsx("h3",{className:"text-foreground text-xl mb-4",style:{fontFamily:"'Bruno Ace', cursive"},children:"Request Received"}),e.jsx("p",{className:"text-muted-foreground text-sm leading-relaxed font-light max-w-xs mx-auto",children:"We'll review your brief and be in touch within 48 hours to begin the conversation."}),e.jsx("button",{onClick:s,className:"mt-8 text-primary/60 hover:text-primary text-xs tracking-[0.3em] uppercase font-mono transition-colors",children:"Close"})]}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-muted-foreground text-sm leading-relaxed font-light mb-10 mt-4",children:"Share your details and we'll reach out to begin the cultural alignment process."}),e.jsxs("form",{onSubmit:S,className:"space-y-7",children:[e.jsxs("div",{children:[e.jsx("input",{name:"name",value:t.name,onChange:l,placeholder:"Full Name *",className:i,maxLength:100}),r.name&&e.jsx("p",{className:"text-destructive text-xs mt-1.5",children:r.name})]}),e.jsxs("div",{children:[e.jsx("input",{name:"email",type:"email",value:t.email,onChange:l,placeholder:"Email Address *",className:i,maxLength:255}),r.email&&e.jsx("p",{className:"text-destructive text-xs mt-1.5",children:r.email})]}),e.jsxs("div",{children:[e.jsx("input",{name:"phone",type:"tel",value:t.phone,onChange:l,placeholder:"Phone Number *",className:i,maxLength:20}),r.phone&&e.jsx("p",{className:"text-destructive text-xs mt-1.5",children:r.phone})]}),e.jsxs("div",{children:[e.jsx("input",{name:"location",value:t.location,onChange:l,placeholder:"City / Country *",className:i,maxLength:100}),r.location&&e.jsx("p",{className:"text-destructive text-xs mt-1.5",children:r.location})]}),e.jsx("div",{children:e.jsx("textarea",{name:"message",value:t.message,onChange:l,placeholder:"Tell us about your objective (optional)",rows:4,className:`${i} resize-none`,maxLength:2e3})}),r.form&&e.jsx("p",{className:"text-destructive text-xs",children:r.form}),e.jsx("button",{type:"submit",disabled:g,className:"btn-luxury w-full inline-flex items-center justify-center gap-3 mt-2 disabled:opacity-50 disabled:cursor-not-allowed",children:g?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-4 h-4 border border-current border-t-transparent rounded-full animate-spin"}),"Submitting..."]}):e.jsxs("span",{className:"flex items-center gap-3",children:["Submit Request",e.jsx(v,{className:"w-4 h-4"})]})})]})]})})]})]}):null}function H(){const a=x(),[s,t]=m.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("section",{ref:a,className:"relative py-24 md:py-36 bg-[hsl(168_54%_6%)] overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.03]",children:e.jsx("div",{className:"w-full h-full",style:{backgroundImage:"linear-gradient(hsl(43 45% 59%) 1px, transparent 1px), linear-gradient(90deg, hsl(43 45% 59%) 1px, transparent 1px)",backgroundSize:"80px 80px"}})}),e.jsx("div",{className:"max-w-5xl mx-auto px-6 md:px-12 relative z-10 text-center",children:e.jsxs("div",{className:"reveal",children:[e.jsx("span",{className:"text-primary/50 text-[10px] tracking-[0.5em] uppercase font-mono mb-10 block",children:"Activate BrandOS"}),e.jsxs("h2",{className:"text-foreground text-3xl md:text-5xl lg:text-[4rem] leading-[1.05] mb-8",style:{fontFamily:"'Bruno Ace', cursive"},children:["If you are introducing something new to Nigeria,",e.jsx("br",{}),e.jsx("span",{className:"text-primary",children:"alignment determines outcome."})]}),e.jsx("p",{className:"text-muted-foreground text-base md:text-lg leading-relaxed mb-14 font-light max-w-xl mx-auto",children:"Commission Culture-Tech engineered for distinction."}),e.jsx("button",{onClick:()=>t(!0),className:"btn-luxury inline-flex items-center gap-3",children:e.jsxs("span",{className:"flex items-center gap-3",children:["Request VIP Consultation",e.jsx(v,{className:"w-4 h-4"})]})})]})})]}),e.jsx($,{open:s,onClose:()=>t(!1)})]})}const Q=()=>e.jsxs(W,{children:[e.jsx(O,{title:"Brand OS",url:"/brand-os",description:"Murals.ng Brand OS: a comprehensive brand identity system powered by African visual language. For luxury brands, real estate, and hospital

4ity leaders."}),e.jsx(R,{}),e.jsx(I,{}),e.jsx(M,{}),e.jsx(D,{}),e.jsx(H,{})]});export{Q as default};