https://vitaapps.dev/assets/CrossPlatform-vT6X3NoC.js

1import{u as h,n as f,j as e,S as u,N as g,s as n,H as j}from"./index-376A2J5H.js";import{u as v,r as b,R as N}from"./vendor-react-0R6VX6ld.js";import{s as w}from"./service_bg2-ikSQRSo6.js";import y from"./Footer-gF2jTve3.js";import{m as c}from"./vendor-framer-JqHIcSWX.js";import"./vendor-three-dec0Z_i3.js";import"./vendor-icons-LlCGcXb-.js";import"./index-v2SWm-nz.js";import"./index-zMxkKZQp.js";const s=({text:t,className:a})=>e.jsx(e.Fragment,{children:t.split("<br />").map((l,i,o)=>e.jsxs(N.Fragment,{children:[e.jsx("span",{className:a,children:l}),i<o.length-1&&e.jsx("br",{})]},i))}),A=()=>{const{t,language:a}=h(),l=v(),[i,o]=b.useState(null),d=[{name:t("common.apps"),path:"/services/app-development"},{name:t("common.ui-ux"),path:"/services/ui-ux-design"},{name:t("common.mvp-dev"),path:"/services/mvp-development"},{name:t("common.app-testing"),path:"/services/app-testing"},{name:t("common.maintenance"),path:"/services/maintenance"}],x=r=>{o(r.name),l(r.path)},m=j(a==="de"?"Cross-Platform Entwicklung":"Cross-Platform Development",a==="de"?"Cross-Platform App-Entwicklung mit Flutter und React Native. Eine Codebasis für iOS und Android.":"Cross-platform app development with Flutter and React Native. One codebase for iOS and Android.","/services/cross-platform"),p=f([{name:"Home",url:"/"},{name:a==="de"?"Leistungen":"Services",url:"/services"},{name:"Cross-Platform",url:"/services/cross-platform"}]);return e.jsxs("div",{className:"flex flex-col min-h-screen bg-primary text-white relative z-0 overflow-hidden",children:[e.jsx(u,{title:a==="de"?"Cross-Platform Entwicklung":"Cross-Platform Development",description:a==="de"?"Cross-Platform App-Entwicklung mit Flutter und React Native. Eine Codebasis für iOS und Android.":"Cross-platform app development with Flutter and React Native. One codebase for iOS and Android.",url:"/services/cross-platform",structuredData:[m,p]}),e.jsx(g,{}),e.jsxs("div",{className:"relative flex-grow",children:[e.jsxs("div",{className:"relative z-0 w-full h-[700px]",children:[e.jsx("img",{src:w,alt:"Background",className:"absolute inset-0 w-full h-full object-cover opacity-20 pointer-events-none"}),e.jsxs("div",{className:"relative z-10 container mx-auto px-4 grid md:grid-cols-3 items-center h-full",children:[e.jsxs("div",{className:"md:col-span-2 flex flex-col justify-center h-full",children:[e.jsxs("h2",{className:`${n.heroHeadText} text-white leading-tight mb-10`,children:[t("crossPlatform.heroTitle").split(" ")[0],e.jsx("br",{}),e.jsx("span",{className:"bg-gradient-to-r from-purple-500 via-purple-400 to-purple-600 text-transparent bg-clip-text",children:t("crossPlatform.heroTitle").split(" ")[1]})," "]}),e.jsx("p",{className:"text-gray-400 max-w-xl mb-6 text-center md:text-left mx-auto md:mx-0 text-lg",children:e.jsx(s,{text:t("crossPlatform.heroSubtitle")})})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"absolute -left-10 top-8 flex flex-col items-center",children:[e.jsx("div",{className:"h-6 w-6 rounded-full bg-gradient-to-r from-purple-700 to-indigo-700 shadow-[0_0_20px_#6D28D9]"}),e.jsx("div",{className:"w-[3px] h-60 bg-gradient-to-b from-purple-700 to-transparent"})]}),e.jsxs("div",{className:"relative z-10 space-y-6 p-8",children:[e.jsx("h3",{className:"text-2xl font-bold mb-4",children:t("crossPlatform.otherServices")}),e.jsx("div",{className:"flex flex-wrap gap-4",children:d.map(r=>e.jsx("button",{onClick:()=>x(r),className:`border rounded-full px-8 py-3 text-lg transition font-semibold
2                        ${i===r.name?"border-purple-500 text-purple-500":"border-gray-500 text-gray-300 hover:text-purple-400 hover:border-purple-400"}
3                      `,children:r.name},r.name))})]})]})]})]}),e.jsxs("div",{className:"relative container mx-auto px-4 py-20",children:[e.jsx("h3",{className:"text-4xl font-bold text-white mb-16",children:t("crossPlatform.benefitsTitle")}),e.jsxs("div",{className:"flex flex-col md:flex-row justify-center items-start md:items-stretch gap-y-12 gap-x-6 px-2",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx("h4",{className:"text-white text-2xl font-semibold leading-snug mb-1",children:e.jsx(s,{text:t("crossPlatform.costEffective")}

3)}),e.jsx("div",{className:"w-64 h-[6px] bg-gradient-to-r from-purple-500 to-indigo-500 rounded-full mb-4"}),e.jsx("p",{className:"text-gray-300 text-lg",children:e.jsx(s,{text:t("crossPlatform.costEffectiveDesc")})})]}),e.jsxs("div",{className:"hidden md:flex flex-col items-center justify-center",children:[e.jsx("div",{className:"h-3 w-3 rounded-full bg-gradient-to-r from-purple-700 to-indigo-700 shadow-[0_0_10px_#6D28D9]"}),e.jsx("div",{className:"w-[3px] h-28 bg-purple-700"}),e.jsx("div",{className:"h-3 w-3 rounded-full bg-gradient-to-r from-purple-700 to-indigo-700 shadow-[0_0_10px_#6D28D9]"})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h4",{className:"text-white text-2xl font-semibold leading-snug mb-1",children:e.jsx(s,{text:t("crossPlatform.fasterDevelopment")})}),e.jsx("div",{className:"w-64 h-[6px] bg-gradient-to-r from-purple-500 to-indigo-500 rounded-full mb-4"}),e.jsx("p",{className:"text-gray-300 text-lg",children:e.jsx(s,{text:t("crossPlatform.fasterDevelopmentDesc")})})]}),e.jsxs("div",{className:"hidden md:flex flex-col items-center justify-center",children:[e.jsx("div",{className:"h-3 w-3 rounded-full bg-gradient-to-r from-purple-700 to-indigo-700 shadow-[0_0_10px_#6D28D9]"}),e.jsx("div",{className:"w-[3px] h-28 bg-purple-700"}),e.jsx("div",{className:"h-3 w-3 rounded-full bg-gradient-to-r from-purple-700 to-indigo-700 shadow-[0_0_10px_#6D28D9]"})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h4",{className:"text-white text-2xl font-semibold leading-snug mb-1",children:e.jsx(s,{text:t("crossPlatform.consistentUI")})}),e.jsx("div",{className:"w-64 h-[6px] bg-gradient-to-r from-purple-500 to-indigo-500 rounded-full mb-4"}),e.jsx("p",{className:"text-gray-300 text-lg",children:e.jsx(s,{text:t("crossPlatform.consistentUIDesc")})})]})]})]}),e.jsxs("section",{className:"relative container mx-auto px-4 py-20",children:[e.jsx("h2",{className:`${n.heroHeadText} text-white mb-12`,children:t("crossPlatform.processTitle")}),e.jsx("p",{className:"text-gray-400 max-w-2xl mb-16",children:e.jsx(s,{text:t("crossPlatform.processSubtitle")})}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-10 text-gray-300",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-5xl font-bold bg-gradient-to-r from-purple-500 via-purple-400 to-indigo-500 bg-clip-text text-transparent inline-block",children:"01"}),e.jsx("h4",{className:"text-xl font-semibold text-white",children:t("crossPlatform.frameworkSelection")}),e.jsx("p",{children:e.jsx(s,{text:t("crossPlatform.frameworkSelectionDesc")})})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-5xl font-bold bg-gradient-to-r from-purple-500 via-purple-400 to-indigo-500 bg-clip-text text-transparent inline-block",children:"02"}),e.jsx("h4",{className:"text-xl font-semibold text-white",children:t("crossPlatform.sharedCodebase")}),e.jsx("p",{children:e.jsx(s,{text:t("crossPlatform.sharedCodebaseDesc")})})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-5xl font-bold bg-gradient-to-r from-purple-500 via-purple-400 to-indigo-500 bg-clip-text text-transparent inline-block",children:"03"}),e.jsx("h4",{className:"text-xl font-semibold text-white",children:t("crossPlatform.platformAdaptation")}),e.jsx("p",{children:e.jsx(s,{text:t("crossPlatform.platformAdaptationDesc")})})]})]}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-10 text-gray-300 mt-16",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-5xl font-bold bg-gradient-to-r from-purple-500 via-purple-400 to-indigo-500 bg-clip-text text-transparent inline-block",children:"04"}),e.jsx("h4",{className:"text-xl font-semibold text-white",children:t("crossPlatform.performanceOptimization")}),e.jsx("p",{children:e.jsx(s,{text:t("crossPlatform.performanceOptimizationDesc")})})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-5xl font-bold bg-gradient-to-r from-purple-500 via-purple-400 to-indigo-500 bg-clip-text text-transparent inline-block",children:"05"}),e.jsx("h4",{className:"text-xl font-semibold text-white",children:t("crossPlatform.testing")}),e.jsx("p",{children:e.jsx(s,{text:t("crossPlatform.testingDesc")})})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-5xl font-bold bg-gradient-to-r from-purple-500 via-purple-400 to-indigo-500 bg-clip-text text-transparent inline-block",children:"06"}),e.jsx("h4",{className:"text-xl font-semibold text-white",children:t("crossPlatform.deployment")}),e.jsx("p",{children:e.jsx(s,{text:t("crossPlatform.deploymentDesc")})})]})]})]})]}),e.jsxs("div",{className:"bg-gradient-to-r from-[#1F1F47] via-[#2E2E70] to-[#1F1F47]",children:[e.jsx("section",{className:"relative w-full pt-24 px-0",children:e.jsxs("div",{className:"relative w-full min-h-[350px] overflow-hidden p-10",children:[e.jsx(c.div,{initial:{x:"-100%",opacity:.1},animate:{x:"100%"},transition:{repeat:1/0,duration:8,ease:"linear"},className:"absolute top-0 left-0 h-full w-1 bg-gradient-to-b from-purple-700/20 via-purple-500/20 to-purple-700/20"}),e.jsx(c.div,{initial:{x:"100%",opacity:.1},animate:{x:"-100%"},transition:{repeat:1/0,duration:10,ease:"linear"},className:"absolute bottom-0 right-0 h-full w-1 bg-gradient-to-b from-purple-700/20 via-purple-500/20 to-purple-700/20"}),e.jsxs("div",{className:"relative z-10 text-center space-y-8 max-w-3xl mx-auto",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-extrabold bg-gradient-to-r from-purple-400 via-purple-300 to-indigo-400 bg-clip-text text-transparent",children:t("crossPlatform.ctaTitle")}),e.jsx("p",{className:"text-gray-400",children:e.jsx(s,{text:t("crossPlatform.ctaSubtitle")})}),e.jsx("button",{onClick:()=>{l("/"),setTimeout(()=>{const r=document.getElementById("contact");r&&r.scrollIntoView({behavior:"auto"})},0)},className:"px-6 py-3 bg-gradient-to-r from-purple-600 to-indigo-600 rounded-full text-white font-semibold shadow-lg hover:scale-105 transition",children:"Get Started"})," "]})]})}),e.jsx(y,{})]})]})};export{A as default};