https://balbhas.com/chunks/ApplicationDevelopment-Cz5plPtV.js

1import{r as e,j as t,aw as a,au as i,x as r,o as s,U as n,l as o,G as l,az as d,Z as c,b9 as x,bd as m,be as p,ax as g,q as u,w as h,i as b,b as y,$ as v,k as f,A as w}from"./react-vendor-GakMqxmG.js";import{A as j}from"../assets/index-DmokuZQI.js";import{u as N,c as k,d as A,a as S,b as I}from"./animation-vendor-C3o7eUFe.js";import"./vendor-C6il3_6p.js";import"./ui-components-MtMZU69h.js";const D=()=>{const[D,P]=e.useState(0),[C,E]=e.useState(null),{scrollYProgress:R}=N(),z=k(R,[0,1],[0,-50]),M=k(R,[0,.5],[1,0]);e.useEffect(()=>{window.scrollTo(0,0)},[]);const O=e.useRef(null),G=e.useRef(null),H=e.useRef(null),T=A(O,{once:!0,margin:"-100px"}),B=A(G,{once:!0,margin:"-100px"}),V=A(H,{once:!0,margin:"-100px"}),L={title:"Application & Product Development",subtitle:"Build Innovative Software Solutions",description:"From concept to deployment, we build cutting-edge applications using modern architectures, agile methodologies, and best development practices.",stats:[{value:"500+",label:"Apps Delivered",icon:i,color:"from-blue-500 to-green-500",bgGradient:"from-blue-500/10 to-green-500/10"},{value:"95%",label:"On-Time Delivery",icon:r,color:"from-red-500 to-orange-600",bgGradient:"from-red-500/10 to-orange-500/10"},{value:"4.9/5",label:"Client Rating",icon:s,color:"from-orange-600 to-red-600",bgGradient:"from-blue-500/10 to-green-500/10"},{value:"100+",label:"Developers",icon:n,color:"from-red-600 to-orange-600",bgGradient:"from-red-500/10 to-orange-500/10"}],offerings:[{icon:l,title:"Web Development",description:"Modern, responsive web applications",features:["React, Angular, Vue.js frameworks","Progressive Web Apps (PWA)","Single Page Applications (SPA)","Responsive and accessible design"]},{icon:d,title:"Mobile App Development",description:"Native and cross-platform mobile apps",features:["iOS and Android native development","React Native, Flutter cross-platform","Mobile-first design approach","App Store optimization and deployment"]},{icon:a,title:"API Development",description:"RESTful and GraphQL API services",features:["Microservices architecture","RESTful API design and development","GraphQL implementation","API gateway and management"]},{icon:c,title:"Low-Code Solutions",description:"Rapid application delivery platforms",features:["OutSystems, Mendix platforms","Power Apps, AppSheet solutions","Accelerated development cycles","Citizen developer enablement"]},{icon:x,title:"Microservices Architecture",description:"Scalable distributed systems",features:["Container-based deployment (Docker)","Kubernetes orchestration","Service mesh implementation","Event-driven architecture"]},{icon:m,title:"QA & Testing",description:"Comprehensive quality assurance",features:["Automated testing frameworks","Performance and load testing","Security testing and audits","Continuous testing in CI/CD"]},{icon:p,title:"Full-Stack Development",description:"End-to-end application development",features:["MEAN, MERN, LAMP stacks",".NET, Java enterprise applications","Python/Django, Ruby on Rails","Database design and optimization"]},{icon:g,title:"DevOps Integration",description:"CI/CD and automation pipelines",features:["Jenkins, GitLab CI/CD, GitHub Actions","Infrastructure as Code (IaC)","Automated deployment pipelines","Monitoring and observability"]}],features:[{icon:h,title:"Modern Architecture",description:"Scalable and maintainable application design",benefits:["Microservices and serverless patterns","Cloud-native application design","API-first ar

1chitecture approach","Domain-driven design principles"]},{icon:c,title:"Agile Development",description:"Iterative and collaborative approach",benefits:["Scrum and Kanban methodologies","Sprint-based delivery cycles","Continuous stakeholder engagement","Rapid prototyping and feedback"]},{icon:b,title:"Security-First",description:"Built-in security and compliance",benefits:["OWASP security best practices","Secure coding standards","Regular security assessments","Compliance with industry standards"]}],whyBalbhas:[{icon:s,text:"Experienced team of full-stack developers with 500+ successful application deliveries"},{icon:v,text:"Agile methodologies ensuring rapid time-to-market and iterative improvements"},{icon:f,text:"Expertise in modern tech stacks including React, Node.js, Python, .NET, and Java"},{icon:b,text:"Security-first approach with OWASP compliance and regular security audits"},{icon:n,text:"Dedicated product teams for continuous collaboration and support"},{icon:o,text:"Innovation lab exploring emerging frameworks and development practices"}]};return t.jsx(j,{title:L.title,subtitle:L.subtitle,heroImage:"https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=1200&h=600&fit=crop",children:t.jsxs("div",{className:"relative min-h-screen bg-gradient-to-b from-white via-orange-50/30 to-white dark:from-gray-950 dark:via-orange-950/20 dark:to-gray-950 overflow-hidden",children:[t.jsxs("div",{className:"fixed inset-0 pointer-events-none -z-10",children:[t.jsx(S.div,{animate:{scale:[1,1.2,1],opacity:[.15,.25,.15],x:[0,100,0],y:[0,50,0]},transition:{duration:20,repeat:1/0,ease:"easeInOut"}

1,className:"absolute top-20 right-10 w-96 h-96 bg-orange-500 rounded-full blur-3xl"}),t.jsx(S.div,{animate:{scale:[1,1.3,1],opacity:[.1,.2,.1],x:[0,-80,0],y:[0,100,0]},transition:{duration:25,repeat:1/0,ease:"easeInOut",delay:5},className:"absolute bottom-20 left-10 w-[500px] h-[500px] bg-red-500 rounded-full blur-3xl"}),t.jsx(S.div,{animate:{scale:[1,1.1,1],opacity:[.12,.22,.12],x:[0,50,0],y:[0,-50,0]},transition:{duration:18,repeat:1/0,ease:"easeInOut",delay:10},className:"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-orange-600 rounded-full blur-3xl"})]}),t.jsxs("div",{className:"container mx-auto px-4 py-16 relative z-10",children:[t.jsxs(S.div,{ref:O,style:{y:z,opacity:M},className:"text-center mb-20 max-w-5xl mx-auto",children:[t.jsxs(S.div,{initial:{scale:0,rotate:-180},animate:T?{scale:1,rotate:0}:{},transition:{type:"spring",duration:1,bounce:.5},className:"inline-flex items-center gap-3 px-8 py-4 rounded-full bg-gradient-to-r from-orange-500/10 via-red-500/10 to-orange-500/10 border border-orange-500/20 backdrop-blur-xl mb-8 shadow-lg",children:[t.jsx(S.div,{animate:{rotate:360},transition:{duration:20,repeat:1/0,ease:"linear"},children:t.jsx(a,{className:"w-6 h-6 text-orange-600"})}),t.jsx("span",{className:"text-sm font-bold bg-gradient-to-r from-orange-600 to-red-600 bg-clip-text text-transparent tracking-wider",children:"DEVELOPMENT"})]}),t.jsxs(S.h1,{initial:{opacity:0,y:20},animate:T?{opacity:1,y:0}:{},transition:{delay:.2},className:"text-5xl md:text-7xl font-black text-gray-900 dark:text-white mb-6 leading-tight",children:["Build Your"," ",t.jsx("span",{className:"bg-gradient-to-r from-orange-600 via-red-600 to-orange-600 bg-clip-text text-transparent",children:"Next Product"})]}),t.jsx(S.p,{initial:{opacity:0}

1,animate:T?{opacity:1}:{},transition:{delay:.3},className:"text-xl md:text-2xl text-gray-600 dark:text-gray-300 leading-relaxed",children:L.description})]}),t.jsx(S.div,{ref:G,initial:{opacity:0},animate:B?{opacity:1}:{},className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-32 max-w-7xl mx-auto",children:L.stats.map((e,a)=>{const i=e.icon;return t.jsxs(S.div,{initial:{opacity:0,y:50},animate:B?{opacity:1,y:0}:{},transition:{delay:.2+.1*a,duration:.6},whileHover:{scale:1.05,y:-10},onHoverStart:()=>E(a),onHoverEnd:()=>E(null),className:"group relative",children:[t.jsx(S.div,{className:`absolute -inset-1 bg-gradient-to-r ${e.color} rounded-3xl opacity-0 group-hover:opacity-20 blur-xl transition-opacity duration-500`}),t.jsxs("div",{className:`relative p-8 rounded-3xl bg-gradient-to-br ${e.bgGradient} backdrop-blur-xl border border-gray-200/50 dark:border-gray-700/50 hover:border-orange-200 dark:hover:border-orange-800 transition-all duration-300 overflow-hidden`,children:[t.jsxs(S.div,{animate:C===a?{rotate:360,scale:1.1}:{rotate:0,scale:1},transition:{duration:.6,ease:"easeInOut"},className:`inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-gradient-to-br ${e.color} mb-6 shadow-lg relative`,children:[t.jsx(i,{className:"w-8 h-8 text-white"}),t.jsx(S.div,{className:"absolute inset-0 rounded-2xl",animate:{scale:[1,1.2,1],opacity:[.5,0,.5]},transition:{duration:2,repeat:1/0},style:{border:"2px solid white"}})]}),t.jsx(S.h3,{className:`text-6xl font-black bg-gradient-to-br ${e.color} bg-clip-text text-transparent mb-3 relative z-10`,children:e.value}),t.jsx("p",{className:"text-sm text-gray-700 dark:text-gray-300 font-semibold uppercase tracking-wider relative z-10",children:e.label}),t.jsx(S.div,{initial:{width:0},animate:C===a?{width:"100%"}:{width:0},className:`absolute bottom-0 left-0 h-1 bg-gradient-to-r ${e.color}`})]})]},a)})}),t.jsxs(S.div,{ref:H,initial:{opacity:0}

1,animate:V?{opacity:1}:{},className:"mb-32",children:[t.jsxs("div",{className:"text-center mb-16",children:[t.jsxs(S.div,{initial:{opacity:0,y:20},animate:V?{opacity:1,y:0}:{},className:"inline-flex items-center gap-2 px-6 py-3 rounded-full bg-orange-500/10 border border-orange-500/20 mb-6",children:[t.jsx(o,{className:"w-5 h-5 text-orange-600"}),t.jsx("span",{className:"text-sm font-bold text-orange-600 tracking-wider",children:"OUR SERVICES"})]}),t.jsxs(S.h2,{initial:{opacity:0,y:20},animate:V?{opacity:1,y:0}:{},transition:{delay:.1},className:"text-5xl md:text-7xl font-black text-gray-900 dark:text-white mb-6",children:["Development ",t.jsx("span",{className:"bg-gradient-to-r from-orange-600 to-red-600 bg-clip-text text-transparent",children:"Services"})]}),t.jsx(S.p,{initial:{opacity:0},animate:V?{opacity:1}:{},transition:{delay:.2},className:"text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:"Comprehensive application development from concept to production"})]}),t.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-4 gap-6 max-w-7xl mx-auto",children:L.offerings.map((e,a)=>{const i=e.icon;return t.jsxs(S.div,{initial:{opacity:0,y:30},animate:V?{opacity:1,y:0}:{},transition:{delay:.1*a,duration:.5},whileHover:{y:-10,scale:1.02},className:"group relative",children:[t.jsx("div",{className:"absolute -inset-0.5 bg-gradient-to-r from-orange-500 via-red-500 to-orange-500 rounded-3xl opacity-0 group-hover:opacity-100 blur transition-opacity duration-500"}),t.jsxs("div",{className:"relative h-full p-8 rounded-3xl bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 hover:border-transparent transition-all duration-300 overflow-hidden",children:[t.jsx(S.div,{className:"absolute inset-0 bg-gradient-to-br from-orange-500/5 to-red-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300"}),t.jsx(S.div,{whileHover:{rotate:[0,-10,10,0]},transition:{duration:.5},className:"inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-blue-500 to-green-500 mb-6 shadow-lg relative z-10",children:t.jsx(i,{className:"w-7 h-7 text-white"})}),t.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white mb-3 relative z-10",children:e.title}),t.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-4 relative z-10 leading-relaxed",children:e.description}),t.jsx("ul",{className:"space-y-2 relative z-10",children:e.features.map((e,i)=>t.jsxs(S.li,{initial:{opacity:0,x:-10},animate:V?{opacity:1,x:0}:{},transition:{delay:.1*a+.05*i},className:"flex items-start gap-2 text-sm text-gray-700 dark:text-gray-300",children:[t.jsx(u,{className:"w-4 h-4 text-orange-600 flex-shrink-0 mt-0.5"}),t.jsx("span",{children:e})]},i))})]})]},a)})})]}),t.jsxs("div",{className:"mb-32",children:[t.jsxs(S.h2,{initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{once:!0},className:"text-4xl md:text-6xl font-black text-center mb-16",children:["Development ",t.jsx("span",{className:"bg-gradient-to-r from-orange-600 to-red-600 bg-clip-text text-transparent",children:"Excellence"})]}),t.jsx("div",{className:"grid md:grid-cols-3 gap-8 max-w-7xl mx-auto",children:L.features.map((e,a)=>{const i=e.icon,r=D===a;return t.jsxs(S.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2*a},whileHover:{scale:1.02},onClick:()=>P(a),className:"cursor-pointer p-8 rounded-3xl border-2 transition-all duration-300 "+(r?"bg-gradient-to-br from-orange-50 to-red-50 dark:from-orange-950/50 dark:to-red-950/50 border-orange-500 shadow-2xl":"bg-white/50 dark:bg-gray-900/50 border-gray-200 dark:border-gray-800 hover:border-orange-300 dark:hover:border-orange-700"),children:[t.jsx(S.div,{animate:r?{rotate:360}:{rotate:0},transition:{duration:.6},className:"mb-6",children:t.jsx("div",{className:"p-4 rounded-2xl w-fit "+(r?"bg-gradient-to-br from-blue-500 to-green-500":"bg-gray-100 dark:bg-gray-800"),children:t.jsx(i,{className:"w-10 h-10 "+(r?"text-white":"text-orange-600")})})}),t.jsx("h3",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-3",children:e.title}),t.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:e.description}),t.jsx(I,{children:r&&t.jsx(S.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.3},children:t.jsxs("div",{className:"pt-6 border-t border-orange-200 dark:border-orange-800",children:[t.jsx("h4",{className:"font-semibold text-orange-600 dark:text-orange-400 mb-3",children:"Key Benefits:"}),t.jsx("ul",{className:"space-y-2",children:e.benefits.map((e,a)=>t.jsxs(S.li,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:.1*a},className:"flex items-start gap-2 text-sm text-gray-700 dark:text-gray-300",children:[t.jsx(y,{className:"w-4 h-4 text-orange-600 flex-shrink-0 mt-0.5"}),t.jsx("span",{children:e})]},a))})]})})})]},a)})})]}),t.jsx("div",{className:"mb-32",children:t.jsxs(S.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"relative p-16 rounded-3xl overflow-hidden",children:[t.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-orange-50 via-red-50 to-orange-50 dark:from-gray-800 dark:via-gray-900 dark:to-gray-800"}),t.jsx(S.div,{animate:{backgroundPosition:["0% 0%","100% 100%","0% 0%"]},transition:{duration:20,repeat:1/0,ease:"linear"},className:"absolute inset-0 opacity-30",style:{backgroundImage:"radial-gradient(circle, rgba(251, 146, 60, 0.1) 1px, transparent 1px)",backgroundSize:"50px 50px"}}),t.jsxs("div",{className:"relative z-10",children:[t.jsxs("div",{className:"flex items-center gap-4 mb-10",children:[t.jsx(S.div,{animate:{rotate:360},transition:{duration:20,repeat:1/0,ease:"linear"},className:"w-16 h-16 rounded-2xl bg-gradient-to-br from-blue-500 to-green-500 flex items-center justify-center shadow-2xl",children:t.jsx(o,{className:"w-8 h-8 text-white"})}),t.jsx("h2",{className:"text-4xl md:text-5xl font-black text-gray-900 dark:text-white",children:"The Balbhas Advantage"})]}),t.jsx("div",{className:"grid md:grid-cols-2 gap-6",children:L.whyBalbhas.map((e,a)=>{const i=e.icon;return t.jsxs(S.div,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},viewport:{once:!0},transition:{delay:.1*a},whileHover:{scale:1.02,x:10},className:"flex items-start gap-4 p-6 rounded-2xl bg-white/50 dark:bg-gray-800/50 backdrop-blur-sm border border-gray-200/50 dark:border-gray-700/50 hover:border-orange-500/50 transition-all group",children:[t.jsx(S.div,{whileHover:{rotate:360,scale:1.2},transition:{duration:.6},className:"flex-shrink-0 w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-green-500 flex items-center justify-center shadow-lg",children:t.jsx(i,{className:"w-6 h-6 text-white"})}),t.jsx("p",{className:"text-gray-700 dark:text-gray-300 font-medium leading-relaxed group-hover:text-gray-900 dark:group-hover:text-white transition-colors",children:e.text})]},a)})})]})]})}),t.jsxs(S.div,{initial:{opacity:0,scale:.95},whileInView:{opacity:1,scale:1},viewport:{once:!0},className:"relative max-w-6xl mx-auto",children:[t.jsx(S.div,{animate:{rotate:360},transition:{duration:20,repeat:1/0,ease:"linear"},className:"absolute inset-0 bg-gradient-to-r from-orange-500/20 via-red-500/20 to-orange-500/20 rounded-3xl blur-3xl"}),t.jsxs("div",{className:"relative bg-gradient-to-br from-orange-600 via-red-600 to-orange-600 rounded-3xl p-16 text-center overflow-hidden shadow-2xl",children:[[...Array(20)].map((e,a)=>t.jsx(S.div,{animate:{y:[-20,-100],opacity:[0,1,0],scale:[0,1,0]},transition:{duration:3,repeat:1/0,delay:.2*a,ease:"easeOut"},className:"absolute bottom-0 w-2 h-2 bg-white rounded-full",style:{left:5*a+"%"}},a)),t.jsxs(S.div,{animate:{scale:[1,1.02,1]},transition:{duration:2,repeat:1/0},children:[t.jsxs("h2",{className:"text-4xl md:text-6xl font-black text-white mb-6",children:["Start Building ",t.jsx("br",{}),"Your Application"]}),t.jsx("p",{className:"text-xl text-orange-100 mb-10 max-w-3xl mx-auto",children:"Partner with Balbhas to develop innovative applications that drive business growth"})]}),t.jsxs(S.button,{whileHover:{scale:1.05},whileTap:{scale:.95},className:"inline-flex items-center gap-3 px-12 py-6 bg-white text-orange-600 rounded-2xl text-xl font-bold shadow-2xl hover:shadow-orange-500/50 transition-all",children:["Start Development",t.jsx(S.div,{animate:{x:[0,5,0]},transition:{duration:1.5,repeat:1/0},children:t.jsx(w,{className:"w-6 h-6"})})]})]})]}),t.jsxs(S.div,{initial:{opacity:0}

1,whileInView:{opacity:.6},viewport:{once:!0},className:"mt-20 flex flex-wrap justify-center items-center gap-12",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(s,{className:"w-5 h-5 text-orange-600"}),t.jsx("span",{className:"text-sm font-medium text-gray-600 dark:text-gray-400",children:"Award-Winning Apps"})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(n,{className:"w-5 h-5 text-orange-600"}),t.jsx("span",{className:"text-sm font-medium text-gray-600 dark:text-gray-400",children:"Expert Developers"})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(l,{className:"w-5 h-5 text-orange-600"}),t.jsx("span",{className:"text-sm font-medium text-gray-600 dark:text-gray-400",children:"Global Delivery"})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(r,{className:"w-5 h-5 text-orange-600"}),t.jsx("span",{className:"text-sm font-medium text-gray-600 dark:text-gray-400",children:"24/7 Support"})]})]})]})]})})};export{D as default};