IT4C.dev/assets/index.html-CytUw73L.js
2025-07-12 12:14:11 +00:00

2 lines
9.3 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import{_ as g,c as h,a as t,e,w as s,r as a,o as u,d as c}from"./app-DFzJ4zlk.js";const p="/images/hero-bg-desktop.jpg",f="/images/hero-bg-mobile.jpg",b={},v={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-8"},x={class:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mt-10"},k={class:"grid md:grid-cols-2 gap-8"};function w(y,i){const r=a("ServiceCard"),o=a("ContentSection"),n=a("TeamMember"),d=a("ProjectCard"),l=a("ProcessStep"),m=a("ContactForm");return u(),h("div",null,[i[2]||(i[2]=t("section",{class:"full-width-section h-screen relative"},[t("img",{src:p,alt:"Technologie für den gesellschaftlichen Wandel",class:"w-full h-screen object-cover hidden md:block"}),t("div",{class:"absolute inset-0 bg-gradient-to-r from-[#22596c]/100 via-[#22596c]/80 to-transparent dark:from-[#22596c]/100 dark:via-[#22596c]/80 dark:to-transparent hidden md:block",style:{width:"65%"}}),t("div",{class:"w-full h-screen md:hidden relative overflow-hidden"},[t("img",{src:f,alt:"Technologie für den gesellschaftlichen Wandel",class:"absolute top-0 left-0 w-full h-auto object-cover max-h-none",style:{"min-width":"100%"}})]),t("div",{class:"absolute left-0 right-0 bottom-0 md:hidden bg-gradient-to-t from-[#22596c]/100 via-[#22596c]/100 via-[#22596c]/90 to-transparent dark:from-[#22596c]/100 dark:via-[#22596c]/100 dark:via-[#22596c]/90 dark:to-transparent",style:{height:"70vh"}}),t("div",{class:"absolute left-0 right-0 bottom-0 sm:hidden",style:{height:"80vh","background-image":"linear-gradient(to top, #22596c 70%, transparent 100%)"}}),t("div",{class:"absolute inset-0 flex flex-col md:justify-start md:pt-45 justify-end pb-8 md:pb-16"},[t("div",{class:"content-width mx-auto px-4 md:px-6"},[t("div",{class:"w-full md:w-3/5 lg:w-1/2 z-10 md:mt-0 relative"},[t("div",{role:"heading","aria-level":"1",class:"text-3xl md:text-4xl lg:text-5xl mb-6 text-white text-center sm:text-left font-montserrat leading-tight text-shadow"}," IT4C Technologie für den gesellschaftlichen Wandel "),t("p",{class:"text-xl md:text-2xl text-white text-center sm:text-left font-sourcesans mb-8 max-w-2xl text-shadow-sm"}," Wir sind Softwareentwickler, die deine alternative Vision verstehen und umsetzen. Mit technischer Expertise und persönlicher Betreuung unterstützen wir Projekte, die Positives bewirken. "),t("div",{class:"flex flex-col sm:flex-row gap-4"},[t("a",{href:"#kontakt",class:"hero-button hero-button-primary px-6 py-3 bg-[#ececec] !text-black rounded-full font-medium text-center shadow-md no-underline relative overflow-hidden"},[t("span",{class:"relative z-10"},"Projekt starten")]),t("a",{href:"#leistungen",class:"hero-button hero-button-secondary px-6 py-3 bg-black/20 !text-white rounded-full font-medium text-center border border-white shadow-md no-underline relative overflow-hidden"},[t("span",{class:"relative z-10"},"Unsere Leistungen")])])])])])],-1)),e(o,{id:"leistungen",title:"Leistungen"},{default:s(()=>[i[0]||(i[0]=t("p",null,[c(" In unserem "),t("b",null,"IT Team for Change"),c(" bündeln wir die Expertise engagierter Persönlichkeiten, die in den nachfolgenden Bereichen bewandert sind. ")],-1)),t("div",v,[e(r,{title:"Webentwicklung",items:["Frontend","Responsive Design","Barrierefreiheit","Backend"]}),e(r,{title:"Hosting",items:["Wordpress","Ocelot.social","Zugeschnittene Lösungen","Nachhaltige Serverinfrastrukturen"]}),e(r,{title:"Mobile Anwendungen",items:["Android","iOS","PWA"]}),e(r,{title:"Beratung & Betreuung",items:["Systemarchitektur","DevOps & Prozessbegleitung","Monitoring & Security","Technische Konzeption","Agiles Projektmanagement","Nachhaltigkeitsanalyse"]}),e(r,{title:"Software-Entwicklung",items:["API-Entwicklung","Datenbank-Design","Performance-Optimierung","Deployment-Automatisierung","Code-Qualität & Testing"]})])]),_:1}),e(o,{id:"team",title:"Team & Werte",backgroundColor:"bg-gray-50 dark:bg-gray-800"},{default:s(()=>[i[1]||(i[1]=t("p",null,"Wir glauben an die Kraft von Technologie für positiven Wandel. Unser Team verbindet technische Expertise mit nachhaltigem Denken und sozialer Verantwortung.",-1)),t("div",x,[e(n,{name:"Hannes",role:"Backend",profileUrl:"./team/hannes-heine.html",image:"./images/portrait/hannes-heine.jpg"}),e(n,{name:"Mathias",role:"Testing, Entwicklung",profileUrl:"./team/mathias-lenz.html",image:"./images/portrait/ml-portrait.jpg"}),e(n,{name:"Max",role:"Frontend",profileUrl:"/team/maximilian-harz.html",image:"./images/portrait/max.jpg"}),e(n,{name:"Moriz",role:"Backend",profileUrl:"/team/moriz-wahl.html",image:"./images/portrait/moriz-wahl.jpg"}),e(n,{name:"Sebastian",role:"Frontend, UX",profileUrl:"./team/sebastian-stein.html",image:"./images/portrait/sebastian-stein.jpg"}),e(n,{name:"Ulf",role:"Entwicklung, Hosting",profileUrl:"./team/ulf-gebhardt.html",image:"./images/portrait/ulf-gebhardt.jpg"}),e(n,{name:"Wolfgang",role:"Kommunikation, Entwicklung",profileUrl:"./team/wolfgang-huss.html",image:"./images/portrait/Wolfgang_Huss.jpeg"})])]),_:1}),e(o,{id:"projekte",title:"Projekte"},{default:s(()=>[t("div",k,[e(d,{title:"Ocelot.Social",description:"Ocelot.social ist eine Open-Source Alternative für soziale Netzwerke wie Facebook, Instagram oder TikTok",image:"./images/projects/ocelot.png",tags:["Social Media"],href:"/projekte/ocelot.social.html"}),e(d,{title:"Utopia Map",description:"Utopia Map ist eine interaktive Karte, die echte Verbindungen stärkt und Zusammenarbeit auf Augenhöhe ermöglicht",image:"./images/projects/utopia-map-cropped.png",tags:["Mapping","Gaming"],href:"/projekte/utopia.map.html"})])]),_:1}),e(o,{id:"prozess",title:"Unser Prozess",backgroundColor:"bg-gray-50 dark:bg-gray-800"},{default:s(()=>[e(l,{number:"1",title:"Kennenlernen & Vision",description:"Persönliches Gespräch und detaillierte Bedarfsanalyse"}),e(l,{number:"2",title:"Agile Entwicklung",description:"Technische Konzeption und iterative Umsetzung mit kontinuierlichem Feedback und automatisierten Tests"}),e(l,{number:"3",title:"Launch",description:"Deployment und Übergabe mit ausführlicher Dokumentation"}),e(l,{number:"4",title:"Support",description:"Langfristige Betreuung und Weiterentwicklung"})]),_:1}),e(o,{id:"kontakt",title:"Kontakt"},{default:s(()=>[e(m)]),_:1})])}const _=g(b,[["render",w]]),z=JSON.parse('{"path":"/","title":"","lang":"de-DE","frontmatter":{"layout":"BlankLayout"},"git":{},"readingTime":{"minutes":3.37,"words":1012},"filePathRelative":"index.md","excerpt":"<section class=\\"full-width-section h-screen relative\\">\\n <!-- Desktop background image -->\\n <img src=\\"/images/hero-bg-desktop.jpg\\" alt=\\"Technologie für den gesellschaftlichen Wandel\\" class=\\"w-full h-screen object-cover hidden md:block\\">\\n <!-- Desktop gradient -->\\n <div class=\\"absolute inset-0 bg-gradient-to-r from-[#22596c]/100 via-[#22596c]/80 to-transparent dark:from-[#22596c]/100 dark:via-[#22596c]/80 dark:to-transparent hidden md:block\\" style=\\"width: 65%;\\"></div>\\n <div class=\\"w-full h-screen md:hidden relative overflow-hidden\\">\\n <!-- Mobile background image -->\\n <img src=\\"/images/hero-bg-mobile.jpg\\" alt=\\"Technologie für den gesellschaftlichen Wandel\\" class=\\"absolute top-0 left-0 w-full h-auto object-cover max-h-none\\" style=\\"min-width: 100%;\\">\\n </div>\\n <!-- Mobile gradient -->\\n <div class=\\"absolute left-0 right-0 bottom-0 md:hidden bg-gradient-to-t from-[#22596c]/100 via-[#22596c]/100 via-[#22596c]/90 to-transparent dark:from-[#22596c]/100 dark:via-[#22596c]/100 dark:via-[#22596c]/90 dark:to-transparent\\" style=\\"height: 70vh;\\">\\n </div>\\n <!-- XS Mobile gradient -->\\n <div class=\\"absolute left-0 right-0 bottom-0 sm:hidden\\" style=\\"height: 80vh; background-image: linear-gradient(to top, #22596c 70%, transparent 100%);\\">\\n </div>\\n <!-- Content area -->\\n <div class=\\"absolute inset-0 flex flex-col md:justify-start md:pt-45 justify-end pb-8 md:pb-16\\">\\n <div class=\\"content-width mx-auto px-4 md:px-6\\">\\n <!-- Für Desktop: Normal positioniert mit margin-top -->\\n <!-- Für Mobile: Am unteren Rand fixiert ohne margin -->\\n <div class=\\"w-full md:w-3/5 lg:w-1/2 z-10 md:mt-0 relative\\">\\n <div role=\\"heading\\" aria-level=\\"1\\" class=\\"text-3xl md:text-4xl lg:text-5xl mb-6 text-white text-center sm:text-left font-montserrat leading-tight text-shadow\\">\\n IT4C Technologie für den gesellschaftlichen Wandel\\n </div>\\n <p class=\\"text-xl md:text-2xl text-white text-center sm:text-left font-sourcesans mb-8 max-w-2xl text-shadow-sm\\">\\n Wir sind Softwareentwickler, die deine alternative Vision verstehen und umsetzen. Mit technischer Expertise und persönlicher Betreuung unterstützen wir Projekte, die Positives bewirken.\\n </p>\\n <div class=\\"flex flex-col sm:flex-row gap-4\\">\\n <a href=\\"#kontakt\\" class=\\"hero-button hero-button-primary px-6 py-3 bg-[#ececec] !text-black rounded-full font-medium text-center shadow-md no-underline relative overflow-hidden\\">\\n <span class=\\"relative z-10\\">Projekt starten</span>\\n </a>\\n <a href=\\"#leistungen\\" class=\\"hero-button hero-button-secondary px-6 py-3 bg-black/20 !text-white rounded-full font-medium text-center border border-white shadow-md no-underline relative overflow-hidden\\">\\n <span class=\\"relative z-10\\">Unsere Leistungen</span>\\n </a>\\n </div>\\n </div>\\n </div>\\n </div>\\n</section>"}');export{_ as comp,z as data};