https://teamstyria.info/assets/fb-mockup-ClAFP9FR.js

1import{c as s,r as i,s as r,j as e,f as u,X as f}from"./index-B_2vWuaT.js";import{l as x}from"./teamstyria-logo-color-CGSt0Mdo.js";import{S as j}from"./search-CECqDnaH.js";import{M as d}from"./message-circle-CFqFPbhh.js";import{U as N}from"./users-BV2mZsKV.js";import{M as g}from"./menu-rG_NfXle.js";import{G as v}from"./globe-D0-Kfm2A.js";import{T as h}from"./thumbs-up-DNKq9kmk.js";import{H as y}from"./heart-DzjQ53-l.js";const w=[["path",{d:"M 22 14 L 22 10",key:"nqc4tb"}],["rect",{x:"2",y:"6",width:"16",height:"12",rx:"2",key:"13zb55"}]],k=s("battery",w);const M=[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]],S=s("bell",M);const _=[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]],E=s("ellipsis",_);const H=[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"r6nss1"}]],C=s("house",H);const F=[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]],T=s("share-2",F);const z=[["path",{d:"M2 20h.01",key:"4haj6o"}],["path",{d:"M7 20v-4",key:"j294jx"}],["path",{d:"M12 20v-8",key:"i3yub9"}],["path",{d:"M17 20V8",key:"1tkaf5"}],["path",{d:"M22 4v16",key:"sih9yq"}]],A=s("signal",z);const B=[["path",{d:"M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5",key:"slp6dd"}],["path",{d:"M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244",key:"o0xfot"}],["path",{d:"M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05",key:"wn3emo"}]],V=s("store",B);const I=[["path",{d:"m17 2-5 5-5-5",key:"16satq"}],["rect",{width:"20",height:"15",x:"2",y:"7",rx:"2",key:"1e6viu"}]],$=s("tv",I);const P=[["path",{d:"M12 20h.01",key:"zekei9"}],["path",{d:"M2 8.82a15 15 0 0 1 20 0",key:"dnpr2z"}],["path",{d:"M5 12.859a10 10 0 0 1 14 0",key:"1x1e6c"}],["path",{d:"M8.5 16.429a5 5 0 0 1 7 0",key:"1bycff"}]],L=s("wifi",P),q=()=>{const[t,o]=i.useState(!1),[n,c]=i.useState("loading");return i.useEffect(()=>{let l=!1;(async()=>{const{data:m}=await r.auth.getSession();if(!m.session){l||c("denied");return}const{data:b,error:p}=await r.rpc("is_admin");l||c(!p&&b===!0?"allowed":"denied")})();const a=document.createElement("meta");return a.name="robots",a.content="noindex,nofollow",document.head.appendChild(a),()=>{l=!0,a.remove()}},[]),n==="loading"?null:n==="denied"?e.jsx(u,{}):e.jsx("div",{className:"min-h-screen bg-[#1c1c1c] flex items-start justify-center",children:e.jsxs("div",{className:"w-full max-w-[390px] mx-auto bg-[#242526] min-h-screen relative overflow-hidden",style:{fontFamily:"'Helvetica Neue', Helvetica, Arial, sans-serif"},children:[e.jsx("h1",{className:"sr-only",children:"Facebook Ad Mockup – Team Styria Werkstätten"}),e.jsxs("div",{className:"flex items-center justify-between px-5 pt-3 pb-1 bg-[#242526]",children:[e.jsx("span",{className:"text-white text-sm font-semibold",children:"11:36"}),e.jsxs("div",{className:"flex items-center gap-1.5","aria-hidden":"true",children:[e.jsx(A,{className:"h-3.5 w-3.5 text-white"}),e.jsx(L,{className:"h-3.5 w-3.5 text-white"}),e.jsxs("div",{className:"flex items-center gap-0.5",children:[e.jsx(k,{className:"h-3.5 w-3.5 text-white"}),e.jsx("span",{className:"text-[10px] text-white font-medium",children:"68"})]})]})]}),e.jsxs("div",{className:"flex items-center justify-between px-4 py-2 bg-[#242526]",children:[e.jsx("span",{className:"text-[#2196F3] text-2xl font-bold tracking-tight",children:"facebook"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{type:"button","aria-label":"Suche",className:"h-9 w-9 rounded-full bg-[#3a3b3c] flex items-center justify-center",children:e.jsx(j,{className:"h-4.5 w-4.5 text-[#b0b3b8]","aria-hidden":"true"})}),e.jsx("button",{type:"button","aria-label":"Nachrichten",className:"h-9 w-9 rounded-full bg-[#3a3b3c] flex items-center justify-center",children:e.jsx(d,{className:"h-4.5 w-4.5 text-[#b0b3b8]","aria-hidden":"true"})})]})]}),e.jsxs("div",{className:"flex items-center justify-around border-b border-[#3a3b3c] px-2 bg-[#242526]",role:"tablist","aria-label":"Facebook Navigation",children:[e.jsx("button",{type:"button",role:"tab","aria-label":"Startseite","aria-selected":"true",className:"flex-1 flex items-center justify-center py-2.5 border-b-2 border-[#2196F3]",children:e.jsx(C,{className:"h-5 w-5 text-[#2196F3]","aria-hidden":"true"})}),e.jsx("button",{type:"button",role:"tab","aria-label":"Watch",className:"flex-1 flex items-center justify-center py-2.5",children:e.jsx($,{className:"h-5 w-5 text-[#b0b3b8]","aria-hidden":"true"})}),e.jsx("button",{type:"button",role:"tab","aria-label":"Marketplace",className:"flex-1 flex items-center justify-center py-2.5",children:e.jsx(V,{className:"h-5 w-5 text-[#b0b3b8]","aria-hidden":"true"})}),e.jsx("button",{type:"button",role:"tab","aria-label":"Gruppen",className:"flex-1 flex items-center justify-center py-2.5",children:e.jsx(N,{className:"h-5 w-5 text-[#b0b3b8]","aria-hidden":"true"})}),e.jsxs("button",{type:"button",role:"tab","aria-label":"Benachrichtigungen",className:"flex-1 flex items-center justify-center py-2.5 relative",children:[e.jsx(S,{className:"h-5 w-5 text-[#b0b3b8]","aria-hidden":"true"}),e.jsx("span",{className:"absolute top-1.5 right-[calc(50%-2px)] h-2.5 w-2.5 rounded-full bg-red-500 border-2 border-[#242526]"})]}),e.jsx("button",{type:"button",role:"tab","aria-label":"Menü",className:"flex-1 flex items-center justify-center py-2.5",children:e.jsx(g,{className:"h-5 w-5 text-[#b0b3b8]","aria-hidden":"true"})})]}),e.jsxs("div",{className:"bg-[#18191a]",children:[e.jsx("div",{className:"h-2 bg-[#18191a]"}),e.jsxs("div",{className:"bg-[#242526]",children:[e.jsxs("div",{className:"flex items-start justify-between px-4 pt-3 pb-2",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:"h-10 w-10 rounded-full bg-white overflow-hidden flex items-center justify-center p-0.5",children:e.jsx("img",{src:x,alt:"Team Styria",className:"h-full w-full object-contain"})}),e.jsxs("div",{children:[e.jsx("div",{className:"flex items-center gap-1",children:e.jsx("span",{className:"text-[#e4e6eb] text-[15px] font-semibold leading-tight",children:"Team Styria Werkstätten"})}),e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsx("span",{className:"text-[#b0b3b8] text-xs",children:"Sponsored"}),e.jsx("span",{className:"text-[#b0b3b8] text-xs",children:"·"}),e.jsx(v,{className:"h-3 w-3 text-[#b0b3b8]"})]})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(E,{className:"h-5 w-5 text-[#b0b3b8]"}),e.jsx(f,{className:"h-5 w-5 text-[#b0b3b8]"})]})]}),e.jsx("div",{className:"px-4 pb-3",children:e.jsxs("p",{className:"text-[#e4e6eb] text-[15px] leading-snug",children:["Sie suchen einen zuverlässigen EMS-Partner für SMD- & THT-Bestückung? 🔧⚡ Wir fertigen Baugruppen, Schaltschränke und komplette Systeme – mit AOI-geprüfter Qualität und persönlicher Betreuung.",e.jsx("span",{className:"text-[#b0b3b8]",children:" ... "}),e.jsx("span",{className:"text-[#b0b3b8] text-[15px]",children:"more"})]})}),e.jsx("div",{className:"relative w-full",children:e.jsxs("div",{className:"w-full bg-[#0a1e2e] aspect-[4/5] flex flex-col items-center justify-center px-6 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.04]",style:{backgroundImage:`url("data:image/svg+xml,%3Csvg width='60' height='60' viewB

1ox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`}}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-[#0d2a3d] via-[#0a1e2e] to-[#061520]"}),e.jsxs("div",{className:"relative bg-white rounded-xl shadow-2xl p-5 w-[88%] mb-5 mt-6",children:[e.jsx("div",{className:"flex items-center justify-center mb-3",children:e.jsx("img",{src:x,alt:"Team Styria",className:"h-10 w-auto"})}),e.jsxs("h2",{className:"text-[#0a1e2e] text-lg font-extrabold text-center leading-tight uppercase tracking-wide",children:["Elektrotechnik &",e.jsx("br",{}),e.jsx("span",{className:"text-[#0066cc]",children:"EMS-Fertigung"})]}),e.jsx("p",{className:"text-center text-[10px] text-[#666] mt-2 uppercase tracking-widest",children:"AOI-geprüft · ISO-konform · Integrativer Betrieb"})]}),e.jsxs("div",{className:"relative text-white text-center px-3 pb-6",children:[e.jsx("p",{className:"text-[13px] font-bold mb-4 leading-snug",children:"Ihr verlässlicher Partner für elektronische Baugruppen & Schaltschrankbau in Österreich."}),e.jsxs("div",{className:"space-y-2 text-left max-w-[290px] mx-auto",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-[#60a5fa] mt-0.5 text-sm font-bold",children:"✓"}),e.jsxs("span",{className:"text-[13px] leading-snug",children:[e.jsx("strong",{children:"SMD- & THT-Bestückung"})," – von Prototyp bis Serienfertigung"]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-[#60a5fa] mt-0.5 text-sm font-bold",children:"✓"}),e.jsxs("span",{className:"text-[13px] leading-snug",children:[e.jsx("strong",{children:"AOI-Inspektion"})," – automatisierte optische Qualitätskontrolle jeder Baugruppe"]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-[#60a5fa] mt-0.5 text-sm font-bold",children:"✓"}),e.jsxs("span",{className:"text-[13px] leading-snug",children:[e.jsx("strong",{children:"Schaltschrankbau"})," – Planung, Verdrahtung & Prüfung aus einer Hand"]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-[#60a5fa] mt-0.5 text-sm font-bold",children:"✓"}),e.jsxs("span",{className:"text-[13px] leading-snug",children:[e.jsx("strong",{children:"Persönlicher Ansprechpartner"})," – direkte Leitung durch Experten vor Ort"]})]})]}),e.jsx("div",{className:"mt-4 pt-3 border-t border-white/10",children:e.jsx("p",{className:"text-[11px] text-white/50 italic",children:"Vertraut von Ökosolar PV, ITEC Tontechnik u.v.m."})})]})]})}),e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 bg-[#3a3b3c]",children:[e.jsxs("div",{className:"flex-1 pr-3",children:[e.jsx("p",{className:"text-[#b0b3b8] text-xs",children:"teamstyria.lovable.app"}),e.jsx("p",{className:"text-[#e4e6eb] text-[15px] font-semibold leading-tight mt-0.5",children:"EMS & Schaltschrankbau – Jetzt unverbindlich anfragen"})]}),e.jsx("button",{className:"bg-[#e4e6eb] text-[#050505] text-sm font-semibold px-4 py-2 rounded-md whitespace-nowrap flex-shrink-0",children:"Learn more"})]}),e.jsxs("div",{className:"flex items-center justify-between px-4 py-2",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("div",{className:"flex -space-x-0.5",children:[e.jsx("div",{className:"h-[18px] w-[18px] rounded-full bg-[#2196F3] flex items-center justify-center",children:e.jsx(h,{className:"h-2.5 w-2.5 text-white",fill:"white"})}),e.jsx("div",{className:"h-[18px] w-[18px] rounded-full bg-red-500 flex items-center justify-center",children:e.jsx(y,{className:"h-2.5 w-2.5 text-white",fill:"white"})})]}),e.jsx("span",{className:"text-[#b0b3b8] text-[13px]",children:t?25:24})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-[#b0b3b8] text-[13px]",children:"3 comments"}),e.jsx("span",{className:"text-[#b0b3b8] text-[13px]",children:"12 shares"})]})]}),e.jsxs("div",{className:"flex items-center justify-around border-t border-[#3a3b3c] px-2 py-1",children:[e.jsxs("button",{onClick:()=>o(!t),className:"flex items-center gap-1.5 py-2 px-3 rounded-md",children:[e.jsx(h,{className:`h-5 w-5 ${t?"text-[#2196F3]":"text-[#b0b3b8]"}`,fill:t?"#2196F3":"none"}),e.jsx("span",{className:`text-[13px] font-semibold ${t?"text-[#2196F3]":"text-[#b0b3b8]"}`,children:"Like"})]}),e.jsxs("button",{className:"flex items-center gap-1.5 py-2 px-3 rounded-md",children:[e.jsx(d,{className:"h-5 w-5 text-[#b0b3b8]"}),e.jsx("span",{className:"text-[13px] font-semibold text-[#b0b3b8]",children:"Comment"})]}),e.jsxs("button",{className:"flex items-center gap-1.5 py-2 px-3 rounded-md",children:[e.jsx(T,{className:"h-5 w-5 text-[#b0b3b8]"}),e.jsx("span",{className:"text-[13px] font-semibold text-[#b0b3b8]",children:"Share"})]})]})]}),e.jsx("div",{className:"h-2 bg-[#18191a]"}),e.jsxs("div",{className:"bg-[#242526] px-4 pt-3 pb-4",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:"h-10 w-10 rounded-full bg-[#3a3b3c]"}),e.jsxs("div",{children:[e.jsx("div",{className:"h-3 w-28 bg-[#3a3b3c] rounded"}),e.jsx("div",{className:"h-2.5 w-16 bg-[#3a3b3c] rounded mt-1.5"})]})]}),e.jsxs("div",{className:"mt-3 space-y-2",children:[e.jsx("div",{className:"h-3 w-full bg-[#3a3b3c] rounded"}),e.jsx("div",{className:"h-3 w-4/5 bg-[#3a3b3c] rounded"})]})]})]})]})})},K=q;export{K as component};