1import{j as e}from"./ui-core-CEI8J3l_.js";import{u as l}from"./useScrollAnimation-BTh1gaak.js";import{B as i}from"./bento-grid-D_z2FMNd.js";import{c as n,a as d,b as c,d as m,e as x,f as p}from"./creative-6-C4xLE9bj.js";import{P as u}from"./palette-DWRPV9i8.js";import{I as h}from"./instagram-08sCWtNF.js";import{C as f}from"./circle-check-Dxh3NCDL.js";import"./react-vendor-CffrGP6S.js";import"./index-kZvh8sOH.js";import"./router-CoN0NTuZ.js";const r=[n,d,c,m,x,p],g=["Custom colour palettes & typography for every client","Consistent visual styling across all social platforms","Moodboards & style references before the launch phase","Grid planned Instagram feeds with aesthetic consistency","Template systems for scalable, on-brand content creation","Brand aligned visuals for corporate, playful, or luxury styles"],M=()=>{const[o,t]=l();return e.jsx("section",{ref:o,className:"py-10 md:py-16 lg:py-20 bg-muted/30 relative overflow-hidden",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsxs("div",{className:`text-center max-w-3xl mx-auto mb-8 md:mb-12 transition-all duration-700 ${t?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:[e.jsxs(i,{className:"mb-4",children:[e.jsx(u,{className:"w-4 h-4"}),"Moodboards & Visual Brand Consistency"]}),e.jsxs("h2",{className:"text-2xl sm:text-3xl md:text-4xl font-bold text-foreground mb-3",children:["Instagram Feeds That ",e.jsx("span",{className:"text-brand",children:"Reflect Your Brand Story"})]}),e.jsx("p",{className:"text-base md:text-lg text-muted-foreground",children:"We create more than just social media posts. Our team creates cohesive Instagram visual identities that give your profile a refined, premium brand presence."})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8 max-w-6xl mx-auto items-center",children:[e.jsx("div",{className:`transition-all duration-700 delay-200 ${t?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:e.jsxs("div",{className:"bg-card border border-border rounded-2xl overflow-hidden shadow-lg",children:[e.jsxs("div",{className:"p-4 border-b border-border flex items-center gap-3",children:[e.jsx("div",{className:"w-12 h-12 rounded-full bg-brand-gradient flex items-center justify-center",children:e.jsx(h,{className:"w-6 h-6 text-white"})}),e.jsxs("div",{children:[e.jsx("p",{className:"font-bold text-foreground text-sm",children:"yourbrand"}),e.jsx("p",{className:"text-muted-foreground text-xs",children:"Designed by Super 30"})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-[2px]",children:[r.map((a,s)=>e.jsx("div",{className:"aspect-square overflow-hidden group",children:e.jsx("img",{src:a,alt:`Grid post ${s+1}`,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",loading:"lazy"})},s)),r.slice(0,3).map((a,s)=>e.jsx("div",{className:"aspect-square overflow-hidden group",children:e.jsx("img",{src:a,alt:`Grid post ${s+7}`,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 opacity-80",loading:"lazy"})},`r-${s}`))]})]})}),e.jsxs("div",{className:`transition-all duration-700 delay-400 ${t?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:[e.jsxs("h3",{className:"text-xl md:text-2xl font-bold text-foreground mb-6",children:["Why Brand Consistency ",e.jsx("span",{className:"text-brand",children:"Matters"})]}),e.jsx("div",{className:"space-y-4",children:g.map((a,s)=>e.jsxs("div",{className:"flex items-start gap-3 group",children:[e.jsx(f,{className:"w-5 h-5 text-brand flex-shrink-0 mt-0.5 group-hover:scale-110 transition-transform"}),e.jsx("p",{className:"text-muted-foreground text-sm md:text-base leading-relaxed",children:a})]},s))})]})]})]})})};export{M as SMMoodboardSection};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.