https://studentbrains.ai/assets/FloatingPortfolio-Cs3BQpYc.js

1import{j as e,m as s,b as x,ad as S,ae as A,X as I,S as w,af as j,ag as y}from"./vendor-ui-_RPPooYb.js";import{r as n}from"./vendor-react-BUIyrYwY.js";import{t as E}from"./tradebombe-before-o-aP6NG1.js";import{w as F,m as B}from"./waterfront-before-CWsgTJzQ.js";const f=[{id:"1",title:"TRADEBOMBE",stat:"AI-Powered Trading Intelligence",image:"/portfolio/tradebombe.png",beforeImage:E,description:"Complete redesign of a fintech platform. From basic template to cutting-edge AI-powered trading intelligence.",category:"FinTech",url:"https://tradebombe.com"},{id:"2",title:"THE WATERFRONT SCHOOLS",stat:"Inspire. Learn. Lead.",image:"/portfolio/waterfrontschools.png",beforeImage:F,description:"Complete reimagining of an IB World School website. Modern, engaging, and built for conversions.",category:"Education",url:"https://thewaterfrontschools.com"},{id:"3",title:"GLOBAL SOCCER ACADEMY",stat:"Elite Youth Training in Jersey City",image:"/portfolio/globalsocceracademy.png",description:"A premier soccer academy website built from the ground up with immersive design and seamless registration.",category:"Sports",url:"https://globalsocceracademy.com",builtFromScratch:!0},{id:"4",title:"LOVE LV TRAVEL",stat:"Stress-Free Vacation Planning",image:"/portfolio/lovelvtravel.png",description:"A boutique travel agency website crafted from zero, showcasing expertise through elegant storytelling.",category:"Travel",url:"https://lovelvtravel.com",builtFromScratch:!0},{id:"5",title:"MINDFUL COACHING",stat:"Find clarity. Build confidence.",image:"/portfolio/mindfulcoaching.png",beforeImage:B,description:"Complete redesign of a life coaching website. Transformed from a basic template to a premium experience.",category:"Coaching",url:"https://mindfulcoaching.io"},{id:"6",title:"FLIGHT AEROSPACE ACADEMY",stat:"City-Based Pilot Training",image:"/portfolio/flightaerospace.png",description:"An aviation academy website built from the ground up with immersive 3D elements and seamless booking.",category:"Aviation",url:"https://flightaerospace.academy",builtFromScratch:!0}],v=({project:t,position:d,onSelect:a})=>{const[r,o]=n.useState(!1),l=d==="center";return e.jsx(s.div,{className:"group cursor-pointer",style:{zIndex:l?2:1},animate:{scale:l?1:.92,opacity:l?1:.75,y:l?0:8},transition:{duration:.5,ease:[.16,1,.3,1]},onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),onClick:()=>a(t),children:e.jsxs(s.div,{className:"relative bg-white/[0.03] border border-white/[0.08] rounded-2xl overflow-hidden transition-colors duration-500 hover:border-[#ffcc02]/30",whileHover:{y:-6},transition:{duration:.3},children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-[#ffcc02]/8 via-transparent to-blue-500/8 opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"}),e.jsxs("div",{className:"aspect-[16/10] bg-[#0c1235] relative overflow-hidden",children:[e.jsx(s.img,{src:t.image,alt:t.title,className:"w-full h-full object-cover",loading:"lazy",width:457,height:257,animate:{scale:r?1.06:1},transition:{duration:.6,ease:[.16,1,.3,1]}}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-[#0a102f]/80 via-[#0a102f]/20 to-transparent"}),e.jsx("span",{className:"absolute top-3.5 left-3.5 text-[11px] font-medium text-white/70 bg-white/10 px-2.5 py-1 rounded-full backdrop-blur-md border border-white/10",children:t.category}),e.jsx("div",{className:"absolute bottom-3.5 left-3.5",children:t.beforeImage?e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[11px] font-medium text-[#0a102f] bg-[#ffcc02] px-2.5 py-1 rounded-full",children:[e.jsx(j,{className:"w-3 h-3"}),"Redesigned"]}):t.builtFromScratch?e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[11px] font-medium text-[#ffcc02] bg-[#ffcc02]/10 px-2.5 py-1 rounded-full border border-[#ffcc02]/30",children:[e.jsx(w,{className:"w-3 h-3"}),"Built from scratch"]}):null}),e.jsx(s.div,{className:"absolute top-3.5 right-3.5",animate:{opacity:r?1:0,scale:r?1:.7},transition:{duration:.25},children:e.jsx("div",{className:"w-9 h-9 bg-[#ffcc02] rounded-full flex items-center justify-center shadow-lg shadow-[#ffcc02]/20",children:e.jsx(y,{className:"w-4 h-4 text-[#0a102f]"})})})]}),e.jsxs("div",{className:"p-5",children:[e.jsx("h3",{className:"text-white font-medium text-base tracking-tight group-hover:text-[#ffcc02] transition-colors duration-300 leading-snug",children:t.title}),e.jsx("p",{className:"text-[#ffcc02]/80 text-sm mt-1.5 font-light",children:t.stat})]})]})})},O=()=>{const[t,d]=n.useState(null),[a,r]=n.useState(!1),[o,l]=n.useState(0),[p,g]=n.useState(!0),c=f.length,u=n.useCallback(()=>

1{l(i=>(i+1)%c)},[c]),N=n.useCallback(()=>{l(i=>(i-1+c)%c)},[c]);n.useEffect(()=>{if(!p)return;const i=setInterval(u,4500);return()=>clearInterval(i)},[p,u]);const h=()=>g(!1),C=()=>g(!0),b=[{project:f[o],position:"left"},{project:f[(o+1)%c],position:"center"},{project:f[(o+2)%c],position:"right"}];return e.jsxs("section",{className:"bg-[#0a102f] relative py-20 px-6 overflow-hidden","data-section":"portfolio",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-[#0c1235] via-[#0a102f] to-[#0a102f]"}),e.jsx("div",{className:"absolute top-0 left-1/4 w-96 h-96 bg-amber-500/5 rounded-full blur-[100px] pointer-events-none"}),e.jsx("div",{className:"absolute bottom-0 right-1/4 w-96 h-96 bg-blue-500/5 rounded-full blur-[100px] pointer-events-none"}),e.jsxs("div",{className:"relative z-10 max-w-7xl mx-auto",children:[e.jsxs(s.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:[.16,1,.3,1]},className:"text-center mb-14",children:[e.jsx("h2",{className:"text-3xl md:text-5xl font-light text-white tracking-tight mb-3",children:"We don't show portfolios."}),e.jsxs("p",{className:"text-white/60 text-lg font-light",children:["We show ",e.jsx("span",{className:"text-[#ffcc02]",children:"results"}),"."]})]}),e.jsxs("div",{className:"relative",onMouseEnter:h,onMouseLeave:C,children:[e.jsx("div",{className:"hidden md:grid grid-cols-3 gap-5 items-center",children:b.map(({project:i,position:m},k)=>e.jsx("div",{className:"relative",children:e.jsx(x,{mode:"wait",children:e.jsx(s.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.35},children:e.jsx(v,{project:i,position:m,onSelect:d})},i.id)})},`slot-${k}`))}),e.jsx("div",{className:"md:hidden",children:e.jsx(x,{mode:"wait",children:e.jsx(s.div,{initial:{opacity:0,x:40},animate:{opacity:1,x:0},exit:{opacity:0,x:-40},transition:{duration:.4,ease:[.16,1,.3,1]},children:e.jsx(v,{project:b[1].project,position:"center",onSelect:d})},`mobile-${o}`)})}),e.jsx("button",{onClick:()=>{N(),h()},className:"absolute -left-2 md:-left-6 top-1/2 -translate-y-1/2 w-10 h-10 bg-white/10 hover:bg-[#ffcc02]/20 border border-white/10 hover:border-[#ffcc02]/40 rounded-full flex items-center justify-center text-white/70 hover:text-white transition-all duration-300 backdrop-blur-sm z-20","aria-label":"Previous",children:e.jsx(S,{className:"w-5 h-5"})}),e.jsx("button",{onClick:()=>{u(),h()},className:"absolute -right-2 md:-right-6 top-1/2 -translate-y-1/2 w-10 h-10 bg-white/10 hover:bg-[#ffcc02]/20 border border-white/10 hover:border-[#ffcc02]/40 rounded-full flex items-center justify-center text-white/70 hover:text-white transition-all duration-300 backdrop-blur-sm z-20","aria-label":"Next",children:e.jsx(A,{className:"w-5 h-5"})}),e.jsx("div",{className:"flex items-center justify-center gap-2 mt-8",children:f.map((i,m)=>e.jsx("button",{onClick:()=>{l(m),h()},className:"min-h-[24px] min-w-[24px] flex items-center justify-center rounded-full transition-all duration-300","aria-label":`Go to slide ${m+1}`,children:e.jsx("span",{className:`h-1.5 rounded-full transition-all duration-300 block ${m===o?"w-8 bg-[#ffcc02]":"w-1.5 bg-white/20 hover:bg-white/40"}`})},m))})]})]}),e.jsx(x,{children:t&&e.jsx(s.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"fixed inset-0 z-50 flex items-center justify-center p-6 bg-black/90 backdrop-blur-xl",onClick:()=>{d(null),r(!1)},children:e.jsxs(s.div,{initial:{scale:.95,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.95,opacity:0},transition:{duration:.3,ease:[.16,1,.3,1]},className:"bg-[#0c1235] border border-white/10 rounded-2xl max-w-3xl w-full overflow-hidden relative",onClick:i=>i.stopPropagation(),children:[e.jsxs("div",{className:"aspect-video bg-[#0a102f] relative overflow-hidden",children:[e.jsx("button",{onClick:()=>{d(null),r(!1)},className:"absolute top-4 right-4 z-20 w-10 h-10 bg-black/60 backdrop-blur-sm rounded-full flex items-center justify-center text-white/80 hover:text-white hover:bg-black/80 transition-colors","aria-label":"Close",children:e.jsx(I,{className:"w-5 h-5"})}),t.beforeImage?e.jsxs(e.Fragment,{children:[e.jsx(x,{mode:"wait",children:e.jsx(s.img,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},src:a?t.beforeImage:t.image,alt:`${t.title} ${a?"before":"after"}`,className:"w-full h-full object-cover",style:a?{filter:"grayscale(20%) brightness(95%)"}:{}},a?"before":"after")}),e.jsxs("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 flex items-center gap-1 p-1 bg-black/60 backdrop-blur-md rounded-full border border-white/10",children:[e.jsx("button",{onClick:()=>r(!0),className:`px-4 py-2 rounded-full text-sm font-medium transition-all ${a?"bg-white/90 text-[#0a102f]":"text-white/60 hover:text-white"}`,children:"Before"}),e.jsx("button",{onClick:()=>r(!1),className:`px-4 py-2 rounded-full text-sm font-medium transition-all ${a?"text-white/60 hover:text-white":"bg-[#ffcc02] text-[#0a102f]"}`,children:"After"})]}),e.jsx("div",{className:"absolute top-4 left-4",children:e.jsx("span",{className:`inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1.5 rounded-full ${a?"bg-white/20 text-white/90":"bg-[#ffcc02] text-[#0a102f]"}`,children:a?"Original Site":"Our Redesign"})})]}):e.jsxs(e.Fragment,{children:[e.jsx("img",{src:t.image,alt:t.title,className:"w-full h-full object-cover",loading:"lazy",width:768,height:432}),t.builtFromScratch&&e.jsx("div",{className:"absolute top-4 left-4",children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs font-semibold text-[#ffcc02] bg-[#ffcc02]/10 px-3 py-1.5 rounded-full border border-[#ffcc02]/30 backdrop-blur-md",children:[e.jsx(w,{className:"w-3 h-3"}),"Built from scratch"]})})]})]}),e.jsxs("div",{className:"p-8",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-xs font-medium text-white/50 bg-white/10 px-3 py-1 rounded-full",children:t.category}),t.beforeImage&&e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs font-medium text-[#0a102f] bg-[#ffcc02] px-3 py-1 rounded-full",children:[e.jsx(j,{className:"w-3 h-3"}),"Complete Redesign"]})]}),e.jsx("h3",{className:"text-2xl font-medium text-white tracking-tight mt-4",children:t.title}),e.jsx("p",{className:"text-[#ffcc02] text-lg mt-2 font-light",children:t.stat}),e.jsx("p",{className:"text-white/70 mt-4 leading-relaxed font-light",children:t.description}),t.url&&e.jsxs("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 mt-6 px-6 py-3 bg-[#ffcc02] text-[#0a102f] rounded-full font-medium text-sm hover:bg-[#ffcc02]/90 transition-colors duration-300",children:["Visit Site",e.jsx(y,{className:"w-4 h-4"})]})]})]})})})]})};export{O as FloatingPortfolio};