https://www.projx.de/assets/DiscoverFeedAnimation-CQCpoJ8s.js

1import{j as e}from"./index-C0LF9ibf.js";import{u as m}from"./useAutoPlayProgress-C4OK5kWJ.js";import{P as f}from"./PhoneFrame-Dkj4D12c.js";import{a as i}from"./use-transform-Cu9t7TYA.js";import{m as r}from"./proxy-BHqF13zB.js";import"./vendor-react-tWhbv76L.js";import"./useHydratedScrollTarget-B4u5BElk.js";const p=1,x="73914b3d-6651-4d9b-a655-2afa87f3f6e1",u="a5e86817-25c1-469f-917a-167a3cf324d8",g="/__l5e/assets-v1/73914b3d-6651-4d9b-a655-2afa87f3f6e1/discover-beauty.jpg",v="a/v1/a5e86817-25c1-469f-917a-167a3cf324d8/73914b3d-6651-4d9b-a655-2afa87f3f6e1/discover-beauty.jpg",b="discover-beauty.jpg",j=83118,_="image/jpeg",y="2026-07-05T20:23:59Z",h={version:p,asset_id:x,project_id:u,url:g,r2_key:v,original_filename:b,size:j,content_type:_,created_at:y},$=1,N="86467bba-6e37-499a-a9a5-2911ead05083",k="a5e86817-25c1-469f-917a-167a3cf324d8",w="/__l5e/assets-v1/86467bba-6e37-499a-a9a5-2911ead05083/discover-ecommerce.jpg",z="a/v1/a5e86817-25c1-469f-917a-167a3cf324d8/86467bba-6e37-499a-a9a5-2911ead05083/discover-ecommerce.jpg",A="discover-ecommerce.jpg",T=60994,C="image/jpeg",S="2026-07-05T20:24:03Z",B={version:$,asset_id:N,project_id:k,url:w,r2_key:z,original_filename:A,size:T,content_type:C,created_at:S},E=1,F="93f75a28-8f8e-48bd-8ef3-cf5f1da8c8bf",M="a5e86817-25c1-469f-917a-167a3cf324d8",P="/__l5e/assets-v1/93f75a28-8f8e-48bd-8ef3-cf5f1da8c8bf/discover-seo.jpg",D="a/v1/a5e86817-25c1-469f-917a-167a3cf324d8/93f75a28-8f8e-48bd-8ef3-cf5f1da8c8bf/discover-seo.jpg",H="discover-seo.jpg",L=70733,W="image/jpeg",Z="2026-07-05T20:24:08Z",I={version:E,asset_id:F,project_id:M,url:P,r2_key:D,original_filename:H,size:L,content_type:W,created_at:Z},R=1,G="6c2589af-62a9-44eb-bbdc-3d9251f52467",V="a5e86817-25c1-469f-917a-167a3cf324d8",X="/__l5e/assets-v1/6c2589af-62a9-44eb-bbdc-3d9251f52467/discover-sustainability.jpg",K="a/v1/a5e86817-25c1-469f-917a-167a3cf324d8/6c2589af-62a9-44eb-bbdc-3d9251f52467/discover-sustainability.jpg",O="discover-sustainability.jpg",Y=32832,q="image/jpeg",J="2026-07-05T20:24:12Z",Q={version:R,asset_id:G,project_id:V,url:X,r2_key:K,original_filename:O,size:Y,content_type:q,created_at:J},U=[{source:"ELLE Germany",title:"Die 10 besten Bio-Seren für strahlende Haut im Sommer",time:"vor 3 Std.",image:h.url,dot:"#000000"},{source:"Handelsblatt",title:"Wie KI den E-Commerce revolutioniert: 5 Trends für 2026",time:"vor 5 Std.",image:B.url,dot:"#F58220"},{source:"t3n",title:"Google Discover Traffic verdoppeln: So optimieren Profis ihre Inhalte",time:"vor 8 Std.",image:I.url,dot:"#00B4A6"},{source:"WELT",title:"Nachhaltigkeit im Marketing: Warum Verbraucher echte Werte fordern",time:"vor 12 Std.",image:Q.url,dot:"#D40000"}],ce=({autoPlay:o=!1})=>{const{setRef:c,progress:a}=m(o),n=i(a,[0,.3],[40,0]),d=i(a,[0,.2],[0,1]),l=i(a,[0,.4],[8,0]);return e.jsx("div",{ref:c,className:"flex justify-center",style:{perspective:"1000px"},children:e.jsx(r.div,{style:{y:n,opacity:d,rotateX:l},className:"relative will-change-transform",children:e.jsxs(f,{screenBg:"bg-white dark:bg-[#1a1a1a]",children:[e.jsxs("div",{className:"px-4 pt-3 pb-2",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("svg",{className:"w-[18px] h-[18px]",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",fill:"#4285F4"}),e.jsx("path",{d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",fill:"#34A853"}),e.jsx("path",{d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",fill:"#FBBC05"}),e.jsx("path",{d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",fill:"#EA4335"})]}),e.jsx("span",{className:"text-[15px] font-medium text-foreground",children:"Discover"})]}),e.jsx("div",{className:"w-7 h-7 rounded-full bg-primary/20 flex items-center justify-center",children:e.jsx("span",{className:"text-[11px] font-semibold text-primary",children:"P"})})]}),e.jsx("div",{className:"flex gap-2 overflow-hidden pb-1",children:["Für dich","Marketing","Technologie","Lifestyle"].map((t,s)=>e.jsx(r.span,{initial:{opacity:0,x:10}

1,animate:{opacity:1,x:0},transition:{delay:.3+s*.08},className:`text-[11px] px-3 py-1 rounded-full whitespace-nowrap shrink-0 ${s===0?"bg-primary/10 text-primary font-medium border border-primary/20":"bg-muted text-muted-foreground"}`,children:t},t))})]}),e.jsx("div",{className:"px-3 pb-4 space-y-3 overflow-hidden",children:U.map((t,s)=>e.jsxs(r.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.5+s*.15,ease:[.16,1,.3,1]},className:"rounded-xl overflow-hidden border border-border/40 bg-card",children:[e.jsxs("div",{className:"relative w-full h-[72px] overflow-hidden bg-muted",children:[e.jsx("img",{src:t.image,alt:t.title,loading:"lazy",decoding:"async",className:"w-full h-full object-cover"}),e.jsx("div",{className:"absolute inset-0 opacity-[0.04] pointer-events-none",style:{backgroundImage:"radial-gradient(circle at 1px 1px, currentColor 1px, transparent 0)",backgroundSize:"16px 16px"}})]}),e.jsxs("div",{className:"p-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1",children:[e.jsx("div",{className:"w-3.5 h-3.5 rounded-full",style:{backgroundColor:t.dot}}),e.jsx("span",{className:"text-[10px] text-muted-foreground font-medium",children:t.source}),e.jsx("span",{className:"text-[10px] text-muted-foreground/60",children:"·"}),e.jsx("span",{className:"text-[10px] text-muted-foreground/60",children:t.time})]}),e.jsx("p",{className:"text-[12px] font-medium text-foreground leading-[1.35] line-clamp-2",children:t.title})]})]},s))})]})})})};export{ce as default};