https://www.xilo.works/_next/static/chunks/app/page-f4041c246a55a13c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1931],{10193:function(e,a,t){Promise.resolve().then(t.bind(t,57340))},57340:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var i=t(57437),s=t(27648),r=t(33145),n=t(89993),l=t(33728),o=t(25222),c=t(2265),d=t(89801),p=t(14788),m=t(69141);let g={hidden:{opacity:0,y:30},visible:{opacity:1,y:0,transition:{duration:.8,ease:[.22,1,.36,1]}}},x={visible:{transition:{staggerChildren:.1}}};function u(){let e=d.q.slice(0,3),[a,t]=(0,c.useState)(!1);(0,c.useEffect)(()=>{t(!0)},[]);let{scrollY:u}=(0,n.v)(),h=(0,l.H)(u,[0,500],[0,200]),f=(0,l.H)(u,[0,300],[1,0]);return(0,i.jsxs)("div",{className:"min-h-screen relative bg-[#faf9f6] text-[#27251f] overflow-hidden ab-grain selection:bg-[#27251f] selection:text-[#faf9f6]",children:[(0,i.jsx)(p.default,{}),(0,i.jsxs)("nav",{className:"fixed top-0 left-0 w-full p-8 z-50 flex justify-between items-center mix-blend-difference text-[#faf9f6]",children:[(0,i.jsx)("div",{className:"text-xl font-bold tracking-tighter uppercase",children:"xiloworks"}),(0,i.jsxs)("div",{className:"flex gap-6 items-center",children:[(0,i.jsx)(s.default,{href:"/projects",className:"text-sm uppercase tracking-widest hover:opacity-70 transition-opacity",children:"Projects"}),(0,i.jsx)(s.default,{href:"/about",className:"text-sm uppercase tracking-widest hover:opacity-70 transition-opacity",children:"About"}),(0,i.jsx)(s.default,{href:"/plant-picker",className:"text-sm uppercase tracking-widest hover:opacity-70 transition-opacity",children:"Tools →"})]})]}),(0,i.jsxs)("div",{className:"max-w-[1800px] mx-auto relative z-10 px-6 sm:px-12 lg:px-24",children:[(0,i.jsx)("div",{className:"min-h-screen flex flex-col justify-center pt-24 pb-12",children:(0,i.jsxs)(o.E.div,{style:{y:h,opacity:f},className:"space-y-8",children:[(0,i.jsxs)(o.E.h1,{initial:{opacity:0,y:100},animate:{opacity:1,y:0},transition:{duration:1,ease:[.16,1,.3,1]},className:"text-[12vw] leading-[0.85] font-light tracking-tighter -ml-[0.5vw] ab-heading",children:["XILO ",(0,i.jsx)("br",{}),(0,i.jsx)("span",{className:"italic font-serif ml-[10vw]",children:"WORKS"})]}),(0,i.jsxs)(o.E.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:.5,duration:1},className:"flex flex-col md:flex-row gap-12 md:items-end justify-between max-w-5xl ml-[5vw]",children:[(0,i.jsx)("p",{className:"text-xl md:text-2xl font-light leading-relaxed max-w-xl opacity-80 ab-body",children:"Landscape architecture practice focused on Mediterranean ecosystems and urban design. From residential gardens to large-scale public parks—building landscapes that work."}),(0,i.jsxs)("div",{className:"flex gap-4",children:[(0,i.jsx)(s.default,{href:"/projects",children:(0,i.jsxs)("button",{className:"group relative px-8 py-4 bg-[#27251f] text-[#faf9f6] overflow-hidden rounded-full",children:[(0,i.jsx)("span",{className:"relative z-10 text-lg font-light tracking-wide uppercase group-hover:tracking-wider transition-all duration-500",children:"Projects"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-emerald-900/40 translate-y-full group-hover:translate-y-0 transition-transform duration-500 ease-out"})]})}),(0,i.jsx)(s.default,{href:"/plant-picker",children:(0,i.jsxs)("button",{className:"group relative px-8 py-4 bg-[#27251f] text-[#faf9f6] overflow-hidden rounded-full",children:[(0,i.jsx)("span",{className:"relative z-10 text-lg font-light tracking-wide uppercase group-hover:tracking-wider transition-all duration-500",children:"Tools"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-emerald-900/40 translate-y-full group-hover:translate-y-0 transition-transform duration-500 ease-out"})]})})]})]})]})}),(0,i.jsxs)(o.E.section,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-10%"},variants:x,className:"py-32",children:[(0,i.jsxs)(o.E.div,{variants:g,className:"space-y-8 mb-16",children:[(0,i.jsxs)("span",{className:"flex items-center gap-4 text-xs font-mono uppercase tracking-widest opacity-40",children:[(0,i.jsx)("span",{className:"w-12 h-[1px] bg-current"}),"01 — Portfolio"]}),(0,i.jsxs)("h2",{className:"text-6xl md:text-8xl font-light tracking-tight ab-heading",children:["Featured ",(0,i.jsx)("br",{})," Projects"]}),(0,i.jsx)("p",{className:"text-lg opacity-70 leading-relaxed max-w-md ab-body",children:"A selection of landscape architecture projects showcasing innovative design, ecosystem restoration, and sustainable urban planning."})]}),(0,i.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:e.map((e,a)=>(0,i.jsx)(o.E.div,{variants:g,initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{delay:.1*a},className:"group",children:(0,i.jsx)(s.default,{href:"/projects/".concat(e.id),children:(0,i.jsxs)("div",{className:"relative aspect-square overflow-hidden rounded-xl border border-[#27251f]/10 bg-white",children:[(0,i.jsx)(r.default,{src:e.images[0],alt:e.title,fill:!0,className:"object-cover transition-transform duration-700 group-hover:scale-110"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-[#27251f]/90 via-[#27251f]/0 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500",children:(0,i.jsxs)("div",{className:"absolute inset-0 flex flex-col justify-end p-6 text-[#faf9f6]",children:[(0,i.jsx)("h3",{className:"text-2xl font-light mb-2",children:e.title}),(0,i.jsx)("p",{className:"text-sm opacity-80",children:e.location}),(0,i.jsx)("p",{className:"text-sm opacity-60 mt-1",children:e.year})]})})]})})},e.id))}),(0,i.jsx)(o.E.div,{initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{once:!0},transition:{duration:.8,delay:.4},className:"mt-16 text-center",children:(0,i.jsx)(s.default,{href:"/projects",children:(0,i.jsxs)("button",{className:"group relative px-8 py-4 bg-[#27251f] text-[#faf9f6] overflow-hidden rounded-full",children:[(0,i.jsx)("span",{className:"relative z-10 text-lg font-light tracking-wide uppercase group-hover:tracking-wider transition-all duration-500",children:"View All Projects"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-emerald-900/40 translate-y-full group-hover:translate-y-0 transition-transform duration-500 ease-out"})]})})})]}),(0,i.jsxs)(o.E.section,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-10%"},variants:x,className:"py-32 grid lg:grid-cols-2 gap-24 items-center",children:[(0,i.jsxs)(o.E.div,{variants:g,className:"space-y-8",children:[(0,i.jsxs)("span",{className:"flex items-center gap-4 text-xs font-mono uppercase tracking-widest opacity-40",children:[(0,i.jsx)("span",{className:"w-12 h-[1px] bg-current"}),"02 — Infrastructure"]}),(0,i.jsxs)("h2",{className:"text-6xl md:text-8xl font-light tracking-tight ab-heading",children:["Professional ",(0,i.jsx)("br",{})," Tools"]}),(0,i.jsx)("p",{className:"text-lg opacity-70 leading-relaxed max-w-md ab-body",children:"Digital infrastructure developed through 10+ years of professional practice. Available for use in your own projects, or engage for complete design and implementation services."})]}),(0,i.jsx)(o.E.div,{variants:g,className:"space-y-6",children:[{title:"Plant Picker",description:"Curated collection of 2,000+ species with technical specifications, seasonal characteristics, and climate requirements. Includes budget tracking and CAD export.",link:"/plant-picker"},{title:"Site Analysis Platform",description:"GIS-based mapping tool for territorial analysis, area calculations, and spatial planning. Professional-grade features for landscape architects.",link:"/map"},{title:"Design Framework",description:"Implementation of Scales of Permanence methodology. Structured approach to landscape planning and ecosystem restoration.",link:"/scales"}].map((e,a)=>(0,i.jsx)(s.default,{href:e.link,children:(0,i.jsxs)("div",{className:"group border border-[#27251f]/10 rounded-xl p-6 hover:bg-[#27251f] hover:text-[#faf9f6] transition-all duration-500 cursor-pointer",children:[(0,i.jsx)("h3",{className:"text-2xl font-light mb-2 group-hover:opacity-90",children:e.title}),(0,i.jsx)("p",{className:"text-sm opacity-70 leading-relaxed group-hover:opacity-80",children:e.description}),(0,i.jsx)("div",{className:"mt-4 pt-4 border-t border-[#27251f]/10 group-hover:border-[#faf9f6]/20",children:(0,i.jsx)("span",{className:"text-xs uppercase tracking-wider opacity-60 group-hover:opacity-80",children:"Explore Tool →"})})]})},e.title))})]}),(0,i.jsxs)(o.E.section,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-10%"},variants:x,className:"py-32 grid lg:grid-cols-2 gap-24 items-center relative",children:[(0,i.jsxs)(o.E.div,{variants:g,className:"order-2 lg:order-1 w-full relative",children:[(0,i.jsxs)("div",{className:"flex items-center gap-8",children:[(0,i.jsx)("div",{className:"flex-shrink-0",children:(0,i.jsxs)(o.E.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{duration:.8},children:[(0,i.jsx)("h2",{className:"text-2xl md:text-3xl font-semibold text-[#27251f] mb-1",children:"Scales of"}),(0,i.jsx)("h1",{className:"text-3xl md:text-4xl font-bold text-[#27251f]",children:"Permanence"})]})}),(0,i.jsx)("div",{className:"relative w-full aspect-square max-w-[500px] flex-1",children:(0,i.jsx)(m.Z,{})})]}),(0,i.jsx)(s.default,{href:"/scales",className:"mt-6 inline-block text-xs uppercase tracking-widest opacity-40 hover:opacity-70 transition-opacity",children:"Explore Framework →"})]}),(0,i.jsxs)(o.E.div,{variants:g,className:"order-1 lg:order-2 space-y-8 lg:pl-12",children:[(0,i.jsxs)("span",{className:"flex items-center gap-4 text-xs font-mono uppercase tracking-widest opacity-40",children:[(0,i.jsx)("span",{className:"w-12 h-[1px] bg-current"}),"03 — Practice"]}),(0,i.jsxs)("h2",{className:"text-6xl md:text-8xl font-light tracking-tight ab-heading",children:["Design ",(0,i.jsx)("br",{})," Approach"]}),(0,i.jsx)("p",{className:"text-lg opacity-70 leading-relaxed max-w-md ab-body",children:"Combining innovative design techniques with deep respect for natural ec

1osystems. Specializing in Mediterranean landscapes, urban design, and ecosystem restoration."}),(0,i.jsx)("p",{className:"text-base opacity-60 leading-relaxed max-w-md ab-body",children:"Projects range from intimate residential gardens to large-scale public parks and commercial developments."}),(0,i.jsx)(s.default,{href:"/about",children:(0,i.jsxs)("button",{className:"group relative px-8 py-4 bg-[#27251f] text-[#faf9f6] overflow-hidden rounded-full mt-4",children:[(0,i.jsx)("span",{className:"relative z-10 text-base font-light tracking-wide uppercase group-hover:tracking-wider transition-all duration-500",children:"Learn More"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-emerald-900/40 translate-y-full group-hover:translate-y-0 transition-transform duration-500 ease-out"})]})})]})]}),(0,i.jsxs)(o.E.section,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-10%"},variants:x,className:"py-32",children:[(0,i.jsxs)(o.E.div,{variants:g,className:"space-y-8 mb-16 text-center",children:[(0,i.jsxs)("span",{className:"flex items-center justify-center gap-4 text-xs font-mono uppercase tracking-widest opacity-40",children:[(0,i.jsx)("span",{className:"w-12 h-[1px] bg-current"}),"04 — Collaboration"]}),(0,i.jsxs)("h2",{className:"text-6xl md:text-8xl font-light tracking-tight ab-heading",children:["Work ",(0,i.jsx)("br",{})," With Me"]})]}),(0,i.jsx)("div",{className:"grid md:grid-cols-2 gap-8 max-w-5xl mx-auto",children:[{title:"Design & Implementation",description:"Full-service landscape architecture from concept through construction. Urban design, ecosystem restoration, and residential projects.",link:"/contact",buttonText:"Discuss Project"},{title:"Professional Tools Access",description:"Subscribe to the complete suite of planning and analysis tools. Designed for landscape professionals and advanced users.",link:"/plant-picker",buttonText:"Explore Tools"}].map((e,a)=>(0,i.jsxs)(o.E.div,{variants:g,initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{delay:.1*a},className:"border border-[#27251f]/10 rounded-xl p-8 hover:bg-[#27251f] hover:text-[#faf9f6] transition-all duration-500 group",children:[(0,i.jsx)("h3",{className:"text-2xl font-light mb-4 group-hover:opacity-90",children:e.title}),(0,i.jsx)("p",{className:"text-sm opacity-70 leading-relaxed mb-6 group-hover:opacity-80",children:e.description}),(0,i.jsx)(s.default,{href:e.link,children:(0,i.jsxs)("button",{className:"group/btn relative px-6 py-3 bg-[#27251f] text-[#faf9f6] overflow-hidden rounded-full",children:[(0,i.jsx)("span",{className:"relative z-10 text-sm font-light tracking-wide uppercase group-hover/btn:tracking-wider transition-all duration-500",children:e.buttonText}),(0,i.jsx)("div",{className:"absolute inset-0 bg-emerald-900/40 translate-y-full group-hover/btn:translate-y-0 transition-transform duration-500 ease-out"})]})})]},e.title))}),(0,i.jsx)(o.E.div,{initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{once:!0},transition:{duration:.8,delay:.4},className:"text-center mt-16",children:(0,i.jsx)("p",{className:"text-sm opacity-40 font-mono uppercase tracking-widest",children:"Based in Portugal — Available for projects internationally"})})]}),(0,i.jsxs)(o.E.section,{initial:{opacity:0},whileInView:{opacity:1},transition:{duration:1},className:"py-48 text-center space-y-12 border-t border-[#27251f]/10",children:[(0,i.jsx)("h2",{className:"text-5xl md:text-9xl font-light tracking-tighter ab-heading",children:"Let's Create"}),(0,i.jsx)("div",{className:"flex justify-center gap-4",children:(0,i.jsx)(s.default,{href:"/contact",children:(0,i.jsxs)("button",{className:"group relative px-12 py-6 bg-[#27251f] text-[#faf9f6] text-xl overflow-hidden rounded-full",children:[(0,i.jsx)("span",{className:"relative z-10 font-light tracking-wide group-hover:tracking-wider transition-all duration-500",children:"Get In Touch"}),(0,i.jsx)("div",{className:"absolute inset-0 bg-emerald-900/40 translate-y-full group-hover:translate-y-0 transition-transform duration-500 ease-out"})]})})}),(0,i.jsxs)("p",{className:"text-sm opacity-40 font-mono uppercase tracking-widest mt-12",children:["\xa9 ",new Date().getFullYear()," xiloworks • Landscape Architecture"]})]})]})]})}},89801:function(e,a,t){"use strict";t.d(a,{Rp:function(){return s},q:function(){return i}});let i=[{id:"casarelo-urban-park",title:"Casarelo Urban Park",description:"Urban Forest Park",year:"2022",location:"Pombal, Portugal",category:"urban",tags:["Urban Design","Forest Park","River Restoration"],images:["/images/projects/casarelo-park/masterplan.jpg","/images/projects/casarelo-park/river-view.jpg","/images/projects/casarelo-park/playground-view.jpg"],details:{area:"4.2ha",company:"Topiaris",position:"Senior Landscape Architect",features:["River restoration","Bike Lane","Skatepark","Playground","Sports Meadows","Fitness Circuit"]},image:"/images/projects/casarelo-park/masterplan.jpg"},{id:"herdade-do-meco",title:"Herdade do Meco",description:"Touristic Project and Farm integrating sustainable agriculture with hospitality facilities while preserving the natural ecosystem.",year:"2021",location:"Meco, Portugal",category:"landscape",tags:["Tourism","Agriculture","Hotel","Ecosystem Restoration","Master Planning"],images:["/images/projects/herdade_meco/meco-masterplan.jpg","/images/projects/herdade_meco/meco-terrace.jpg"],details:{area:"84ha",company:"Topiaris",position:"Landscape Architect",features:["Farm","Lakes","Hotel","Housing","Ecosystem Restoration","SPA","Events Venues","Forest Paths","EIA (Environmental Assessment)"]},image:"/images/projects/herdade_meco/meco-masterplan.jpg"},{id:"atlantic-club-comporta",title:"Atlantic Club Comporta",description:"Touristic Project integrating private housing with Mediterranean planting and careful view analysis.",year:"2020",location:"Comporta, Portugal",category:"landscape",tags:["Tourism","Housing","Mediterranean Garden","View Analysis"],images:["/images/projects/atlantic-club-comporta/image10.jpg","/images/projects/atlantic-club-comporta/image7.jpg","/images/projects/atlantic-club-comporta/image8.jpg","/images/projects/atlantic-club-comporta/image9.jpg"],details:{area:"7ha",company:"Topiaris",position:"Senior Landscape Architect",features:["Housing","Private Gardens","Mediterranean Planting","Views System Analysis"]},image:"/images/projects/atlantic-club-comporta/image10.jpg"},{id:"planting-schemes",title:"Planting Schemes",description:"Mediterranean planting design integrating native species with sustainable maintenance requirements and seasonal interest.",year:"2021",location:"Portugal",category:"technical",tags:["Planting Design","Native Species","Mediterranean Garden","Technical Documentation","Landscape"],images:["/images/projects/planting_schemes/planting1.jpg","/images/projects/planting_schemes/planting2.jpg","/images/projects/planting_schemes/planting3.jpg"],details:{company:"Topiaris",position:"Senior Landscape Architect",features:["Plant Selection","Technical Documentation","Planting Plans","Maintenance Guidelines","Species Specifications","Seasonal Planning"]},image:"/images/projects/planting_schemes/planting1.jpg"}],s=e=>i.find(a=>a.id===e)},27648:function(e,a,t){"use strict";t.d(a,{default:function(){return s.a}});var i=t(72972),s=t.n(i)}},function(e){e.O(0,[2972,5222,3145,6301,9736,2971,2117,1744],function(){return e(e.s=10193)}),_N_E=e.O()}]);