https://janinemetzgerfotografie.de/assets/business-B-fVQvke.js

1import{G as e,l as t,n,q as r,r as i}from"./i18n-DQsylHHg.js";import{n as a}from"./index-QtZo0I-I.js";import{t as o}from"./BusinessHeader-DMUd5FVF.js";var s=r(e()),c={version:1,asset_id:`5ce795c9-13c0-45fb-b98a-b46b3949bbd6`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/5ce795c9-13c0-45fb-b98a-b46b3949bbd6/business-personal-brand.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/5ce795c9-13c0-45fb-b98a-b46b3949bbd6/business-personal-brand.jpg`,original_filename:`business-personal-brand.jpg`,size:1368958,content_type:`image/jpeg`,created_at:`2026-07-25T13:06:59Z`},l={version:1,asset_id:`c328ad4c-219c-4aef-911b-3232b9b99684`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/c328ad4c-219c-4aef-911b-3232b9b99684/business-reportage.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/c328ad4c-219c-4aef-911b-3232b9b99684/business-reportage.jpg`,original_filename:`business-reportage.jpg`,size:837531,content_type:`image/jpeg`,created_at:`2026-07-25T13:10:19Z`},u=t(),d={version:1,asset_id:`4a67b8ac-eae9-408a-927b-0473e3b2e4b8`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/4a67b8ac-eae9-408a-927b-0473e3b2e4b8/G24_05_1928_P_026.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/4a67b8ac-eae9-408a-927b-0473e3b2e4b8/G24_05_1928_P_026.jpg`,original_filename:`G24_05_1928_P_026.jpg`,size:459135,content_type:`image/jpeg`,created_at:`2026-07-25T15:27:32Z`},f={version:1,asset_id:`6acbd0a6-bc28-4ccb-910e-8caee742430b`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/6acbd0a6-bc28-4ccb-910e-8caee742430b/G24_05_1928_P_040.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/6acbd0a6-bc28-4ccb-910e-8caee742430b/G24_05_1928_P_040.jpg`,original_filename:`G24_05_1928_P_040.jpg`,size:1215997,content_type:`image/jpeg`,created_at:`2026-07-25T15:27:36Z`},p={version:1,asset_id:`0316ebda-bd2c-4151-be23-645c1890d5a6`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/0316ebda-bd2c-4151-be23-645c1890d5a6/G24_05_1928_P_054.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/0316ebda-bd2c-4151-be23-645c1890d5a6/G24_05_1928_P_054.jpg`,original_filename:`G24_05_1928_P_054.jpg`,size:518111,content_type:`image/jpeg`,created_at:`2026-07-25T15:27:39Z`},m={version:1,asset_id:`bf61609d-dda1-4d62-ad07-0375484f8bc7`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/bf61609d-dda1-4d62-ad07-0375484f8bc7/G24_05_1928_P_057.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/bf61609d-dda1-4d62-ad07-0375484f8bc7/G24_05_1928_P_057.jpg`,original_filename:`G24_05_1928_P_057.jpg`,size:543397,content_type:`image/jpeg`,created_at:`2026-07-25T15:27:43Z`},h={version:1,asset_id:`2d6b9ff8-20ff-4d8e-a0ae-f018b698832c`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/2d6b9ff8-20ff-4d8e-a0ae-f018b698832c/G24_05_1928_P_062.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/2d6b9ff8-20ff-4d8e-a0ae-f018b698832c/G24_05_1928_P_062.jpg`,original_filename:`G24_05_1928_P_062.jpg`,size:429745,content_type:`image/jpeg`,created_at:`2026-07-25T15:27:46Z`},g={version:1,asset_id:`88755173-f22a-4aa1-b635-62434fb7680c`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/88755173-f22a-4aa1-b635-62434fb7680c/G24_05_1928_P_070.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/88755173-f22a-4aa1-b635-62434fb7680c/G24_05_1928_P_070.jpg`,original_filename:`G24_05_1928_P_070.jpg`,size:736034,content_type:`image/jpeg`,created_at:`2026-07-25T15:27:50Z`},_={version:1,asset_id:`034dc82d-8f6d-42bf-ba32-7a638540ba16`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/034dc82d-8f6d-42bf-ba32-7a638540ba16/G24_05_1928_P_101.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/034dc82d-8f6d-42bf-ba32-7a638540ba16/G24_05_1928_P_101.jpg`,original_filename:`G24_05_1928_P_101.jpg`,size:514001,content_type:`image/jpeg`,created_at:`2026-07-25T15:27:54Z`},v={version:1,asset_id:`2ba863b8-2294-43f7-afb1-fc903a6909cf`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/2ba863b8-2294-43f7-afb1-fc903a6909cf/G24_05_1928_P_113.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/2ba863b8-2294-43f7-afb1-fc903a6909cf/G24_05_1928_P_113.jpg`,original_filename:`G24_05_1928_P_113.jpg`,

1size:539917,content_type:`image/jpeg`,created_at:`2026-07-25T15:27:57Z`},y={version:1,asset_id:`1d5807dd-88c0-4215-81d4-dfcf0398d4b2`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/1d5807dd-88c0-4215-81d4-dfcf0398d4b2/G24_05_1928_P_114.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/1d5807dd-88c0-4215-81d4-dfcf0398d4b2/G24_05_1928_P_114.jpg`,original_filename:`G24_05_1928_P_114.jpg`,size:576959,content_type:`image/jpeg`,created_at:`2026-07-25T15:28:00Z`},b={version:1,asset_id:`d4b1f9ec-e784-453f-b026-4b79d2cd4efe`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/d4b1f9ec-e784-453f-b026-4b79d2cd4efe/G24_05_1928_P_116.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/d4b1f9ec-e784-453f-b026-4b79d2cd4efe/G24_05_1928_P_116.jpg`,original_filename:`G24_05_1928_P_116.jpg`,size:1251397,content_type:`image/jpeg`,created_at:`2026-07-25T15:28:04Z`},x={version:1,asset_id:`6bff5933-7f8d-4040-8d24-f5327bff96da`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/6bff5933-7f8d-4040-8d24-f5327bff96da/business-identity.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/6bff5933-7f8d-4040-8d24-f5327bff96da/business-identity.jpg`,original_filename:`business-identity.jpg`,size:267955,content_type:`image/jpeg`,created_at:`2026-07-25T13:07:02Z`},S={version:1,asset_id:`e1cafe14-d267-40a7-8ea7-d8ca765d4d8f`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/e1cafe14-d267-40a7-8ea7-d8ca765d4d8f/zvd-team-4.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/e1cafe14-d267-40a7-8ea7-d8ca765d4d8f/zvd-team-4.jpg`,original_filename:`zvd-team-4.jpg`,size:881574,content_type:`image/jpeg`,created_at:`2026-07-26T08:22:53Z`},C={version:1,asset_id:`7c8a08af-1ab2-45b2-a85e-4de20724f94a`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/7c8a08af-1ab2-45b2-a85e-4de20724f94a/zvd-hauptbild.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/7c8a08af-1ab2-45b2-a85e-4de20724f94a/zvd-hauptbild.jpg`,original_filename:`zvd-hauptbild.jpg`,size:384909,content_type:`image/jpeg`,created_at:`2026-07-26T08:12:41Z`},w={version:1,asset_id:`270ac512-f0fe-4afe-bb4d-4b0b3cdb1416`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/270ac512-f0fe-4afe-bb4d-4b0b3cdb1416/zvd-hauptbild-v3.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/270ac512-f0fe-4afe-bb4d-4b0b3cdb1416/zvd-hauptbild-v3.jpg`,original_filename:`zvd-hauptbild-v3.jpg`,size:384909,content_type:`image/jpeg`,created_at:`2026-07-26T08:27:02Z`},T={version:1,asset_id:`e88b1caf-7850-4337-9c0a-2986fa48602c`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/e88b1caf-7850-4337-9c0a-2986fa48602c/zvd-action.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/e88b1caf-7850-4337-9c0a-2986fa48602c/zvd-action.jpg`,original_filename:`zvd-action.jpg`,size:726256,content_type:`image/jpeg`,created_at:`2026-07-26T08:10:13Z`},E={version:1,asset_id:`ac89e10f-3aac-4867-a734-dd50de9955be`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/ac89e10f-3aac-4867-a734-dd50de9955be/zvd-portrait.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/ac89e10f-3aac-4867-a734-dd50de9955be/zvd-portrait.jpg`,original_filename:`zvd-portrait.jpg`,size:2676709,content_type:`image/jpeg`,created_at:`2026-07-26T08:10:13Z`}

1,D={version:1,asset_id:`0f05a735-0e44-4e9f-b4ce-ecca33f5693d`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/0f05a735-0e44-4e9f-b4ce-ecca33f5693d/g23_09_1790_785_hauptbild.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/0f05a735-0e44-4e9f-b4ce-ecca33f5693d/g23_09_1790_785_hauptbild.jpg`,original_filename:`g23_09_1790_785_hauptbild.jpg`,size:3067916,content_type:`image/jpeg`,created_at:`2026-07-26T08:00:00Z`},O={version:1,asset_id:`9397013c-3467-4326-8294-7ca260c964db`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/9397013c-3467-4326-8294-7ca260c964db/g23_09_1790_087.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/9397013c-3467-4326-8294-7ca260c964db/g23_09_1790_087.jpg`,original_filename:`g23_09_1790_087.jpg`,size:2176174,content_type:`image/jpeg`,created_at:`2026-07-26T08:06:03Z`},k={version:1,asset_id:`88e9efa9-2442-4a17-900a-4cd65a6784bc`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/88e9efa9-2442-4a17-900a-4cd65a6784bc/g23_09_1790_225.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/88e9efa9-2442-4a17-900a-4cd65a6784bc/g23_09_1790_225.jpg`,original_filename:`g23_09_1790_225.jpg`,size:2392828,content_type:`image/jpeg`,created_at:`2026-07-26T07:59:59Z`},A={version:1,asset_id:`aa185aec-e3c3-4f0b-abcd-fb03826ddfd9`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/aa185aec-e3c3-4f0b-abcd-fb03826ddfd9/g23_09_1790_387.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/aa185aec-e3c3-4f0b-abcd-fb03826ddfd9/g23_09_1790_387.jpg`,original_filename:`g23_09_1790_387.jpg`,size:1098199,content_type:`image/jpeg`,created_at:`2026-07-26T08:06:03Z`},j={version:1,asset_id:`e1e7a819-13c9-4086-9e1e-09242d7151b1`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/e1e7a819-13c9-4086-9e1e-09242d7151b1/g23_09_1790_749.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/e1e7a819-13c9-4086-9e1e-09242d7151b1/g23_09_1790_749.jpg`,original_filename:`g23_09_1790_749.jpg`,size:2934307,content_type:`image/jpeg`,created_at:`2026-07-26T08:06:03Z`},M={version:1,asset_id:`46ac9b54-5c14-48d0-b0e4-a8791829c274`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/46ac9b54-5c14-48d0-b0e4-a8791829c274/Zum_Abschluss_2.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/46ac9b54-5c14-48d0-b0e4-a8791829c274/Zum_Abschluss_2.jpg`,original_filename:`Zum_Abschluss_2.jpg`,size:973503,content_type:`image/jpeg`,created_at:`2026-07-25T15:40:04Z`},N={version:1,asset_id:`a424f742-84e4-441f-8784-f43f419d534d`,project_id:`d8c33e12-8c74-49ec-bbd2-cb65133e248c`,url:`/__l5e/assets-v1/a424f742-84e4-441f-8784-f43f419d534d/janine-portrait.jpg`,r2_key:`a/v1/d8c33e12-8c74-49ec-bbd2-cb65133e248c/a424f742-84e4-441f-8784-f43f419d534d/janine-portrait.jpg`,original_filename:`janine-portrait.jpg`,size:989708,content_type:`image/jpeg`,created_at:`2026-07-25T16:10:08Z`},P=l.url,F=[f,d,p,m,h,g,_,v,y,b].map(e=>e.url),I=[w,S,C,T,E].map(e=>e.url),L=[D,O,k,A,j].map(e=>e.url),R=c.url,z=x.url,B=M.url,V=N.url,H=`https://calendly.com/janinemetzgerfotografie-info/30-min-analysegesprach?month=2026-07`;function U(){let{t:e}=n(),[t,r]=(0,s.useState)(null),[c,l]=(0,s.useState)(0),[d,f]=(0,s.useState)(0),[p,m]=(0,s.useState)(null),[h,g]=(0,s.useState)(!1),_=t!==null,v=()=>r(e=>e===null?e:(e-1+F.length)%F.length),y=()=>r(e=>e===null?e:(e+1)%F.length),b=()=>m(e=>{if(!e)return e;let t=(e.index-1+e.slides.length)%e.slides.length;return e.onChange(t),{...e,index:t}}),x=()=>m(e=>{if(!e)return e;let t=(e.index+1)%e.slides.length;return e.onChange(t),{...e,index:t}});(0,s.useEffect)(()=>{if(!_&&!p)return;let e=e=>{e.key===`Escape`?(r(null),m(null)):e.key===`ArrowLeft`?(_&&v(),p&&b()):e.key===`ArrowRight`&&(_&&y(),p&&x())};document.addEventListener(`keydown`,e);let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.removeEventListener(`keydown`,e),document.body.style.overflow=t}},[_,p]),(0,s.useEffect)(()=>{let e=()=>g(window.scrollY>window.innerHeight*.55);return e(),window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[]);let S={background:`linear-gradient(90deg, rgba(255,255,255,0.60) 0%, rgba(255,255,255,0.20) 100%)`,backdropFilter:`blur(6px)`,WebkitBackdropFilter:`blur(6px)`},C={backgroundColor:`rgba(255,255,255,0.16)`,backdropFilter:`blur(6px)`,WebkitBackdropFilter:`blur(6px)`};function w({variant:t=`primary`,label:n,className:r=``,theme:i=`dark`}){let a=n??e(`Markengespräch vereinbaren`,`Book a brand call`),o=i===`light`;if(t===`text`)return(0,u.jsxs)(`a`,{href:H,target:`_blank`,rel:`noopener noreferrer`,className:`group inline-flex items-center border-b pb-1 text-[0.72rem] font-medium uppercase tracking-[0.26em] transition-opacity hover:opacity-60 sm:text-[0.74rem] sm:tracking-[0.28em] ${o?`border-white text-white`:`border-neutral-900 text-neutral-900`} ${r}

1`,children:[a,(0,u.jsx)(`span`,{"aria-hidden":!0,className:`ml-3 transition-transform duration-300 group-hover:translate-x-1`,children:`→`})]});let s=t===`secondary`;return(0,u.jsxs)(`a`,{href:H,target:`_blank`,rel:`noopener noreferrer`,className:`cta-shimmer group relative inline-flex items-center justify-center border px-8 py-[1.05rem] text-[0.72rem] font-semibold uppercase tracking-[0.26em] transition-all duration-300 sm:px-10 sm:py-[1.15rem] sm:text-[0.74rem] sm:tracking-[0.28em] ${o?s?`border-white/70 bg-transparent text-white hover:bg-white hover:text-neutral-900`:`border-white bg-white text-neutral-900 shadow-[0_10px_30px_-12px_rgba(255,255,255,0.35)] hover:bg-neutral-100`:s?`border-neutral-900 bg-transparent text-neutral-900 hover:bg-neutral-900 hover:text-white`:`border-neutral-900 bg-neutral-900 text-white shadow-[0_10px_30px_-12px_rgba(0,0,0,0.45)] hover:bg-neutral-800`} ${r}`,children:[(0,u.jsx)(`span`,{className:`relative z-[2]`,children:a}),(0,u.jsx)(`span`,{"aria-hidden":!0,className:`relative z-[2] ml-3 transition-transform duration-300 group-hover:translate-x-1`,children:`→`})]})}return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(`main`,{className:`relative w-full overflow-x-hidden bg-white text-neutral-900`,style:{fontFamily:`'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif`},children:[(0,u.jsx)(o,{logoTo:`/business`,cta:{href:H,label:e(`Termin buchen`,`Book a call`)}}),(0,u.jsxs)(`section`,{className:`relative min-h-svh w-full overflow-hidden`,children:[(0,u.jsx)(`img`,{src:a.url,alt:e(`Businessfotografie mit Haltung — Janine Metzger`,`Business photography with vision — Janine Metzger`),className:`absolute inset-0 h-full w-full object-cover object-[30%_60%] md:object-center`,loading:`eager`,fetchPriority:`high`,decoding:`async`}),(0,u.jsx)(`div`,{"aria-hidden":!0,className:`absolute inset-0`,style:{background:`linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(255,255,255,0.65) 75%, rgba(255,255,255,0.98) 100%)`}}),(0,u.jsxs)(`div`,{className:`relative z-10 mx-auto flex min-h-svh w-full max-w-6xl flex-col justify-end px-5 pt-[calc(84svh+24px)] pb-8 text-left sm:px-6 md:px-12 md:pt-[calc(69svh+40px)] md:pb-20`,children:[(0,u.jsxs)(`div`,{className:`mt-auto md:mt-0`,children:[(0,u.jsx)(`p`,{className:`mb-4 sm:mb-5 inline-block self-start px-3 py-1.5 text-[0.7rem] font-medium uppercase tracking-[0.32em] text-neutral-900 md:text-black`,style:S,children:e(`Janine Metzger — Fotografie`,`Janine Metzger — Photography`)}),(0,u.jsxs)(`h1`,{className:`inline-block max-w-[17rem] self-start px-3 py-2.5 text-[1.6rem] font-normal leading-[1.14] tracking-[-0.02em] break-words text-neutral-900 sm:max-w-none sm:origin-top-left sm:scale-90 sm:px-4 sm:py-3 sm:text-5xl sm:leading-[1.08] sm:tracking-tight md:px-5 md:py-4 md:text-6xl md:text-black lg:text-7xl xl:text-8xl`,style:C,children:[e(`Weg von schön. Hin zu wirksam.`,`Beyond beautiful. Toward effective.`),(0,u.jsx)(`span`,{className:`sr-only`,children:` — Business- & Personal-Branding-Fotografie deutschlandweit von Janine Metzger`})]}),(0,u.jsx)(`p`,{className:`mt-3 inline-block max-w-[17rem] self-start px-3 py-3 text-[0.9rem] font-normal leading-[1.5] break-words text-neutral-900 sm:mt-8 sm:max-w-2xl sm:px-4 sm:text-base sm:leading-relaxed md:text-lg md:text-black`,style:C,children:e(`Professionelle Fotografie ist heute weit mehr als schöne Bilder. Sie entscheidet darüber, wie Menschen Vertrauen aufbauen, Marken wahrnehmen und Unternehmen erleben.`,`Professional photography today is far more than beautiful pictures. It decides how people build trust, perceive brands and experience companies.`)})]}),(0,u.jsxs)(`div`,{className:`mt-10 flex w-full flex-col gap-3 self-start sm:mt-12 sm:w-auto sm:flex-row sm:gap-4 md:mt-14`,children:[(0,u.jsxs)(`a`,{href:H,target:`_blank`,rel:`noopener noreferrer`,className:`cta-shimmer group relative inline-flex w-full items-center justify-center border border-neutral-900 bg-neutral-900 px-8 py-[1.05rem] text-[0.72rem] font-semibold uppercase tracking-[0.26em] text-white shadow-[0_10px_30px_-12px_rgba(0,0,0,0.45)] transition-all duration-300 hover:bg-neutral-800 sm:w-auto 

1sm:px-10 sm:py-[1.15rem] sm:text-[0.74rem] sm:tracking-[0.28em]`,children:[(0,u.jsx)(`span`,{className:`relative z-[2]`,children:e(`Markengespräch vereinbaren`,`Book a brand call`)}),(0,u.jsx)(`span`,{"aria-hidden":!0,className:`relative z-[2] ml-3 transition-transform duration-300 group-hover:translate-x-1`,children:`→`})]}),(0,u.jsxs)(`a`,{href:`#ueber-janine`,className:`group relative inline-flex w-full items-center justify-center border border-neutral-900 px-8 py-[1.05rem] text-[0.72rem] font-semibold uppercase tracking-[0.26em] text-neutral-900 transition-all duration-300 hover:bg-neutral-900 hover:text-white sm:w-auto sm:px-10 sm:py-[1.15rem] sm:text-[0.74rem] sm:tracking-[0.28em]`,style:C,children:[(0,u.jsx)(`span`,{children:e(`Über Janine`,`About Janine`)}),(0,u.jsx)(`span`,{"aria-hidden":!0,className:`ml-3 transition-transform duration-300 group-hover:translate-x-1`,children:`→`})]})]})]})]}),(0,u.jsx)(`section`,{className:`relative w-full bg-white`,children:(0,u.jsxs)(`div`,{className:`mx-auto grid w-full max-w-6xl grid-cols-1 gap-10 px-5 py-20 sm:px-6 sm:py-24 md:grid-cols-12 md:gap-16 md:px-12 md:py-32`,children:[(0,u.jsx)(`div`,{className:`md:col-span-6`,children:(0,u.jsx)(`img`,{src:R,alt:e(`Personal Branding Portrait — Persönlichkeit sichtbar machen`,`Personal branding portrait — making personality visible`),className:`aspect-[4/5] w-full object-cover object-top md:aspect-auto md:h-[80vh]`,loading:`lazy`,decoding:`async`})}),(0,u.jsxs)(`div`,{className:`flex flex-col justify-center md:col-span-6 md:pl-6`,children:[(0,u.jsx)(`p`,{className:`mb-5 text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:mb-6 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:e(`Personal Brand`,`Personal brand`)}),(0,u.jsx)(`h2`,{className:`max-w-md text-[1.75rem] font-normal leading-[1.16] tracking-[-0.02em] break-words text-neutral-900 sm:text-4xl sm:leading-[1.1] sm:tracking-tight md:text-5xl`,children:e(`Menschen kaufen Menschen.`,`People buy people.`)}),(0,u.jsxs)(`div`,{className:`mt-6 max-w-lg space-y-5 text-base leading-[1.65] break-words text-neutral-700 sm:mt-8 sm:text-base sm:leading-relaxed md:text-lg md:text-black`,children:[(0,u.jsx)(`p`,{children:e(`Eine starke Personenmarke entsteht nicht durch perfekte Fotos. Sie entsteht durch eine Bildsprache, die Persönlichkeit sichtbar macht.`,`A strong personal brand doesn't come from perfect photos. It comes from a visual language that makes personality visible.`)}),(0,u.jsx)(`p`,{children:e(`Ich entwickle gemeinsam mit meinen Kundinnen und Kunden eine Bildwelt, die zur Marke passt und langfristig funktioniert. Nicht für Likes. Sondern für Vertrauen.`,`I develop a visual world with my clients that fits their brand and works long term. Not for likes. For trust.`)})]}),(0,u.jsxs)(`a`,{href:H,target:`_blank`,rel:`noopener noreferrer`,className:`mt-8 inl

1ine-flex items-center self-start border-b border-neutral-900 pb-1 text-[0.72rem] font-medium uppercase tracking-[0.26em] text-neutral-900 transition-opacity hover:opacity-60 sm:mt-10 sm:text-[0.74rem] sm:tracking-[0.28em]`,children:[e(`Personal Brand entdecken`,`Discover personal branding`),(0,u.jsx)(`span`,{"aria-hidden":!0,className:`ml-3`,children:`→`})]})]})]})}),(0,u.jsxs)(`section`,{className:`relative w-full overflow-hidden bg-neutral-50`,children:[(0,u.jsx)(`img`,{src:z,alt:e(`Unternehmenskultur sichtbar machen — Corporate Portrait`,`Making company culture visible — corporate portrait`),className:`absolute inset-0 h-full w-full object-cover object-[65%_center] md:object-center`,loading:`lazy`,decoding:`async`}),(0,u.jsx)(`div`,{"aria-hidden":!0,className:`absolute inset-0 md:hidden`,style:{background:`linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 45%, rgba(255,255,255,0.92) 78%, rgba(255,255,255,0.98) 100%)`}}),(0,u.jsx)(`div`,{"aria-hidden":!0,className:`absolute inset-0 hidden md:block`,style:{background:`linear-gradient(90deg, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.55) 40%, rgba(255,255,255,0.10) 75%, rgba(255,255,255,0) 100%)`}}),(0,u.jsx)(`div`,{className:`relative z-10 mx-auto grid w-full max-w-6xl grid-cols-1 px-5 pt-[62svh] pb-20 sm:px-6 sm:pt-[58svh] sm:pb-24 md:grid-cols-12 md:px-12 md:pt-40 md:pb-40`,children:(0,u.jsxs)(`div`,{className:`md:col-span-7`,children:[(0,u.jsx)(`p`,{className:`mt-[18svh] mb-3 text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-600 sm:mb-6 sm:text-[0.7rem] sm:tracking-[0.32em] md:mt-0`,children:e(`Unternehmensfotografie`,`Corporate photography`)}),(0,u.jsx)(`h2`,{className:`max-w-2xl text-[1.75rem] font-normal leading-[1.16] tracking-[-0.02em] break-words text-neutral-900 sm:text-4xl sm:leading-[1.1] sm:tracking-tight md:text-5xl lg:text-6xl`,children:e(`Identität ins Unternehmen bringen.`,`Bringing identity into the company.`)}),(0,u.jsxs)(`div`,{className:`mt-8 max-w-xl space-y-4 px-4 py-5 text-base leading-[1.65] break-words text-neutral-800 sm:mt-10 sm:px-5 sm:py-6 sm:text-base sm:leading-relaxed md:text-lg md:text-black`,style:C,children:[(0,u.jsx)(`p`,{children:e(`Viele Unternehmen investieren in Produkte. Viele investieren in Werbung. Nur wenige investieren in ihre Identität.`,`Many companies invest in products. Many invest in advertising. Few invest in their identity.`)}),(0,u.jsx)(`p`,{children:e(`Dabei entsteht genau dort Vertrauen. Menschen möchten sehen, wer hinter einer Marke arbeitet, wie gedacht wird und welche Werte gelebt werden.`,`Yet that is exactly where trust is built. People want to see who is behind a brand, how it thinks and which values it lives.`)}),(0,u.jsx)(`p`,{children:e(`Ich entwickle Bildwelten, die genau diese Unternehmenskultur sichtbar machen. Nicht austauschbar. Sondern authentisch.`,`I create imagery that makes exactly this culture visible. Not interchangeable. Authentic.`)})]})]})})]}),(0,u.jsx)(`section`,{"aria-label":e(`Referenz ZVD Druckerei Heidelberg — Identität sichtbar gemacht`,`Reference ZVD Druckerei Heidelberg — identity made visible`),className:`relative w-full bg-white`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-6xl px-5 pt-16 pb-14 sm:px-6 sm:pt-20 sm:pb-16 md:px-12 md:pt-28 md:pb-24`,children:[(0,u.jsx)(`p`,{className:`mb-4 text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:mb-5 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:e(`Referenz · ZVD Druckerei Heidelberg`,`Reference · ZVD Druckerei Heidelberg`)}),(0,u.jsx)(`h2`,{className:`max-w-3xl text-[1.75rem] font-normal leading-[1.16] tracking-[-0.02em] break-words text-neutral-900 sm:text-4xl sm:leading-[1.1] sm:tracking-tight md:text-5xl`,children:e(`Identität kann auch Farbe tragen.`,`Identity can wear colour, too.`)}),(0,u.jsxs)(`div`,{className:`mt-8 grid gap-5 text-base leading-[1.7] text-neutral-800 sm:mt-10 sm:gap-6 sm:text-[1.02rem] md:mt-12 md:grid-cols-2 md:gap-10 md:text-[1.05rem]`,children:[(0,u.jsx)(`p`,{children:e(`Es hätte ein klassisches Teamfoto werden können. Aufgereiht vor einer weißen Wand, Hände höflich verschränkt, ein kollektives Lächeln in Richtung Kamera. Sauber, korrekt — und austauschbar. Die ZVD Druckerei in Heidelberg wollte das genaue Gegenteil.`,`It could have been a classic team photo. Lined up against a white wall, hands politely folded, a collective smile toward the camera. Clean, correct — and interchangeable. ZVD Druckerei in Heidelberg wanted the exact opposite.`)}),(0,u.jsx)(`p`,{children:e(`Ein Unternehmen, das seit Jahrzehnten mit Farbe arbeitet, dessen tägliches Handwerk aus Präzision, Druck und Pigment besteht — dieses Unternehmen sollte in Bildern erscheinen, die genau das spiegeln: Handwerk, Haltung, Farbe. Und vor allem die Menschen, die das Ganze tragen.`,`A company that has been working with colour for decades, whose daily craft consists of precision, press and pigment — this company was meant to appear in images that reflect exactly that: craft, attitude, colour. And above all the people who carry it all.`)})]}),(0,u.jsx)(`div`,{className:`mt-4 sm:mt-5 md:mt-6`,children:(0,u.jsxs)(`figure`,{className:`relative w-full`,children:[(0,u.jsxs)(`div`,{className:`relative aspect-square w-full`,children:[I.map((t,n)=>(0,u.jsx)(`img`,{src:t,alt:e(`ZVD Druckerei Heidelberg — Bild ${n+1} von ${I.length}`,`ZVD Druckerei Heidelberg — image ${n+1} of ${I.length}`),loading:n===0?`eager`:`lazy`,decoding:`async`,className:`absolute inset-0 h-full w-full object-contain transition-opacity duration-700 ease-out ${n===d?`opacity-100`:`opacity-0`}`},t)),(0,u.jsx)(`button`,{type:`button`,"aria-label":e(`Bild vergrößern`,`Enlarge image`),onClick:()=>m({slides:I,index:d,label:e(`ZVD Druckerei Heidelberg`,`ZVD Druckerei Heidelberg`),onChange:e=>f(e)}),className:`absolute inset-0 z-[1] sm:hidden`}),(0,u.jsx)(`button`,{type:`button`,"aria-label":e(`Vorheriges Bild`,`Previous image`),onClick:()=>f(e=>(e-1+I.length)%I.length),className:`group absolute left-3 top-1/2 z-[2] -translate-y-1/2 grid h-11 w-11 place-items-center rounded-full bg-white/70 text-neutral-900 backdrop-blur-sm transition hover:bg-white sm:left-6 sm:h-12 sm:w-12`,children:(0,u.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,u.jsx)(`path`,{d:`M15 18l-6-6 6-6`})})}),(0,u.jsx)(`button`,{type:`button`,"aria-label":e(`Nächstes Bild`,`Next image`),onClick:()=>f(e=>(e+1)%I.length),className:`group absolute right-3 top-1/2 z-[2] -translate-y-1/2 grid h-11 w-11 place-items-center rounded-full bg-white/70 text-neutral-900 backdrop-blur-sm transition hover:bg-white sm:right-6 sm:h-12 sm:w-12`,children:(0,u.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,u.jsx)(`path`,{d:`M9 6l6 6-6 6`})})})]}),(0,u.jsxs)(`figcaption`,{className:`mt-1 flex items-center justify-between text-[0.68rem] uppercase tracking-[0.28em] text-neutral-500 sm:mt-2 sm:text-[0.72rem] sm:tracking-[0.32em]`,children:[(0,u.jsx)(`span`,{children:e(`Team ZVD Druckerei — Farbe als sichtbares Zeichen von Zusammenhalt.`,`ZVD team — colour as a visible sign of cohesion.`)}),(0,u.jsxs)(`span`,{className:`tabular-nums`,children:[String(d+1).padStart(2,`0`),` / `,String(I.length).padStart(2,`0`)]})]})]})}),(0,u.jsxs)(`div`,{className:`mt-8 flex flex-col gap-3 sm:mt-10 sm:flex-row sm:gap-4 md:mt-12`,children:[(0,u.jsx)(w,{label:e(`Ähnliches Projekt besprechen`,`Discuss a similar project`)}),(0,u.jsx)(w,{variant:`secondary`,label:e(`Per E-Mail schreiben`,`Send an email`),className:`!normal-case`})]})]})}),(0,u.jsxs)(`section`,{className:`relative w-full bg-white`,children:[(0,u.jsxs)(`div`,{className:`mx-auto max-w-6xl px-5 pt-20 sm:px-6 sm:pt-24 md:px-12 md:pt-32`,children:[(0,u.jsx)(`p`,{className:`mb-5 text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:mb-6 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:e(`Reportage`,`Reportage`)}),(0,u.jsx)(`h2`,{className:`max-w-3xl text-[1.75rem] font-normal leading-[1.16] tracking-[-0.02em] break-words text-neutral-900 sm:text-4xl sm:leading-[1.1] sm:tracking-tight md:text-5xl`,children:e(`Reportage statt Inszenierung.`,`Reportage instead of staging.`)})]}),(0,u.jsx)(`div`,{className:`relative mt-10 w-full sm:mt-14`,children:(0,u.jsx)(`img`,{src:P,alt:e(`Reportagefotografie im Unternehmen — Team im Meeting`,`Corporate reportage — team in a meeting`),className:`h-[52vh] w-full object-cover md:h-[85vh]`,loading:`lazy`,decoding:`async`})}),(0,u.jsxs)(`div`,{className:`mx-auto grid max-w-6xl grid-cols-1 gap-8 px-5 py-16 sm:gap-10 sm:px-6 sm:py-20 md:grid-cols-12 md:gap-16 md:px-12 md:py-28`,children:[(0,u.jsx)(`p`,{className:`text-[0.95rem] leading-relaxed text-neutral-700 sm:text-base md:col-span-6 md:text-lg md:text-black`,children:e(`Echte Situationen statt Behauptung. Bilder aus Unternehmen, Produktion, Büros, Teams, Veranstaltungen, Workshops und Vorträgen — nicht gestellt, sondern glaubwürdig.`,`Real situations instead of claims. Images from companies, production, office

1s, teams, events, workshops and talks — never staged, always credible.`)}),(0,u.jsx)(`p`,{className:`text-[0.95rem] leading-relaxed text-neutral-700 sm:text-base md:col-span-6 md:text-lg md:text-black`,children:e(`Diese Bilder erzählen die Geschichte eines Unternehmens weiter. Sie funktionieren in der Kommunikation, im Recruiting, in der Presse — überall dort, wo Menschen einen echten Eindruck bekommen sollen.`,`These images continue to tell the story of a company. They work in communication, recruiting and press — wherever people are meant to get a real impression.`)})]}),(0,u.jsxs)(`div`,{className:`relative w-full overflow-hidden border-t border-neutral-200 bg-neutral-50 py-8 sm:py-10 md:py-14`,style:{WebkitMaskImage:`linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%)`,maskImage:`linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%)`},"aria-label":e(`Eindrücke aus Unternehmens-Reportagen`,`Impressions from corporate reportages`),children:[(0,u.jsx)(`div`,{className:`flex w-max gap-5 sm:gap-6 md:gap-8`,style:{animation:`reportage-marquee 90s linear infinite`},children:[...F,...F].map((t,n)=>(0,u.jsxs)(`button`,{type:`button`,onClick:()=>r(n%F.length),"aria-label":e(`Bild vergrößern`,`Enlarge image`),className:`group relative h-[42vh] w-[62vw] shrink-0 cursor-zoom-in overflow-hidden bg-neutral-200 shadow-[0_20px_60px_-30px_rgba(0,0,0,0.35)] sm:h-[38vh] sm:w-[26vh] md:h-[52vh] md:w-[36vh]`,children:[(0,u.jsx)(`img`,{src:t,alt:e(`Reportage-Fotografie — Bentley Veranstaltung`,`Reportage photography — Bentley event`),loading:`lazy`,decoding:`async`,className:`h-full w-full object-cover transition-transform duration-[2200ms] ease-out group-hover:scale-[1.04]`}),(0,u.jsx)(`div`,{className:`pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 via-transparent to-transparent opacity-70`})]},n))}),(0,u.jsx)(`style`,{children:`
2            @keyframes reportage-marquee {
3              from { transform: translate3d(0, 0, 0); }
4              to { transform: translate3d(-50%, 0, 0); }
5            }
6            @media (prefers-reduced-motion: reduce) {
7              [style*="reportage-marquee"] { animation: none !important; }
8            }
9          `})]}),(0,u.jsxs)(`div`,{className:`mx-auto max-w-4xl border-t border-neutral-200 bg-neutral-50 px-5 py-16 sm:px-6 sm:py-20 md:px-12 md:py-28`,children:[(0,u.jsxs)(`figure`,{className:`mx-auto max-w-2xl text-center`,children:[(0,u.jsxs)(`div`,{className:`mb-5 flex justify-center gap-1 text-lg text-neutral-900 md:mb-6 md:text-2xl`,"aria-label":e(`5 von 5 Sternen`,`5 out of 5 stars`),children:[(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`}),(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`}),(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`}),(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`}),(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`})]}),(0,u.jsx)(`blockquote`,{className:`text-[0.95rem] font-normal leading-[1.65] tracking-tight text-neutral-900 sm:text-base sm:leading-[1.7] md:text-lg md:leading-[1.6]`,style:{color:`var(--color-text-heading)`},children:e(`„Janine hat sofort verstanden, worum es beim Branding-Fotoshooting ging und wie meine Marke visuell wirken soll. Mit ihrem Blick für Details, Licht und Stimmung hat sie authentische Bilder kreiert, die perfekt zu mir und meinem Business passen. Seitdem ich die Fotos verwende, merke ich deutlich, wie stark sie meine Außenwirkung beeinflussen. Die Bilder transportieren genau das Gefühl und die Werte, die ich vermitteln möchte. Janine schafft es, Persönlichkeit und Professionalität in jedem Bild zu vereinen.“`,`"Janine immediately understood what my branding photo shoot was about and how my brand should look visually. With her eye for detail, light and mood, she created authentic images that fit me and my business perfectly. Since I started using the photos, I have noticed how much they influence my external impact. The images convey exactly the feeling and values I want to communicate. Janine manages to combine personality and professionalism in every image."`)}),(0,u.jsx)(`figcaption`,{className:`mt-8 text-[0.68rem] uppercase tracking-[0.28em] text-neutral-500 sm:tracking-[0.32em] md:mt-10 md:text-[0.72rem]`,children:e(`Burbuqe Mahmuti, Salesmanagerin Bentley Mannheim`,`Burbuqe Mahmuti, Sales Manager Bentley Mannheim`)})]}),(0,u.jsx)(`div`,{className:`mt-10 flex justify-center sm:mt-12 md:mt-14`,children:(0,u.jsx)(w,{label:e(`Reportage anfragen`,`Enquire about reportage`)})})]})]}),(0,u.jsx)(`section`,{className:`relative w-full bg-neutral-950 text-neutral-100`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-6xl px-5 py-24 sm:px-6 sm:py-28 md:px-12 md:py-40`,children:[(0,u.jsx)(`p`,{className:`mb-5 text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-400 sm:mb-6 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:e(`Strategie`,`Strategy`)}),(0,u.jsx)(`h2`,{className:`max-w-3xl text-[1.75rem] font-normal leading-[1.16] tracking-[-0.02em] break-words text-white sm:text-4xl sm:leading-[1.1] sm:tracking-tight md:text-5xl lg:text-6xl`,children:e(`Bilder, die auch Monate später noc

9h arbeiten.`,`Images that keep working months later.`)}),(0,u.jsxs)(`div`,{className:`mt-12 grid grid-cols-1 gap-12 sm:mt-14 sm:gap-14 md:grid-cols-12 md:gap-16`,children:[(0,u.jsxs)(`div`,{className:`space-y-5 text-base leading-[1.65] break-words text-neutral-300 sm:space-y-6 sm:text-base sm:leading-relaxed md:col-span-6 md:text-lg`,children:[(0,u.jsx)(`p`,{children:e(`Ich fotografiere nicht nur schöne Motive. Ich fotografiere immer mit Blick auf die spätere Nutzung.`,`I don't just photograph beautiful subjects. I photograph with an eye on how the image will be used later.`)}),(0,u.jsx)(`p`,{children:e(`Jedes Bild entsteht mit einer klaren Strategie — für LinkedIn, Instagram und die Website ebenso wie für Employer Branding, Recruiting, PR, Presse, Kampagnen und Corporate Communication.`,`Every image is made with a clear strategy — for LinkedIn, Instagram and the website as well as for employer branding, recruiting, PR, press, campaigns and corporate communication.`)}),(0,u.jsx)(`p`,{className:`text-white`,children:e(`Ich verstehe Markenkommunikation. Deshalb entstehen Bilder, die langfristig funktionieren. Nicht nur beim Shooting. Sondern auch Monate später im Marketing.`,`I understand brand communication. That's why the images work long term — not only during the shoot, but months later in your marketing.`)})]}),(0,u.jsx)(`div`,{className:`md:col-span-6`,children:(0,u.jsx)(`ul`,{className:`grid grid-cols-2 gap-y-5 gap-x-3 border-t border-white/10 pt-8 text-[0.72rem] uppercase tracking-[0.24em] text-neutral-300 sm:gap-y-6 sm:gap-x-4 sm:pt-10 sm:text-[0.82rem] sm:tracking-[0.28em]`,children:[[`LinkedIn`,`LinkedIn`],[`Instagram`,`Instagram`],[`Website`,`Website`],[`Employer Branding`,`Employer branding`],[`Recruiting`,`Recruiting`],[`PR & Presse`,`PR & press`],[`Kampagnen`,`Campaigns`],[`Corporate Comms`,`Corporate comms`]].map(([t,n])=>(0,u.jsx)(`li`,{className:`border-l border-white/20 pl-3 leading-tight sm:pl-4`,children:e(t,n)},t))})})]}),(0,u.jsxs)(`div`,{className:`mt-12 flex flex-col gap-3 sm:mt-14 sm:flex-row sm:gap-4 md:mt-16`,children:[(0,u.jsx)(w,{theme:`light`,label:e(`Strategiegespräch buchen`,`Book a strategy call`)}),(0,u.jsx)(w,{variant:`secondary`,theme:`light`,label:e(`Per E-Mail schreiben`,`Send an email`),className:`!normal-case`})]})]})}),(0,u.jsx)(`section`,{className:`relative w-full bg-white`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-6xl px-5 py-24 sm:px-6 sm:py-28 md:px-12 md:py-36`,children:[(0,u.jsxs)(`div`,{className:`max-w-3xl`,children:[(0,u.jsx)(`p`,{className:`mb-5 text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:mb-6 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:e(`Referenz · Adler Mannheim`,`Reference · Adler Mannheim`)}),(0,u.jsx)(`h2`,{className:`text-[1.75rem] font-normal leading-[1.16] tracking-[-0.02em] break-words text-neutral-900 sm:text-4xl sm:leading-[1.1] sm:tracking-tight md:text-5xl`,children:e(`Wenn Marke getragen wird.`,`When a brand is worn.`)}),(0,u.jsxs)(`div`,{className:`mt-8 grid grid-cols-1 gap-6 text-base leading-[1.65] text-black sm:mt-10 sm:text-base sm:leading-relaxed md:grid-cols-2 md:gap-10 md:text-lg`,children:[(0,u.jsx)(`p`,{className:`!text-black`,children:e(`Für Adler Mannheim ging es nicht darum, Produkte nur sauber abzubilden.`,`For Adler Mannheim it wasn't about depicting products cleanly.`)}),(0,u.jsx)(`p`,{className:`!text-black`,children:e(`Es ging darum, Merchandising in einem Kontext zu zeigen, der Zugehörigkeit, Haltung und Wiedererkennbarkeit sichtbar macht.`,`It was about showing merchandise in a context that makes belonging, attitude and recognisability visible.`)})]})]}),(0,u.jsx)(`div`,{className:`mt-14 sm:mt-16 md:mt-20`,children:(0,u.jsxs)(`figure`,{className:`relative w-full overflow-hidden bg-neutral-100`,children:[(0,u.jsxs)(`div`,{className:`relative aspect-[4/5] w-full sm:aspect-[3/2]`,children:[L.map((t,n)=>(0,u.jsx)(`img`,{src:t,alt:e(`Adler Mannheim Merchandising — Bild ${n+1} von ${L.length}`,`Adler Mannheim merchandise — image ${n+1} of ${L.length}`),loading:n===0?`eager`:`lazy`,decoding:`async`,className:`absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-out ${n===c?`op

9acity-100`:`opacity-0`}`},t)),(0,u.jsx)(`button`,{type:`button`,"aria-label":e(`Bild vergrößern`,`Enlarge image`),onClick:()=>m({slides:L,index:c,label:e(`Adler Mannheim`,`Adler Mannheim`),onChange:e=>l(e)}),className:`absolute inset-0 z-[1] sm:hidden`}),(0,u.jsx)(`button`,{type:`button`,"aria-label":e(`Vorheriges Bild`,`Previous image`),onClick:()=>l(e=>(e-1+L.length)%L.length),className:`group absolute left-3 top-1/2 z-[2] -translate-y-1/2 grid h-11 w-11 place-items-center rounded-full bg-white/70 text-neutral-900 backdrop-blur-sm transition hover:bg-white sm:left-6 sm:h-12 sm:w-12`,children:(0,u.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,u.jsx)(`path`,{d:`M15 18l-6-6 6-6`})})}),(0,u.jsx)(`button`,{type:`button`,"aria-label":e(`Nächstes Bild`,`Next image`),onClick:()=>l(e=>(e+1)%L.length),className:`group absolute right-3 top-1/2 z-[2] -translate-y-1/2 grid h-11 w-11 place-items-center rounded-full bg-white/70 text-neutral-900 backdrop-blur-sm transition hover:bg-white sm:right-6 sm:h-12 sm:w-12`,children:(0,u.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,u.jsx)(`path`,{d:`M9 6l6 6-6 6`})})})]}),(0,u.jsxs)(`figcaption`,{className:`mt-6 flex items-center justify-between text-[0.68rem] uppercase tracking-[0.28em] text-neutral-500 sm:mt-8 sm:text-[0.72rem] sm:tracking-[0.32em]`,children:[(0,u.jsx)(`span`,{children:e(`Adler Mannheim — Merchandising im Kontext`,`Adler Mannheim — merchandise in context`)}),(0,u.jsxs)(`span`,{className:`tabular-nums`,children:[String(c+1).padStart(2,`0`),` / `,String(L.length).padStart(2,`0`)]})]})]})}),(0,u.jsxs)(`div`,{className:`mt-10 flex flex-col gap-3 sm:mt-12 sm:flex-row sm:gap-4 md:mt-14`,children:[(0,u.jsx)(w,{label:e(`Merchandising-Shooting anfragen`,`Enquire about merchandise shoot`)}),(0,u.jsx)(w,{variant:`secondary`,label:e(`Per E-Mail schreiben`,`Send an email`),className:`!normal-case`})]})]})}),(0,u.jsx)(`section`,{className:`relative w-full bg-white`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-4xl px-5 py-24 text-center sm:px-6 sm:py-28 md:px-12 md:py-36`,children:[(0,u.jsx)(`p`,{className:`mb-5 text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:mb-6 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:e(`Mein Ansatz`,`My approach`)}),(0,u.jsx)(`h2`,{className:`text-[1.75rem] font-normal leading-[1.18] tracking-[-0.02em] break-words text-neutral-900 sm:text-4xl sm:leading-[1.15] sm:tracking-tight md:text-5xl`,children:e(`Konsistenz statt einzelner Motive.`,`Consistency, not single motifs.`)}),(0,u.jsx)(`p`,{className:`mx-auto mt-6 max-w-2xl text-base leading-[1.65] break-words text-neutral-700 sm:mt-8 sm:text-base sm:leading-relaxed md:text-lg md:text-black`,children:e(`Ich kombiniere Fotografie, Markenverständnis, Kommunikation, Social Media und strategisches Denken. Dadurch entstehen Bildwelten mit Wiedererkennungswert — keine einzelnen schönen Bilder, sondern eine konsistente visuelle Identität.`,`I combine photography, brand understanding, communication, social media and strategic thinking. The result is imagery with recognition value — not isolated pretty pictures, but a consistent visual identity.`)}),(0,u.jsx)(`div`,{className:`mt-10 flex justify-center sm:mt-12 md:mt-14`,children:(0,u.jsx)(w,{label:e(`Gespräch vereinbaren`,`Book a call`)})})]})}),(0,u.jsx)(`section`,{className:`relative w-full border-t border-neutral-200 bg-neutral-50`,children:(0,u.jsxs)(`div`,{className:`mx-auto grid max-w-6xl grid-cols-1 gap-10 px-5 py-20 sm:gap-12 sm:px-6 sm:py-24 md:grid-cols-12 md:gap-16 md:px-12 md:py-32`,children:[(0,u.jsxs)(`div`,{className:`md:col-span-5`,children:[(0,u.jsx)(`p`,{className:`mb-5 text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:mb-6 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:e(`Arbeitsweise`,`How we work`)}),(0,u.jsx)(`h2`,{className:`max-w-2xl text-[1.75rem] font-normal leading-[1.16] tracking-[-0.02em] break-words text-neutral-900 sm:text-4xl sm:leading-[1.1] sm:tracking-tight md:text-5xl`,children:e(`Vier Schritte. Kein Standard.`,`Four steps. Never generic.`)})]}),(0,u.jsx)(`ol`,{className:`flex flex-col gap-px overflow-hidden border border-neutral-200 bg-neutral-200 md:col-span-7`,children:[{num:`01`,de:`Kennenlernen`,en:`Getting to know`,deTxt:`Verstehen, wer du bist und wofür deine Marke steht.`,enTxt:`Understanding who you are and what your brand stands for.`}

9,{num:`02`,de:`Markenverständnis entwickeln`,en:`Developing brand understanding`,deTxt:`Positionierung, Zielgruppe und Bildsprache klären.`,enTxt:`Clarifying positioning, audience and visual language.`},{num:`03`,de:`Fotografische Umsetzung`,en:`Photographic execution`,deTxt:`Ruhiges, professionelles Shooting mit klarem Konzept.`,enTxt:`Calm, professional shoot with a clear concept.`},{num:`04`,de:`Langfristige Bildwelt aufbauen`,en:`Building a lasting image world`,deTxt:`Bilder, die über Monate hinweg funktionieren.`,enTxt:`Images that keep working for months.`}].map(t=>(0,u.jsxs)(`li`,{className:`flex flex-col items-end bg-neutral-50 p-6 text-right sm:p-8 md:p-10`,children:[(0,u.jsx)(`span`,{className:`text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:t.num}),(0,u.jsx)(`h3`,{className:`mt-5 text-base font-normal leading-tight text-neutral-900 sm:mt-6 sm:text-lg md:text-xl`,children:e(t.de,t.en)}),(0,u.jsx)(`p`,{className:`mt-3 text-[0.9rem] leading-relaxed text-neutral-800 sm:mt-4 sm:text-sm md:text-base`,children:e(t.deTxt,t.enTxt)})]},t.num))}),(0,u.jsxs)(`div`,{className:`mt-10 flex flex-col gap-3 sm:mt-12 sm:flex-row sm:gap-4 md:col-span-12 md:mt-14 md:justify-end`,children:[(0,u.jsx)(w,{label:e(`Gespräch vereinbaren`,`Book a call`)}),(0,u.jsx)(w,{variant:`secondary`,label:e(`Per E-Mail schreiben`,`Send an email`),className:`!normal-case`})]})]})}),(0,u.jsx)(`section`,{id:`ueber-janine`,className:`relative w-full bg-white scroll-mt-20 md:scroll-mt-28`,children:(0,u.jsx)(`div`,{className:`mx-auto w-full max-w-6xl px-5 py-20 sm:px-6 sm:py-24 md:px-12 md:py-32`,children:(0,u.jsxs)(`div`,{className:`grid grid-cols-1 gap-10 sm:gap-12 md:grid-cols-12 md:gap-x-16 md:gap-y-0`,children:[(0,u.jsx)(`div`,{className:`md:col-span-5`,children:(0,u.jsx)(`figure`,{children:(0,u.jsx)(`img`,{src:V,alt:e(`Janine Metzger — Fotografin für Business und Personal Branding`,`Janine Metzger — photographer for business and personal branding`),className:`aspect-[4/5] w-full object-cover object-top`,loading:`lazy`,decoding:`async`})})}),(0,u.jsxs)(`div`,{className:`md:col-span-7 md:pl-4`,children:[(0,u.jsx)(`p`,{className:`text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:text-[0.7rem] sm:tracking-[0.32em]`,children:e(`Über Janine`,`About Janine`)}),(0,u.jsx)(`h2`,{className:`mt-4 max-w-[18ch] text-[1.75rem] font-normal leading-[1.18] tracking-[-0.02em] break-words text-neutral-900 sm:mt-5 sm:text-4xl sm:leading-[1.15] sm:tracking-tight md:text-[2.5rem]`,children:e(`Haltung hinter der Kamera.`,`Presence behind the camera.`)}),(0,u.jsxs)(`div`,{className:`mt-6 max-w-[46ch] space-y-4 text-base leading-[1.7] break-words text-neutral-700 sm:mt-8 sm:space-y-5 sm:text-base sm:leading-[1.75] md:text-[1.02rem] md:text-black`,children:[(0,u.jsx)(`p`,{children:e(`Ich fotografiere nicht einfach nur Menschen. Ich zeige, wofür eine Marke steht. Mein Blick ist strategisch: Ästhetik allein reicht nicht — ein Bild muss wirken.`,`I don't just photograph people. I show what a brand stands for. My perspective is strategic: aesthetics alone aren't enough — an image has to work.`)}),(0,u.jsx)(`p`,{children:e(`Deshalb entwickle ich für jede Kundin und jeden Kunden eine Bildsprache, die passt, wiedererkennbar ist und langfristig genutzt werden kann. Von Weinheim aus begleite ich Unternehmerinnen, Geschäftsführer und Teams deutschlandweit.`,`That's why I develop a visual language for every client that fits, is recognisable and can be used long-term. From Weinheim I accompany entrepreneurs, managing directors and teams across Germany.`)}),(0,u.jsx)(`p`,{children:e(`Mit meinem Hintergrund als Social Media Managerin denke ich Fotografie aus der digitalen Sichtbarkeit heraus — für LinkedIn, Instagram und alle Kanäle, auf denen Ihre Marke heute gesehen werden muss.`,`With my background as a social media manager, I approach photography from digital visibility — for LinkedIn, Instagram and every channel where your brand needs to be seen today.`)})]}),(0,u.jsxs)(`a`,{href:H,target:`_blank`,rel:`noopener noreferrer`,className:`mt-8 inl

9ine-flex items-center border-b border-neutral-900 pb-1 text-[0.72rem] font-medium uppercase tracking-[0.26em] text-neutral-900 transition-opacity hover:opacity-60 sm:mt-10 sm:text-[0.74rem] sm:tracking-[0.28em]`,children:[e(`Markengespräch vereinbaren`,`Book a brand call`),(0,u.jsx)(`span`,{"aria-hidden":!0,className:`ml-3`,children:`→`})]})]})]})})}),(0,u.jsx)(`section`,{className:`relative w-full border-t border-neutral-200 bg-neutral-50`,children:(0,u.jsxs)(`div`,{className:`mx-auto max-w-4xl px-5 py-24 sm:px-6 sm:py-28 md:px-12 md:py-36`,children:[(0,u.jsx)(`p`,{className:`mb-5 text-center text-[0.65rem] font-medium uppercase tracking-[0.28em] text-neutral-500 sm:tracking-[0.32em] md:mb-6 md:text-[0.7rem]`,children:e(`Stimmen`,`Voices`)}),(0,u.jsxs)(`figure`,{className:`mx-auto max-w-2xl text-center`,children:[(0,u.jsxs)(`div`,{className:`mb-5 flex justify-center gap-1 text-lg text-neutral-900 md:mb-6 md:text-2xl`,"aria-label":e(`5 von 5 Sternen`,`5 out of 5 stars`),children:[(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`}),(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`}),(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`}),(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`}),(0,u.jsx)(`span`,{"aria-hidden":!0,children:`★`})]}),(0,u.jsx)(`blockquote`,{className:`text-[0.95rem] font-normal leading-[1.65] tracking-tight text-neutral-900 sm:text-base sm:leading-[1.7] md:text-lg md:leading-[1.6]`,style:{color:`var(--color-text-heading)`},children:e(`„In unseren ersten Gesprächen hat Janine mich und mein Tun strukturiert durchleuchtet und gemeinsam konnten wir eine klare Linie erarbeiten. Das Ergebnis sind nicht nur wirkungsvolle Bilder, sondern ein einheitlicher Auftritt nach Außen — von Website über Social Media bis hin zu Druckdaten. Es ging dabei nie um das Generieren von Followern, sondern immer um das Ansprechen einer konkreten Zielgruppe. Mit dem professionellen Hintergrund meiner Posts habe ich fortwährend neue Kontakte und Anfragen erhalten. Von Janine wurde ich mit viel Empathie und Professionalität zu einer neuen (Selbst)Wahrnehmung geführt. Ich habe eindeutige Ergebnisse — und ich hatte so viel Spaß!“`,`"In our first conversations, Janine analysed me and my work in a structured way and together we developed a clear line. The result is not only effective images, but a uniform external appearance — from website to social media to print data. It was never about generating followers, but always about addressing a specific target group. With the professional background of my posts, I continuously received new contacts and enquiries. Janine guided me with a lot of empathy and professionalism to a new (self-)perception. I got clear results — and I had so much fun!"`)}),(0,u.jsx)(`figcaption`,{className:`mt-8 text-[0.68rem] uppercase tracking-[0.28em] text-neutral-500 sm:tracking-[0.32em] md:mt-10 md:text-[0.72rem]`,children:e(`Annabella Littau`,`Annabella Littau`)})]}),(0,u.jsx)(`div`,{className:`mt-10 flex justify-center sm:mt-12 md:mt-14`,children:(0,u.jsx)(w,{label:e(`Jetzt unverbindlich anfragen`,`Get in touch — no strings`)})})]})}),(0,u.jsxs)(`section`,{className:`relative w-full overflow-hidden bg-white`,children:[(0,u.jsxs)(`div`,{className:`relative w-full md:h-[90svh] md:min-h-0`,children:[(0,u.jsx)(`img`,{src:B,alt:e(`Businessportrait — Haltung im Bild`,`Business portrait — presence in the image`),className:`h-[70svh] w-full object-cover object-[45%_center] opacity-100 md:absolute md:inset-0 md:h-full md:object-center md:opacity-100 max-md:opacity-70`,loading:`lazy`,decoding:`async`}),(0,u.jsx)(`div`,{"aria-hidden":!0,className:`absolute top-0 left-0 h-[70svh] w-full bg-white/30 md:hidden`}),(0,u.jsx)(`div`,{"aria-hidden":!0,className:`absolute inset-0 hidden md:block`,style:{background:`linear-gradient(180deg, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.15) 70%, rgba(255,255,255,0.90) 100%)`}}),(0,u.jsx)(`div`,{"aria-hidden":!0,className:`absolute top-0 left-0 h-[70svh] w-full md:hidden`,style:{background:`linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(20,20,20,0.55) 78%, rgba(15,15,15,0.92) 100%)`}}),(0,u.jsx)(`div`,{className:`relative z-10 mx-auto hidden h-full min-h-0 max-w-5xl flex-col justify-end gap-6 px-12 pb-20 md:flex md:items-start`,children:(0,u.jsxs)(`div`,{className:`w-full md:ml-0 md:max-w-none md:text-left`,children:[(0,u.jsx)(`h2`,{className:`inline-block max-w-4xl bg-white/[0.20] px-5 py-4 text-4xl font-normal leading-[1.25] tracking-tight text-black backdrop-blur-md lg:text-5xl`,children:e(`Gute Bilder zeigen Menschen. Die r

9ichtigen Bilder zeigen, wofür sie stehen.`,`Good photos show people. The right photos show what they stand for.`)}),(0,u.jsxs)(`div`,{className:`mt-6 flex w-full flex-col gap-3 sm:w-auto sm:flex-row sm:items-start sm:gap-4`,children:[(0,u.jsxs)(`a`,{href:H,target:`_blank`,rel:`noopener noreferrer`,className:`cta-shimmer group relative inline-flex w-full items-center justify-center border border-neutral-900 bg-neutral-900 px-10 py-[1.15rem] text-[0.74rem] font-semibold uppercase tracking-[0.28em] text-white shadow-[0_10px_30px_-12px_rgba(0,0,0,0.45)] transition-all duration-300 hover:bg-neutral-800 sm:w-auto`,children:[(0,u.jsx)(`span`,{className:`relative z-[2]`,children:e(`Jetzt unverbindlich anfragen`,`Get in touch — no strings`)}),(0,u.jsx)(`span`,{"aria-hidden":!0,className:`relative z-[2] ml-3 transition-transform duration-300 group-hover:translate-x-1`,children:`→`})]}),(0,u.jsx)(`a`,{href:`mailto:[email protected]?subject=Businessfotografie`,className:`group relative inline-flex w-full items-center justify-center border border-neutral-900 bg-white/[0.16] px-10 py-[1.15rem] text-[0.74rem] font-semibold uppercase tracking-[0.28em] text-neutral-900 backdrop-blur-md transition-all duration-300 hover:bg-neutral-900 hover:text-white sm:w-auto`,children:(0,u.jsx)(`span`,{children:e(`Per E-Mail schreiben`,`Send an email`)})})]})]})}),(0,u.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 z-10 px-5 pb-5 md:hidden`,children:(0,u.jsx)(`h2`,{className:`w-full bg-black/[0.70] px-5 py-4 text-[1.35rem] font-normal leading-[1.32] tracking-[-0.01em] text-white backdrop-blur-md [text-shadow:0_1px_18px_rgba(0,0,0,0.55)]`,children:e(`Gute Bilder zeigen Menschen. Die richtigen Bilder zeigen, wofür sie stehen.`,`Good photos show people. The right photos show what they stand for.`)})})]}),(0,u.jsx)(`div`,{className:`relative z-10 bg-white px-5 py-6 md:hidden`,children:(0,u.jsxs)(`div`,{className:`flex w-full flex-col gap-3`,children:[(0,u.jsxs)(`a`,{href:H,target:`_blank`,rel:`noopener noreferrer`,className:`cta-shimmer group relative inline-flex w-full items-center justify-center border border-neutral-900 bg-neutral-900 px-6 py-3 text-[0.62rem] font-semibold uppercase tracking-[0.22em] text-white shadow-[0_10px_30px_-12px_rgba(0,0,0,0.45)] transition-all duration-300 hover:bg-neutral-800`,children:[(0,u.jsx)(`span`,{className:`relative z-[2]`,children:e(`Jetzt unverbindlich anfragen`,`Get in touch — no strings`)}),(0,u.jsx)(`span`,{"aria-hidden":!0,className:`relative z-[2] ml-2 transition-transform duration-300 group-hover:translate-x-1`,children:`→`})]}),(0,u.jsx)(`a`,{href:`mailto:[email protected]?subject=Businessfotografie`,className:`group relative inline-flex w-full items-center justify-center border border-neutral-900 bg-transparent px-6 py-3 text-[0.62rem] font-semibold uppercase tracking-[0.22em] text-neutral-900 transition-all duration-300 hover:bg-neutral-900 hover:text-white`,children:(0,u.jsx)(`span`,{children:e(`Per E-Mail schreiben`,`Send an email`)})})]})})]}),(0,u.jsx)(`div`,{className:`fixed right-0 bottom-0 left-0 z-30 border-t border-neutral-200 bg-white/95 px-5 py-3 shadow-[0_-10px_40px_-15px_rgba(0,0,0,0.2)] backdrop-blur-xl transition-transform duration-500 md:hidden ${h?`translate-y-0`:`translate-y-full`}`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex max-w-6xl flex-col gap-2`,children:[(0,u.jsxs)(`a`,{href:H,target:`_blank`,rel:`noopener noreferrer`,className:`cta-shimmer group relative inline-flex w-full items-center justify-center border border-neutral-900 bg-neutral-900 px-5 py-3 text-[0.65rem] font-semibold uppercase tracking-[0.24em] text-white shadow-[0_8px_20px_-10px_rgba(0,0,0,0.4)] transition-all duration-300 hover:bg-neutral-800`,children:[(0,u.jsx)(`span`,{className:`relative z-[2]`,children:e(`Markengespräch vereinbaren`,`Book a brand call`)}),(0,u.jsx)(`span`,{"aria-hidden":!0,className:`relative z-[2] ml-2 transition-transform duration-300 group-hover:translate-x-1`,children:`→`})]}),(0,u.jsx)(`a`,{href:`mailto:[email protected]?subject=Businessfotografie`,className:`group inline-flex w-full items-center justify-center border border-neutral-900 bg-transparent px-5 py-2.5 text-[0.62rem] font-semibold uppercase tracking-[0.22em] text-neutral-900 transition-all duration-300 hover:bg-neutral-900 hover:text-white`,children:e(`Per E-Mail schreiben`,`Send an email`)})]})}),(0,u.jsx)(`footer`,{className:`relative z-10 w-full border-t border-neutral-200 bg-white pb-[5.5rem] md:pb-0`,children:(0,u.jsxs)(`div`,{className:`mx-auto flex max-w-6xl flex-wrap items-center justify-center gap-x-8 gap-y-3 px-6 py-8 text-[0.7rem] font-semibold uppercase tracking-[0.26em] text-neutral-700 md:px-12 md:justify-start`,children:[(0,u.jsxs)(`span`,{children:[`© `,new Date().getFullYear(),` Janine Metzger`]}),(0,u.jsx)(i,{to:`/`,className:`transition-colors hover:text-neutral-900`,children:e(`Startseite`,`Home`)}),(0,u.jsx)(i,{to:`/impressum`,className:`transition-colors hover:text-neutral-900`,children:e(`Impressum`,`Imprint`)}),(0,u.jsx)(i,{to:`/datenschutz`,className:`transition-colors hover:text-neutral-900`,children:e(`Datenschutz`,`Privacy`)})]})})]}),_&&(0,u.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,onClick:()=>r(null),className:`fixed inset-0 z-[9999] flex cursor-zoom-out items-center justify-center bg-black/90 p-4 backdrop-blur-sm animate-in fade-in duration-200`,children:[(0,u.jsx)(`button`,{type:`button`,onClick:()=>r(null),"aria-label":e(`Schließen`,`Close`),className:`absolute right-5 top-5 z-10 flex h-11 w-11 items-center justify-center rounded-full bg-white/10 text-white text-2xl leading-none hover:bg-white/20`,children:`×`}),(0,u.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),v()},"aria-label":e(`Vorheriges Bild`,`Previous image`),className:`absolute left-3 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white text-3xl leading-none hover:bg-white/20 sm:left-6`,children:`‹`}),(0,u.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),y()},"aria-label":e(`Nächstes Bild`,`Next image`),className:`absolute right-3 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white text-3xl leading-none hover:bg-white/20 sm:right-6`,children:`›`}),(0,u.jsx)(`img`,{src:F[t],alt:e(`Reportage-Fotografie — Vollansicht`,`Reportage photography — full view`),onClick:e=>e.stopPropagation(),className:`max-h-[92vh] max-w-[95vw] cursor-default object-contain shadow-2xl`}),(0,u.jsxs)(`div`,{onClick:e=>e.stopPropagation(),className:`absolute bottom-5 left-1/2 -translate-x-1/2 roun

9ded-full bg-white/10 px-4 py-1.5 text-xs font-medium tracking-[0.2em] text-white/90`,children:[t+1,` / `,F.length]})]}),p&&(0,u.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,onClick:()=>m(null),className:`fixed inset-0 z-[9999] flex cursor-zoom-out items-center justify-center bg-black/90 p-4 backdrop-blur-sm animate-in fade-in duration-200 sm:hidden`,children:[(0,u.jsx)(`button`,{type:`button`,onClick:()=>m(null),"aria-label":e(`Schließen`,`Close`),className:`absolute right-5 top-5 z-10 flex h-11 w-11 items-center justify-center rounded-full bg-white/10 text-white text-2xl leading-none hover:bg-white/20`,children:`×`}),(0,u.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),b()},"aria-label":e(`Vorheriges Bild`,`Previous image`),className:`absolute left-3 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white text-3xl leading-none hover:bg-white/20`,children:`‹`}),(0,u.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),x()},"aria-label":e(`Nächstes Bild`,`Next image`),className:`absolute right-3 top-1/2 z-10 flex h-12 w-12 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white text-3xl leading-none hover:bg-white/20`,children:`›`}),(0,u.jsx)(`img`,{src:p.slides[p.index],alt:`${p.label} — ${p.index+1} / ${p.slides.length}`,onClick:e=>e.stopPropagation(),className:`max-h-[92vh] max-w-[95vw] cursor-default object-contain shadow-2xl`}),(0,u.jsxs)(`div`,{onClick:e=>e.stopPropagation(),className:`absolute bottom-5 left-1/2 -translate-x-1/2 rounded-full bg-white/10 px-4 py-1.5 text-xs font-medium tracking-[0.2em] text-white/90`,children:[p.index+1,` / `,p.slides.length]})]})]})}export{U as component};