https://super30ai.lovable.app/assets/SMRelevanceSection-CvKQHXxD.js

1import{j as e}from"./ui-core-B8OEZ_8O.js";import{r as f}from"./react-vendor-CffrGP6S.js";import{C as n,a as c}from"./card-DeS3nFFe.js";import{X as d,B as m}from"./index-_e_ZuYJp.js";import{u as s}from"./useScrollAnimation-BTh1gaak.js";import{E as y}from"./EnquiryPopup-D5rmNpRT.js";import{C as h}from"./check-MynJ-UaK.js";import{S as b}from"./sparkles-D0kdX3Ky.js";import{A as j}from"./arrow-right-BmT5u2f0.js";import{M as v}from"./message-circle-nP96czTh.js";import"./router-CoN0NTuZ.js";import"./thankYouRedirect-DUdqOkWW.js";import"./input-Dg2zU-Gk.js";import"./useFormSubmit-DyoeURDo.js";import"./chevron-down-DhtPN7LE.js";import"./chevron-up-BFNh-jh6.js";import"./circle-check-big-CTujmumq.js";import"./circle-alert-DSnUtajo.js";import"./phone-YNjZ129n.js";const w=["You want a premium & consistent brand presence across social platforms","You post regularly, but your creatives lack visual consistency","You need carousel posts, stories, reel covers, and highlights","You want a creative partner who understands social media strategy","You are ready to invest in visuals that improve audience engagement","You value quick delivery without compromising creative quality"],N=["You only want Canva template designs","You need a one time logo design requirement only","Your monthly budget is limited to under ₹5k for all design work","You expect virality from design alone without a content strategy","You frequently change creative direction every single week"],W=()=>{const[x,r]=s({threshold:.1}),[u,o]=s({threshold:.2}),[p,l]=s({threshold:.2}),[g,i]=f.useState(!1);return e.jsxs("section",{ref:x,className:"py-8 md:py-14 lg:py-20 bg-[#0a0a0a] relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[linear-gradient(to_right,hsl(var(--border)/0.1)_1px,transparent_1px),linear-gradient(to_bottom,hsl(var(--border)/0.1)_1px,transparent_1px)] bg-[size:4rem_4rem]"}),e.jsxs("div",{className:"absolute inset-0 opacity-30",children:[e.jsx("div",{className:"absolute top-0 left-1/4 w-96 h-96 bg-gradient-to-br from-green-500/20 to-transparent rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-0 right-1/4 w-96 h-96 bg-gradient-to-br from-red-500/10 to-transparent rounded-full blur-3xl"})]}),e.jsxs("div",{className:"container mx-auto px-4 relative",children:[e.jsxs("div",{className:`text-center max-w-3xl mx-auto mb-6 md:mb-10 transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,children:[e.jsx("span",{className:"inline-block px-4 py-1.5 bg-orange-500/20 text-orange-400 rounded-full text-sm font-medium mb-4 border border-orange-500/30",children:"Instant Relevance Filter"}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-white mb-4",children:"Is This the Right Creative Partner for Your Brand?"}),e.jsx("p",{className:"text-lg text-gray-300",children:"We work with brands that value consistency, quality, and long-term creative performance across social platforms."})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4 md:gap-8 max-w-5xl mx-auto",children:[e.jsx("div",{ref:u,className:`transition-all duration-700 delay-100 ${o?"opacity-100 translate-x-0":"opacity-0 -translate-x-8"}`,children:e.jsx(n,{className:"bg-green-950/50 backdrop-blur-sm border-green-800 shadow-xl shadow-green-500/5 hover:-translate-y-2 transition-all duration-500 h-full",children:e.jsxs(c,{className:"p-8",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 bg-green-500 rounded-full flex items-center justify-center shadow-lg shadow-green-500/30",children:e.jsx(h,{className:"w-5 h-5 text-white"})}),e.jsx("h3",{className:"text-xl font-bold text-green-400",children:"This Works Well for You If…"})]}),e.jsx("ul",{className:"space-y-4",children:w.map((a,t)=>e.jsxs("li",{className:`flex items-start gap-3 transition-all duration-500 ${o?"opacity-100 translate-x-0":"opacity-0 -translate-x-4"}`,style:{transitionDelay:`${(t+2)*100}ms`},children:[e.jsx("div",{className:"w-5 h-5 bg-green-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5",children:e.jsx(h,{className:"w-3 h-3 text-white"})}),e.jsx("span",{className:"text-gray-300 font-medium",children:a})]},t))})]})})}),e.jsx("div",{ref:p,className:`transition-all duration-700 delay-200 ${l?"opacity-100 translate-x-0":"opacity-0 translate-x-8"}`,children:e.jsx(n,{className:"bg-red-950/50 backdrop-blur-sm border-red-800 shadow-xl shadow-red-500/5 hover:-translate-y-2 transition-all duration-500 h-full",children:e.jsxs(c,{className:"p-8",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-10 h-10 bg-red-500 rounded-full flex items-center justify-center shadow-lg shadow-red-500/30",children:e.jsx(d,{className:"w-5 h-5 text-white"})}),e.jsx("h3",{className:"text-xl font-bold text-red-400",children:"This May Not Be Right for You If…"})]}),e.jsx("ul",{className:"space-y-4",children:N.map((a,t)=>e.jsxs("li",{className:`flex items-start gap-3 transition-all duration-500 ${l?"opacity-100 translate-x-0":"opacity-0 translate-x-4"}`,style:{transitionDelay:`${(t+3)*100}ms`},children:[e.jsx("div",{className:"w-5 h-5 bg-red-500 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5",children:e.jsx(d,{className:"w-3 h-3 text-white"})}),e.jsx("span",{className:"text-gray-300 font-medium",children:a})]},t))})]})})})]}),e.jsxs("div",{className:`flex flex-col sm:flex-row gap-3 justify-center mt-8 md:mt-12 transition-all duration-700 ${r?"opacity-100 translate-y-0":"opacity-0 translate-y-8"}`,style:{transitionDelay:"400ms"},children:[e.jsxs(m,{onClick:()=>window.scrollTo({top:0,behavior:"smooth"}),size:"lg",className:"bg-gradient-to-r from-orange-500 to-orange-600 hover:from-orange-600 hover:to-orange-700 text-white shadow-lg hover:scale-105 transition-all duration-300 group",children:[e.jsx(b,{className:"w-4 h-4 mr-2"}),"Get Free Design Consultation",e.jsx(j,{className:"w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform"})]}),e.jsxs(m,{variant:"outline-white",size:"lg",onClick:()=>i(!0),className:"hover:scale-105 transition-all duration-300 group",children:[e.jsx(v,{className:"w-4 h-4 mr-2"}),"Enquire Now"]})]})]}),e.jsx(y,{open:g,onOpenChange:i})]})};export{W as SMRelevanceSection};