PageSourceSearch

https://iarainteriors.com/

html iarainteriors.com collected 2026-10-04 01:55:08 UTC 94,678 bytes, 7 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Iara Interiors | Harmony, Wellness, Balance</title><meta name="description" content="Transform your space with Iara Interiors. We create harmonious living spaces that promote wellness and balance through holistic interior design."/><link rel="canonical" href="https://iarainteriors.com"/><link rel="alternate" hrefLang="en" href="https://iarainteriors.com"/><link rel="alternate" hrefLang="es" href="https://iarainteriors.com/es"/><link rel="alternate" hrefLang="x-default" href="https://iarainteriors.com"/><meta property="og:type" content="website"/><meta property="og:url" content="https://iarainteriors.com"/><meta property="og:title" content="Iara Interiors | Harmony, Wellness, Balance"/><meta property="og:description" content="Transform your space with Iara Interiors. We create harmonious living spaces that promote wellness and balance through holistic interior design."/><meta property="og:image" content="https://iarainteriors.com/assets/og-image.png"/><meta property="og:site_name" content="Iara Interiors"/><meta property="og:locale" content="en_US"/><meta property="og:locale:alternate" content="es_ES"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:url" content="https://iarainteriors.com"/><meta name="twitter:title" content="Iara Interiors | Harmony, Wellness, Balance"/><meta name="twitter:description" content="Transform your space with Iara Interiors. We create harmonious living spaces that promote wellness and balance through holistic interior design."/><meta name="twitter:image" content="https://iarainteriors.com/assets/og-image.png"/><meta name="robots" content="index, follow"/><meta name="author" content="Iara Interiors"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","@id":"https://iarainteriors.com/#organization","name":"Iara Interiors","description":"High-end interior design studio creating harmonious living spaces that promote wellness and balance through holistic design.","url":"https://iarainteriors.com","logo":"https://iarainteriors.com/assets/favicon.svg","image":"https://iarainteriors.com/assets/og-image.png","telephone":"+56951596053","email":"[email protected]","address":{"@type":"PostalAddress","addressLocality":"Atacama Desert","addressCountry":"CL"},"areaServed":{"@type":"Place","name":"Worldwide"},"serviceType":["Interior Design","Residential Design","Commercial Design","E-Design","Design Consultancy"],"sameAs":["https://www.instagram.com/iarainteriors","https://cl.pinterest.com/iarainteriors/"],"priceRange":"$$$","aggregateRating":{"@type":"AggregateRating","ratingValue":"5.0","reviewCount":"4","bestRating":"5","worstRating":"1"},"review":[{"@type":"Review","author":{"@type":"Person","name":"Sarah Johnson"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"reviewBody":"Working with Iara Interiors transformed our house into a home. Their attention to detail and understanding of our needs was exceptional."},{"@type":"Review","author":{"@type":"Person","name":"Michael Chen"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"reviewBody":"The team's ability to blend aesthetics with functionality created a perfect balance in our living space. Highly recommended!"},{"@type":"Review","author":{"@type":"Person","name":"Emma Davis"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"reviewBody":"Exceptional service and stunning results. They truly understand how to create spaces that reflect personal style while maintaining functionality."},{"@type":"Review","author":{"@type":"Person","name":"David Wilson"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"reviewBody":"A seamless process from concept to execution. Their vision for contemporary living is truly inspiring and forward-thinking."}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Iara Interiors","url":"https://iarainteriors.com","description":"Transform your space with Iara Interiors. We create harmonious living spaces that promote wellness and balance through holistic interior design.","publisher":{"@id":"https://iarainteriors.com/#organization"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is it like to work with IARA Interiors?","acceptedAnswer":{"@type":"Answer","text":"Every project is deeply personal and thoughtfully tailored. We take the time to understand your lifestyle, story and vision, then guide you through a refined process that feels collaborative, effortless and inspiring."}},{"@type":"Question","name":"Do you offer online interior design services?","acceptedAnswer":{"@type":"Answer","text":"Yes. We offer online interior design services worldwide, allowing us to create beautifully tailored spaces wherever you are. Our e-design process is seamless, detailed and highly personalized."}},{"@type":"Question","name":"Can you work with my existing furniture or pieces I already love?","acceptedAnswer":{"@type":"Answer","text":"Absolutely. We love incorporating meaningful pieces, existing furniture and collected objects into the design, creating a home that feels layered, personal and uniquely yours."}},{"@type":"Question","name":"How long does a project usually take?","acceptedA
1nswer":{"@type":"Answer","text":"Timelines vary depending on the scope of the project, but most interior design projects take between 4 and 12 weeks from concept to final design."}},{"@type":"Question","name":"What makes IARA Interiors different?","acceptedAnswer":{"@type":"Answer","text":"IARA Interiors creates spaces with soul, timeless, elegant and deeply personal. Inspired by nature, wellbeing and quiet luxury, every home is designed to feel beautiful, meaningful and entirely unique."}},{"@type":"Question","name":"What level of investment should I anticipate?","acceptedAnswer":{"@type":"Answer","text":"The investment depends on the scale and scope of your project. We offer different options depending on your needs—whether you are looking for a complete interior design, a single room, or a more subtle refresh with minimal intervention. After our discovery call, we will provide a tailored proposal with a design plan that reflects your vision, needs and budget."}}]}</script>
1<link rel="preload" href="/assets/hero.webp" as="image" fetchpriority="high"/><link rel="preload" href="/assets/cta/cta1.webp" as="image" fetchpriority="high"/><meta name="next-head-count" content="28"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="theme-color" content="#6F724E"/><link rel="icon" type="image/svg+xml" href="/assets/favicon.svg"/><link rel="apple-touch-icon" href="/assets/favicon.svg"/>
1<script type="text/javascript">
2              (function(c,l,a,r,i,t,y){
3                  c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
4                  t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
5                  y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
6              })(window, document, "clarity", "script", "y8mytdow7e");
7            </script>
7<link rel="preload" href="/_next/static/css/ccd9e734261e049f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ccd9e734261e049f.css" data-n-g=""/><noscript data-n-css=""></noscript>
7<script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
7<script src="/_next/static/chunks/webpack-fd6228513ab02d54.js" defer=""></script>
7<script src="/_next/static/chunks/framework-840cff9d6bb95703.js" defer=""></script>
7<script src="/_next/static/chunks/main-4d39b2e76ecb9bf5.js" defer=""></script>
7<script src="/_next/static/chunks/pages/_app-3aadfada5624cf8c.js" defer=""></script>
7<script src="/_next/static/chunks/8458-9adca9133bcb5e3f.js" defer=""></script>
7<script src="/_next/static/chunks/4251-3117f4f8eb550d16.js" defer=""></script>
7<script src="/_next/static/chunks/3465-1713a9e768c4d2df.js" defer=""></script>
7<script src="/_next/static/chunks/1015-f947eabf6178a57d.js" defer=""></script>
7<script src="/_next/static/chunks/pages/index-a9d96cdcbb1fca1e.js" defer=""></script>
7<script src="/_next/static/HX1GffKrLlwTl8ym2MwCk/_buildManifest.js" defer=""></script>
7<script src="/_next/static/HX1GffKrLlwTl8ym2MwCk/_ssgManifest.js" defer=""></script>
7</head><body class="antialiased"><div id="__next"><div class="flex flex-col relative bg-transparent overflow-x-hidden bg-background"><div class="flex-1 flex flex-col min-h-screen bg-background relative z-10 w-full shadow-2xl"><header class="fixed top-0 w-full z-50 transition-all duration-300 backdrop-blur-md shadow-sm" style="background-image:linear-gradient(rgba(43, 31, 24, 0.42), rgba(43, 31, 24, 0.52)), url(&#x27;/assets/textures/chocolate5.webp&#x27;);background-size:cover;background-position:top;background-repeat:no-repeat;border-bottom:1px solid rgba(238, 231, 223, 0.12)"><div class="container mx-auto px-4 lg:px-6 h-16 flex items-center justify-between"><div style="opacity:0;transform:translateY(-10px)"><a class="flex items-center" href="/"><img alt="iara interiors" loading="lazy" width="188" height="30" decoding="async" data-nimg="1" class="h-9 w-auto hidden sm:block invert brightness-[200%] opacity-90 hover:opacity-100 transition-opacity duration-300" style="color:transparent" src="/assets/iaraLogoAndText.svg"/><img alt="iara interiors" loading="lazy" width="57" height="36" decoding="async" data-nimg="1" class="h-9 w-auto block sm:hidden invert brightness-[200%] opacity-90 hover:opacity-100 transition-opacity duration-300" style="color:transparent" src="/assets/iaraLogo.svg"/></a></div><div class="flex items-center gap-4"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="relative z-10 flex max-w-max flex-1 items-center justify-center mr-4"><div style="position:relative"><ul data-orientation="horizontal" class="group flex-1 list-none items-center justify-center space-x-1 hidden md:flex gap-8" dir="ltr"><li><div style="opacity:0;transform:translateY(-8px)"><a class="relative text-sm font-medium text-[#EEE7DF]/80 hover:text-[#EEE7DF] transition-colors tracking-wide group/navlink py-1" href="/about">About<span class="absolute left-0 bottom-0 w-full h-[1px] bg-[#EEE7DF] scale-x-0 group-hover/navlink:scale-x-100 transition-transform origin-left duration-300"></span></a></div></li><li><div style="opacity:0;transform:translateY(-8px)"><a class="relative text-sm font-medium text-[#EEE7DF]/80 hover:text-[#EEE7DF] transition-colors tracking-wide group/navlink py-1" href="/services">Services<span class="absolute left-0 bottom-0 w-full h-[1px] bg-[#EEE7DF] scale-x-0 group-hover/navlink:scale-x-100 transition-transform origin-left duration-300"></span></a></div></li><li><div style="opacity:0;transform:translateY(-8px)"><a class="relative text-sm font-medium text-[#EEE7DF]/80 hover:text-[#EEE7DF] transition-colors tracking-wide group/navlink py-1" href="/gallery">Gallery<span class="absolute left-0 bottom-0 w-full h-[1px] bg-[#EEE7DF] scale-x-0 group-hover/navlink:scale-x-100 transition-transform origin-left duration-300"></span></a></div></li><li><div style="opacity:0;transform:translateY(-8px)"><a class="relative text-sm font-medium text-[#EEE7DF]/80 hover:text-[#EEE7DF] transition-colors tracking-wide group/navlink py-1" href="/contact">Contact<span class="absolute left-0 bottom-0 w-full h-[1px] bg-[#EEE7DF] scale-x-0 group-hover/navlink:scale-x-100 transition-transform origin-left duration-300"></span></a></div></li></ul></div><div class="absolute left-0 top-full flex justify-center"></div></nav><div class="hidden md:block" style="opacity:0;transform:translateY(-8px)"><div class="relative"><button class="flex items-center gap-2 px-3 py-2 rounded-full border border-[#EEE7DF]/20 hover:border-[#EEE7DF]/40 hover:bg-white/10 transition-all duration-300 group" aria-label="Change language"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-[#EEE7DF]/70 group-hover:text-[#EEE7DF] transition-colors"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="text-sm font-medium text-[#EEE7DF]/90 group-hover:text-[#EEE7DF] transition-colors">EN</span><svg class="w-3 h-3 text-[#EEE7DF]/60" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div></div><div class="hidden sm:block" style="opacity:0"><a class="inline-flex h-10 items-center justify-center rounded-full px-6 backdrop-blur-md border transition-all duration-500 overflow-hidden relative group bg-white/10 text-[#EEE7DF] border-white/20 hover:bg-white hover:text-[#2B1F18] text-sm font-medium shadow-[0_0_15px_rgba(255,255,255,0.1)] hover:shadow-[0_0_20px_rgba(255,255,255,0.25)]" href="/contact"><span class="relative z-10 flex items-center">Get Started<span class="absolute -bottom-0.5 left-0 w-0 h-px bg-current transition-all duration-500 group-hover:w-full"></span></span></a></div><div class="md:hidden" style="opacity:0;transform:translateY(-8px)"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-9 w-9 text-[#EEE7DF] hover:text-white hover:bg-white/10 transition-colors" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:Rkim:" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><span class="sr-only">
7Toggle menu</span></button></div></div></div></header><main class="flex-1 pt-16"><section class="relative h-screen flex items-center overflow-hidden bg-[#1A1A1A]"><div class="absolute inset-0 z-0" style="opacity:1;transform:none"><img alt="Premium Interior Design" fetchpriority="high" decoding="async" data-nimg="fill" class="object-cover opacity-60" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/hero.webp"/><div class="absolute inset-0" style="background:linear-gradient(to right, rgba(74, 32, 11, 0.4), rgba(74, 32, 11, 0.08), transparent)"></div><div class="absolute inset-0" style="background:linear-gradient(to top, rgba(74, 32, 11, 0.4) 0%, transparent 35%)"></div><div class="absolute inset-0" style="background:linear-gradient(to bottom, rgba(74, 32, 11, 0.08) 0%, transparent 25%)"></div></div><div class="container mx-auto px-6 relative z-10"><div class="max-w-4xl"><div style="opacity:0;transform:translateY(30px)"><span class="inline-block text-white/40 text-xs md:text-sm tracking-[0.4em] uppercase mb-8 font-light" style="opacity:0;transform:translateX(-20px)">Exquisite Sanctuaries</span><h1 class="text-4xl sm:text-6xl md:text-7xl lg:text-8xl font-mirage text-white leading-[1.05] mb-10 tracking-tight">Spaces with<!-- --> <br/><span class="italic font-light text-white/90">character</span> <br/>that tells a story</h1></div><p class="text-lg md:text-xl text-white/60 mb-12 max-w-xl leading-relaxed font-light" style="opacity:0;transform:translateY(20px)">Beyond aesthetics, we craft environments defined by the nobility of materials and a cinematic depth. We don&#x27;t just design; we unveil the story within your space</p><div class="flex flex-col sm:flex-row gap-6 items-center" style="opacity:0"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-16 px-10 text-lg rounded-full w-full sm:w-auto backdrop-blur-md border transition-all duration-500 overflow-hidden relative group bg-white/10 text-white border-white/20 hover:bg-white hover:text-foreground shadow-[0_0_20px_rgba(255,255,255,0.1)] hover:shadow-[0_0_30px_rgba(255,255,255,0.25)] flex items-center gap-3 relative z-10" href="/services"><span class="relative">Begin the Journey<span class="absolute -bottom-1 left-0 w-0 h-px bg-current transition-all duration-500 group-hover:w-full"></span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="text-white font-light tracking-wide hover:text-white/70 transition-colors flex flex-col items-center group/link text-base" href="/contact"><span class="mb-1">Book Consulation</span><div class="h-px w-0 group-hover/link:w-full bg-white/40 transition-all duration-500"></div></a></div></div></div><div class="absolute bottom-10 left-1/2 -translate-x-1/2 flex flex-col items-center gap-3 cursor-pointer group" style="opacity:0"><span class="text-[10px] uppercase tracking-[0.3em] text-white/30 font-light group-hover:text-white/50 transition-colors">Discover More</span><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down w-5 h-5 text-white/20 group-hover:text-white/40 transition-colors"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg></div></div></section><section class="py-24 bg-[#EEE1D9]" style="background-image:url(&#x27;/assets/textures/flowers.webp&#x27;);background-size:cover;background-position:bottom;background-repeat:no-repeat"><div class="container mx-auto px-4"><div class="grid grid-cols-1 md:grid-cols-2 gap-12"><div class="relative rounded-[24px] p-8 shadow-2xl overflow-hidden" style="opacity:0"><div class="absolute inset-0 bg-white/[0.08] border border-white/20 rounded-[24px]" style="backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translate3d(0, 0, 0);backface-visibility:hidden;will-change:backdrop-filter"></div><div class="relative z-10" style="opacity:0"><h2 class="text-3xl font-mirage mb-6 text-white">Where Materiality Meets Purpose</h2><p class="text-lg text-white/80 leading-relaxed font-light">
7Inspired by the raw patterns of nature and the art of hospitality, Iara Interiors is dedicated to creating environments that hold their own weight. We layer rich textures and deep colors to reveal a character that is independent, timeless, and profoundly immersive.</p></div></div><div class="space-y-8"><div class="flex items-center gap-6 group" style="opacity:0;transform:translateX(30px)"><div class="w-12 h-12 text-white transition-transform duration-300 group-hover:scale-110"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="0.5" class="w-full h-full" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="2" x2="12" y2="22"></line> <line x1="17.9" y1="3.5" x2="6.1" y2="20.5"></line> <line x1="20.5" y1="6.1" x2="3.5" y2="17.9"></line> <line x1="22" y1="12" x2="2" y2="12"></line> <line x1="20.5" y1="17.9" x2="3.5" y2="6.1"></line> <line x1="17.9" y1="20.5" x2="6.1" y2="3.5"></line> <line x1="12" y1="22" x2="12" y2="2"></line> <line x1="6.1" y1="20.5" x2="17.9" y2="3.5"></line> </svg></div><div class="flex-1"><h3 class="text-xl font-mirage mb-1 text-white group-hover:text-white/80 transition-colors">Atmospheric Depth</h3><p class="text-white/75 text-sm leading-relaxed">A masterful interplay of light and shadow, sculpting a cinematic sense of mood.</p></div></div><div class="flex items-center gap-6 group" style="opacity:0;transform:translateX(30px)"><div class="w-12 h-12 text-white transition-transform duration-300 group-hover:scale-110"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="0.5" class="w-full h-full" xmlns="http://www.w3.org/2000/svg"><path d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21"></path><path d="M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3"></path><circle cx="12" cy="12" r="2"></circle></svg></div><div class="flex-1"><h3 class="text-xl font-mirage mb-1 text-white group-hover:text-white/80 transition-colors">Material Poetry</h3><p class="text-white/75 text-sm leading-relaxed">We seek the truth within stone, wood, and raw textures to ground every space.</p></div></div><div class="flex items-center gap-6 group" style="opacity:0;transform:translateX(30px)"><div class="w-12 h-12 text-white transition-transform duration-300 group-hover:scale-110"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="0.5" class="w-full h-full" xmlns="http://www.w3.org/2000/svg"><line x1="4" y1="12" x2="20" y2="12"></line><line x1="8" y1="8" x2="16" y2="8"></line><line x1="6" y1="16" x2="18" y2="16"></line></svg></div><div class="flex-1"><h3 class="text-xl font-mirage mb-1 text-white group-hover:text-white/80 transition-colors">Natural Patterns</h3><p class="text-white/75 text-sm leading-relaxed"> Design inspired by the organic rhythms and complex forms found in the wild.</p></div></div></div></div></div></section><section class="py-24 overflow-hidden"><div class="container mx-auto px-4"><div class="grid lg:grid-cols-2 gap-16 items-center"><div style="opacity:0;transform:translateX(-20px)"><h2 class="text-sm uppercase tracking-[0.3em] text-[#4A200B] mb-4">Our Essence</h2><h3 class="text-4xl md:text-5xl font-mirage mb-8 text-[#4A200B]">Spaces with Character, Rooted in Identity.</h3><div class="space-y-6 text-lg text-muted-foreground font-light leading-relaxed"><p>We believe a home should be a living narrative-a sanctuary where materiality meets personal identity. Our design process is rooted in the art of layering: combining the cold weight of stone with the warmth of dark oak to create an experience that pulses with history.</p><p>Every room is meticulously composed to hold its own visual gravity. Inspired by the raw complexity of nature, we curate environments that are not just beautiful, but deeply evocative and impossible to forget. We don&#x27;t just design interiors; we unveil the independent soul of your environment.</p></div><div class="mt-12 grid grid-cols-2 lg:gap-12 gap-6 max-w-sm"><div class="space-y-1"><span class="block text-3xl md:text-4xl font-mirage text-primary">100%</span><span class="block text-[10px] sm:text-xs uppercase tracking-[0.2em] text-muted-foreground font-medium">Client Satisfaction</span></div><div class="space-y-1"><span class="block text-3xl md:text-4xl font-mirage text-primary">15+</span><span class="block text-[10px] sm:text-xs uppercase tracking-[0.2em] text-muted-foreground font-medium">Spaces Transformed</span></div></div></div><div class="relative max-w-md mx-auto w-full" style="opacity:0;transform:scale(0.95)"><div class="relative aspect-[4/5] rounded-2xl overflow-hidden bg-secondary/20 shadow-xl"><img alt="Mindful Interior Design" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/nuestra-esencia.webp"/></div><div class="absolute -bottom-6 -right-6 w-32 h-32 bg-primary/10 rounded-full blur-3xl -z-10"></div><div class="absolute -top-6 -left-6 w-32 h-32 bg-primary/5 rounded-full blur-3xl -z-10"></div></div></div></div></section><section class="py-24 md:py-32 relative overflow-hidden bg-[#E5DACF]"><div class="absolute inset-0 z-0 scale-110" style="transform:none">
7<img alt="Services Background" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/textures/flowers2.webp"/></div><div class="absolute inset-0 z-10 pointer-events-none bg-[#EEE7DF]/20" style="background-image:linear-gradient(rgba(232, 224, 213, 0.25), rgba(232, 224, 213, 0.25))"></div><div class="container mx-auto px-4 relative z-20"><div class="text-center mb-16 md:mb-24"><span class="inline-block text-primary text-xs md:text-sm tracking-[0.4em] uppercase mb-6 font-medium" style="opacity:0;transform:translateY(10px)">Design Excellence</span><h2 class="text-4xl md:text-5xl lg:text-6xl font-mirage text-primary mb-6 tracking-tight" style="opacity:0;transform:translateY(-20px)">Our Services</h2><div class="h-px bg-primary/20 w-32 mx-auto" style="transform:scaleX(0)"></div></div><div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8"><div><a class="group block h-full" href="/services/residential"><div class="rounded-xl border text-card-foreground h-full bg-transparent border-none shadow-2xl relative overflow-hidden transition-transform duration-500 group-hover:-translate-y-1"><div class="absolute inset-0 bg-white/30 border border-white/40 rounded-3xl transition-all duration-500 group-hover:bg-white/50 group-hover:border-white/60 shadow-[0_8px_30px_rgba(0,0,0,0.04)]" style="backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translate3d(0, 0, 0);backface-visibility:hidden;will-change:backdrop-filter"></div><div class="absolute -top-10 -right-10 w-32 h-32 bg-primary/5 rounded-full blur-3xl op
7acity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="p-6 pt-10 pb-10 px-8 flex flex-col h-full relative z-10"><div class="flex flex-col h-full"><div class="w-14 h-14 text-[#B08D57] mb-8 transition-all duration-700 group-hover:scale-110 flex items-center justify-center bg-white/40 rounded-2xl backdrop-blur-md border border-white/40"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></div><h3 class="text-2xl font-mirage text-primary mb-4 transition-colors duration-500">Residential</h3><p class="text-muted-foreground mb-8 text-sm leading-relaxed flex-grow font-light">Where style meets soul. Creating personalized spaces you&#x27;ll love to live in.</p><div class="flex items-center text-primary/70 font-light text-xs tracking-[0.15em] transition-colors duration-500 group-hover:text-primary"><span class="transition-all duration-500">Know more</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-0 opacity-0 -translate-x-2 transition-all duration-500 ease-out group-hover:ml-2 group-hover:opacity-100 group-hover:translate-x-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div></a></div><div><a class="group block h-full" href="/services/commercial"><div class="rounded-xl border text-card-foreground h-full bg-transparent border-none shadow-2xl relative overflow-hidden transition-transform duration-500 group-hover:-translate-y-1"><div class="absolute inset-0 bg-white/30 border border-white/40 rounded-3xl transition-all duration-500 group-hover:bg-white/50 group-hover:border-white/60 shadow-[0_8px_30px_rgba(0,0,0,0.04)]" style="backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translate3d(0, 0, 0);backface-visibility:hidden;will-change:backdrop-filter"></div><div class="absolute -top-10 -right-10 w-32 h-32 bg-primary/5 rounded-full blur-3xl op
7acity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="p-6 pt-10 pb-10 px-8 flex flex-col h-full relative z-10"><div class="flex flex-col h-full"><div class="w-14 h-14 text-[#B08D57] mb-8 transition-all duration-700 group-hover:scale-110 flex items-center justify-center bg-white/40 rounded-2xl backdrop-blur-md border border-white/40"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><h3 class="text-2xl font-mirage text-primary mb-4 transition-colors duration-500">Commercial</h3><p class="text-muted-foreground mb-8 text-sm leading-relaxed flex-grow font-light">A full service project. High-end hospitality and retail interiors designed for brand identity, effortless flow and unforgettable atmosphere.</p><div class="flex items-center text-primary/70 font-light text-xs tracking-[0.15em] transition-colors duration-500 group-hover:text-primary"><span class="transition-all duration-500">Know more</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-0 opacity-0 -translate-x-2 transition-all duration-500 ease-out group-hover:ml-2 group-hover:opacity-100 group-hover:translate-x-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div></a></div><div><a class="group block h-full" href="/services/e-design"><div class="rounded-xl border text-card-foreground h-full bg-transparent border-none shadow-2xl relative overflow-hidden transition-transform duration-500 group-hover:-translate-y-1"><div class="absolute inset-0 bg-white/30 border border-white/40 rounded-3xl transition-all duration-500 group-hover:bg-white/50 group-hover:border-white/60 shadow-[0_8px_30px_rgba(0,0,0,0.04)]" style="backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translate3d(0, 0, 0);backface-visibility:hidden;will-change:backdrop-filter"></div><div class="absolute -top-10 -right-10 w-32 h-32 bg-primary/5 rounded-full blur-3xl op
7acity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="p-6 pt-10 pb-10 px-8 flex flex-col h-full relative z-10"><div class="flex flex-col h-full"><div class="w-14 h-14 text-[#B08D57] mb-8 transition-all duration-700 group-hover:scale-110 flex items-center justify-center bg-white/40 rounded-2xl backdrop-blur-md border border-white/40"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></div><h3 class="text-2xl font-mirage text-primary mb-4 transition-colors duration-500">E-Design</h3><p class="text-muted-foreground mb-8 text-sm leading-relaxed flex-grow font-light">Comprehensive online design services that transform your space wherever you are.</p><div class="flex items-center text-primary/70 font-light text-xs tracking-[0.15em] transition-colors duration-500 group-hover:text-primary"><span class="transition-all duration-500">Know more</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-0 opacity-0 -translate-x-2 transition-all duration-500 ease-out group-hover:ml-2 group-hover:opacity-100 group-hover:translate-x-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div></a></div><div><a class="group block h-full" href="/services/consultancy"><div class="rounded-xl border text-card-foreground h-full bg-transparent border-none shadow-2xl relative overflow-hidden transition-transform duration-500 group-hover:-translate-y-1"><div class="absolute inset-0 bg-white/30 border border-white/40 rounded-3xl transition-all duration-500 group-hover:bg-white/50 group-hover:border-white/60 shadow-[0_8px_30px_rgba(0,0,0,0.04)]" style="backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translate3d(0, 0, 0);backface-visibility:hidden;will-change:backdrop-filter"></div><div class="absolute -top-10 -right-10 w-32 h-32 bg-primary/5 rounded-full blur-3xl op
7acity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="p-6 pt-10 pb-10 px-8 flex flex-col h-full relative z-10"><div class="flex flex-col h-full"><div class="w-14 h-14 text-[#B08D57] mb-8 transition-all duration-700 group-hover:scale-110 flex items-center justify-center bg-white/40 rounded-2xl backdrop-blur-md border border-white/40"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></div><h3 class="text-2xl font-mirage text-primary mb-4 transition-colors duration-500">Consultancy</h3><p class="text-muted-foreground mb-8 text-sm leading-relaxed flex-grow font-light">Clarity in one session. Helping you create your perfect space with confidence with expert design guidance online.</p><div class="flex items-center text-primary/70 font-light text-xs tracking-[0.15em] transition-colors duration-500 group-hover:text-primary"><span class="transition-all duration-500">Know more</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-0 opacity-0 -translate-x-2 transition-all duration-500 ease-out group-hover:ml-2 group-hover:opacity-100 group-hover:translate-x-0"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div></a></div></div></div></section><section class="py-24 bg-secondary/10 relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none opacity-20"><div class="absolute -top-[10%] -left-[10%] w-[40%] h-[40%] bg-primary/5 rounded-full blur-[120px]"></div><div class="absolute -bottom-[10%] -right-[10%] w-[40%] h-[40%] bg-primary/5 rounded-full blur-[120px]"></div></div><div class="container mx-auto px-4 relative z-10"><div class="max-w-3xl mx-auto text-center mb-20"><h2 class="text-sm uppercase tracking-[0.3em] text-[#4A200B] mb-4" style="opacity:0;transform:translateY(20px)">Our Process</h2><h3 class="text-4xl md:text-5xl font-mirage mb-6 text-[#4A200B]" style="opacity:0;transform:translateY(20px)">The Story of Your Space</h3><p class="text-lg text-muted-foreground font-light" style="opacity:0;transform:translateY(20px)">A thoughtful journey to create a home that reflects who you are and how you want to live.</p></div><div class="grid md:grid-cols-2 gap-8 lg:gap-12 relative lg:grid-cols-4"><div class="hidden lg:block absolute top-[2.25rem] left-[10%] right-[10%] h-[1px] bg-primary/10 -z-10"></div><div class="group relative text-center md:text-left" style="opacity:0;transform:translateY(30px)"><div class="text-8xl font-mirage process-number text-[#6F724E]/40 absolute -top-8 left-1/2 -translate-x-1/2 md:left-auto md:-left-4 md:translate-x-0 group-hover:text-[#6F724E]/60 transition-colors pointer-events-none select-none">01</div><div class="relative pt-6 h-full flex flex-col items-center md:items-start"><div class="w-12 h-12 rounded-full bg-background border border-[#6F724E]/40 flex items-center justify-center mb-6 group-hover:border-[#6F724E]/70 hover:bg-[#D7D0BD] transition-all duration-500 shadow-sm relative z-20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-5 h-5 text-[#6F724E] group-hover:text-[#6F724E] transition-colors"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div><div class="space-y-4"><h4 class="text-xl font-mirage md:group-hover:translate-x-1 transition-transform inline-flex items-center justify-center md:justify-start gap-2">Space Identity<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden md:block w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-primary"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></h4><p class="text-muted-foreground leading-relaxed font-light text-sm whitespace-pre-line">Uncovering the personality and potential of each environment.</p></div><div class="mt-auto pt-6"><div class="w-8 h-[1px] bg-primary/20 group-hover:w-16 transition-all duration-500 mx-auto md:mx-0"></div></div></div></div><div class="group relative text-center md:text-left" style="opacity:0;transform:translateY(30px)"><div class="text-8xl font-mirage process-number text-[#6F724E]/40 absolute -top-8 left-1/2 -translate-x-1/2 md:left-auto md:-left-4 md:translate-x-0 group-hover:text-[#6F724E]/60 transition-colors pointer-events-none select-none">
702</div><div class="relative pt-6 h-full flex flex-col items-center md:items-start"><div class="w-12 h-12 rounded-full bg-background border border-[#6F724E]/40 flex items-center justify-center mb-6 group-hover:border-[#6F724E]/70 hover:bg-[#D7D0BD] transition-all duration-500 shadow-sm relative z-20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette w-5 h-5 text-[#6F724E] group-hover:text-[#6F724E] transition-colors"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><div class="space-y-4"><h4 class="text-xl font-mirage md:group-hover:translate-x-1 transition-transform inline-flex items-center justify-center md:justify-start gap-2">Material Selection<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden md:block w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-primary"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></h4><p class="text-muted-foreground leading-relaxed font-light text-sm whitespace-pre-line">Choosing noble materials and designing the light play that provides depth.</p></div><div class="mt-auto pt-6"><div class="w-8 h-[1px] bg-primary/20 group-hover:w-16 transition-all duration-500 mx-auto md:mx-0"></div></div></div></div><div class="group relative text-center md:text-left" style="opacity:0;transform:translateY(30px)"><div class="text-8xl font-mirage process-number text-[#6F724E]/40 absolute -top-8 left-1/2 -translate-x-1/2 md:left-auto md:-left-4 md:translate-x-0 group-hover:text-[#6F724E]/60 transition-colors pointer-events-none select-none">03</div><div class="relative pt-6 h-full flex flex-col items-center md:items-start"><div class="w-12 h-12 rounded-full bg-background border border-[#6F724E]/40 flex items-center justify-center mb-6 group-hover:border-[#6F724E]/70 hover:bg-[#D7D0BD] transition-all duration-500 shadow-sm relative z-20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ruler w-5 h-5 text-[#6F724E] group-hover:text-[#6F724E] transition-colors"><path d="M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"></path><path d="m14.5 12.5 2-2"></path><path d="m11.5 9.5 2-2"></path><path d="m8.5 6.5 2-2"></path><path d="m17.5 15.5 2-2"></path></svg></div><div class="space-y-4"><h4 class="text-xl font-mirage md:group-hover:translate-x-1 transition-transform inline-flex items-center justify-center md:justify-start gap-2">Atmospheric Composition<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden md:block w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-primary"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></h4><p class="text-muted-foreground leading-relaxed font-light text-sm whitespace-pre-line">Layering textures and patterns inspired by nature to create an immersive mood.</p></div><div class="mt-auto pt-6"><div class="w-8 h-[1px] bg-primary/20 group-hover:w-16 transition-all duration-500 mx-auto md:mx-0"></div></div></div></div><div class="group relative text-center md:text-left" style="opacity:0;transform:translateY(30px)"><div class="text-8xl font-mirage process-number text-[#6F724E]/40 absolute -top-8 left-1/2 -translate-x-1/2 md:left-auto md:-left-4 md:translate-x-0 group-hover:text-[#6F724E]/60 transition-colors pointer-events-none select-none">04</div><div class="relative pt-6 h-full flex flex-col items-center md:items-start"><div class="w-12 h-12 rounded-full bg-background border border-[#6F724E]/40 flex items-center justify-center mb-6 group-hover:border-[#6F724E]/70 hover:bg-[#D7D0BD] transition-all duration-500 shadow-sm relative z-20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-5 h-5 text-[#6F724E] group-hover:text-[#6F724E] transition-colors"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><div class="space-y-4"><h4 class="text-xl font-mirage md:group-hover:translate-x-1 transition-transform inline-flex items-center justify-center md:justify-start gap-2">Project Reveal<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right hidden md:block w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all text-primary"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></h4><p class="text-muted-foreground leading-relaxed font-light text-sm whitespace-pre-line">Delivering a finished, coherent space with its own distinct character.</p></div><div class="mt-auto pt-6"><div class="w-8 h-[1px] bg-primary/20 group-hover:w-16 transition-all duration-500 mx-auto md:mx-0"></div></div></div></div></div><div class="flex justify-center mt-16" style="opacity:0;transform:translateY(20px)"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-14 px-10 text-base rounded-full bg-primary text-primary-foreground hover:bg-primary/95 group transition-all duration-300 shadow-md border-none flex items-center gap-3" href="/contact">Get in Touch<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section id="projects" class="py-24 bg-[#E8E0D5] overflow-hidden"><div class="container mx-auto px-4 text-[#6E3B3B]"><div class="flex flex-col md:flex-row md:items-end justify-between mb-16 gap-8"><div class="max-w-2xl"><h2 class="text-4xl md:text-6xl font-mirage mb-6 tracking-tight text-[#4A200B]" style="opacity:0;transform:translateY(20px)">Designs</h2><p class="text-[#6E3B3B] font-light text-lg leading-relaxed" style="opacity:0;transform:translateY(20px)">Discover our most recent transformations, where refined aesthetics meet exceptional craftsmanship in every meticulously curated space.</p></div><div class="flex items-center gap-4"><div class="flex gap-2"><button disabled="" class="w-12 h-12 rounded-full border border-[#6E3B3B]/20 flex items-center justify-center transition-all hover:bg-[#6E3B3B] hover:text-white disabled:opacity-30 disabled:cursor-not-allowed group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-5 h-5 transition-transform group-active:-translate-x-1"><path d="m15 18-6-6 6-6"></path></svg></button><button disabled="" class="w-12 h-12 rounded-full border border-[#6E3B3B]/20 flex items-center justify-center transition-all hover:bg-[#6E3B3B] hover:text-white disabled:opacity-30 disabled:cursor-not-allowed group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5 transition-transform group-active:translate-x-1"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div><div class="embla"><div class="embla__container flex gap-6 px-4"><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Sculptural Detailing" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/1.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span>
7<h3 class="text-3xl font-mirage mb-4 leading-tight">Sculptural Detailing</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">Curated objects and textured ceramic surfaces dialogue in soft natural light.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider uppercase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Sculptural Detailing</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Sanctuary Living Room" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/2.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span><h3 class="text-3xl font-mirage mb-4 leading-tight">Sanctuary Living Room</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">Espresso-toned furnishings and warm limestone elements create quiet luxury.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider uppercase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Sanctuary Living Room</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Noble Oak Materiality" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/3.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span><h3 class="text-3xl font-mirage mb-4 leading-tight">Noble Oak Materiality</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">A close study of linear wood patterns, raw linen, and warm mineral textures.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider up
7percase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Noble Oak Materiality</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Monolithic Kitchen Island" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/4.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span><h3 class="text-3xl font-mirage mb-4 leading-tight">Monolithic Kitchen Island</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">Raw stone surfaces anchoring the culinary space with geometric precision.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider uppercase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Monolithic Kitchen Island</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Poetic Light Play" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/5.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span><h3 class="text-3xl font-mirage mb-4 leading-tight">Poetic Light Play</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">Subtle rays highlighting rich wall textures and creating cinematic shadows.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider uppercase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Poetic Light Play</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Curated Workspace Lounge" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/comercial/6.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Commercial</span>
7<h3 class="text-3xl font-mirage mb-4 leading-tight">Curated Workspace Lounge</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">Sophisticated executive environments defined by tactile textures and deep comfort.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider uppercase">Commercial</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Curated Workspace Lounge</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Atmospheric Dining Room" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/7.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span><h3 class="text-3xl font-mirage mb-4 leading-tight">Atmospheric Dining Room</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">
7Shadow-rich dining spaces framed by warm timber and mineral textures.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider uppercase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Atmospheric Dining Room</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Travertine &amp; Linen Harmony" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/8.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span><h3 class="text-3xl font-mirage mb-4 leading-tight">Travertine &amp; Linen Harmony</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">A micro-view of organic cavities in natural stone juxtaposed with pure linen weaving.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider uppercase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Travertine &amp; Linen Harmony</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Sophisticated Reception Lounge" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/9.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span><h3 class="text-3xl font-mirage mb-4 leading-tight">Sophisticated Reception Lounge</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">Quiet luxury hospitality space welcoming visitors with quiet, raw beauty.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider up
7percase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Sophisticated Reception Lounge</h4></div></div><div class="embla__slide flex-[0_0_85%] md:flex-[0_0_45%] lg:flex-[0_0_35%] min-w-0"><div class="group relative overflow-hidden rounded-3xl cursor-grab active:cursor-grabbing" style="opacity:0;transform:scale(0.95)"><div style="position:relative;width:100%;padding-bottom:125%" data-radix-aspect-ratio-wrapper=""><div style="position:absolute;top:0;right:0;bottom:0;left:0"><img alt="Espresso Library Nook" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-all duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/gallery/residencial/10.jpg"/><div class="absolute inset-0 rounded-3xl pointer-events-none" style="box-shadow:inset 0 0 40px rgba(44,36,31,0.3)"></div><div class="absolute inset-0 bg-gradient-to-t from-[#2C241F]/95 via-[#2C241F]/60 via-50% to-[#2C241F]/20 opacity-0 group-hover:opacity-100 transition-all duration-500 p-8 md:p-12 flex flex-col justify-end text-white"><div class="transform translate-y-8 group-hover:translate-y-0 transition-transform duration-500 ease-out"><span class="text-xs uppercase tracking-[0.3em] text-white/60 mb-3 block font-semibold">Residential</span><h3 class="text-3xl font-mirage mb-4 leading-tight">Espresso Library Nook</h3><p class="text-sm text-white/70 font-light line-clamp-2 mb-2 max-w-sm leading-relaxed">A dark, moody reading retreat styled with rich textures and warm highlights.</p></div></div><div class="absolute bottom-8 left-8 group-hover:opacity-0 transition-opacity duration-300"><div class="bg-[#2C221D]/40 backdrop-blur-md rounded-full px-4 py-2 text-white border border-white/10 text-xs font-medium tracking-wider uppercase">Residential</div></div></div></div></div><div class="mt-6 px-2 md:opacity-0 group-hover:opacity-100 transition-opacity"><h4 class="text-xl font-mirage text-[#6E3B3B]">Espresso Library Nook</h4></div></div></div></div><div class="mt-16 flex items-center justify-center gap-2"></div><div class="mt-16 text-center"><a href="/gallery"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-9 rounded-full px-10 py-6 bg-[#6E3B3B] text-white hover:bg-[#5A2F2F] tracking-widest uppercase transition-all duration-300 hover:scale-105 active:scale-95 shadow-md shadow-[#6E3B3B]/10">See the Entire Gallery</button></a></div></div></section><section class="py-24 bg-secondary/30 relative overflow-hidden"><div class="absolute top-0 left-1/4 w-96 h-96 bg-primary/5 rounded-full blur-3xl -z-10 animate-pulse"></div><div class="absolute bottom-0 right-1/4 w-96 h-96 bg-primary/5 rounded-full blur-3xl -z-10 animate-pulse"></div><div class="container mx-auto px-4"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="text-sm uppercase tracking-[0.3em] text-[#4A200B] mb-4">Testimonials</h2><h3 class="text-4xl md:text-5xl font-mirage text-[#4A200B]">Client Reviews</h3></div><div style="opacity:0"><div class="relative w-full max-w-5xl mx-auto" role="region" aria-roledescription="carousel"><div class="overflow-hidden"><div class="flex -ml-4"><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full md:basis-1/2 lg:basis-1/3 p-4"><div><div class="rounded-xl border text-card-foreground shadow bg-background/50 backdrop-blur-sm border-primary/10 h-full"><div class="p-6 pt-10 pb-8 px-8 flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-10 h-10 text-[#7A6145] mb-6"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-muted-foreground font-light leading-relaxed italic mb-8 flex-grow">“<!-- -->Working with Iara Interiors transformed our house into a home. Their attention to detail and understanding of our needs was exceptional.<!-- -->”</p><div class="flex flex-col items-center"><span class="relative flex shrink-0 overflow-hidden rounded-full w-16 h-16 mb-4 border-2 border-primary/20"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted">SJ</span></span>
7<p class="font-mirage text-lg text-foreground tracking-wide">Sarah Johnson</p><p class="text-xs uppercase tracking-widest text-primary/60 mt-1">Homeowner</p></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full md:basis-1/2 lg:basis-1/3 p-4"><div><div class="rounded-xl border text-card-foreground shadow bg-background/50 backdrop-blur-sm border-primary/10 h-full"><div class="p-6 pt-10 pb-8 px-8 flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-10 h-10 text-[#7A6145] mb-6"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-muted-foreground font-light leading-relaxed italic mb-8 flex-grow">“<!-- -->The team&#x27;s ability to blend aesthetics with functionality created a perfect balance in our living space. Highly recommended!<!-- -->”</p><div class="flex flex-col items-center"><span class="relative flex shrink-0 overflow-hidden rounded-full w-16 h-16 mb-4 border-2 border-primary/20"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted">MC</span></span><p class="font-mirage text-lg text-foreground tracking-wide">Michael Chen</p><p class="text-xs uppercase tracking-widest text-primary/60 mt-1">Client</p></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full md:basis-1/2 lg:basis-1/3 p-4"><div><div class="rounded-xl border text-card-foreground shadow bg-background/50 backdrop-blur-sm border-primary/10 h-full"><div class="p-6 pt-10 pb-8 px-8 flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-10 h-10 text-[#7A6145] mb-6"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-muted-foreground font-light leading-relaxed italic mb-8 flex-grow">“<!-- -->Exceptional service and stunning results. They truly understand how to create spaces that reflect personal style while maintaining functionality.<!-- -->”</p><div class="flex flex-col items-center"><span class="relative flex shrink-0 overflow-hidden rounded-full w-16 h-16 mb-4 border-2 border-primary/20"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted">ED</span></span><p class="font-mirage text-lg text-foreground tracking-wide">Emma Davis</p><p class="text-xs uppercase tracking-widest text-primary/60 mt-1">Design Enthusiast</p></div></div></div></div></div><div role="group" aria-roledescription="slide" class="min-w-0 shrink-0 grow-0 basis-full md:basis-1/2 lg:basis-1/3 p-4"><div><div class="rounded-xl border text-card-foreground shadow bg-background/50 backdrop-blur-sm border-primary/10 h-full"><div class="p-6 pt-10 pb-8 px-8 flex flex-col items-center text-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-10 h-10 text-[#7A6145] mb-6"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-muted-foreground font-light leading-relaxed italic mb-8 flex-grow">“<!-- -->A seamless process from concept to execution. Their vision for contemporary living is truly inspiring and forward-thinking.<!-- -->”</p><div class="flex flex-col items-center"><span class="relative flex shrink-0 overflow-hidden rounded-full w-16 h-16 mb-4 border-2 border-primary/20"><span class="flex h-full w-full items-center justify-center rounded-full bg-muted">DW</span></span>
7<p class="font-mirage text-lg text-foreground tracking-wide">David Wilson</p><p class="text-xs uppercase tracking-widest text-primary/60 mt-1">Property Manager</p></div></div></div></div></div></div></div><div class="hidden md:block"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground absolute h-8 w-8 rounded-full top-1/2 -translate-y-1/2 -left-16" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left h-4 w-4"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg><span class="sr-only">Previous slide</span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground absolute h-8 w-8 rounded-full top-1/2 -translate-y-1/2 -right-16" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="sr-only">Next slide</span></button></div></div></div></div></section><section class="py-24 md:py-32 relative overflow-hidden flex items-center bg-[#1A1A1A]"><div class="absolute inset-0 z-0 scale-105" style="transform:none"><img alt="Refined Interior Background" fetchpriority="high" decoding="async" data-nimg="fill" class="object-cover opacity-60" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/cta/cta1.webp"/><div class="absolute inset-0" style="background:linear-gradient(to right, rgba(45, 34, 26, 0.35), rgba(45, 34, 26, 0.1), transparent)"></div><div class="absolute inset-0" style="background:linear-gradient(to top, rgba(45, 34, 26, 0.35) 0%, transparent 35%)"></div><div class="absolute inset-0" style="background:linear-gradient(to bottom, rgba(45, 34, 26, 0.1) 0%, transparent 25%)"></div></div><div class="container mx-auto px-4 relative z-20"><div class="max-w-3xl mx-auto"><div class="relative group"><div class="absolute inset-0 bg-white/[0.08] rounded-[40px] md:rounded-[60px] border border-white/20 shadow-2xl" style="backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translate3d(0, 0, 0);backface-visibility:hidden;will-change:backdrop-filter"></div><div class="relative z-10 p-10 md:p-16 text-center" style="opacity:0;transform:translateY(15px)"><span class="inline-block text-white/60 text-xs md:text-sm tracking-[0.4em] uppercase mb-8 font-light" style="opacity:0;transform:translateY(10px)">Create Your Sanctuary</span><h2 class="text-3xl md:text-4xl lg:text-6xl font-mirage text-white mb-6 leading-[1.1] tracking-tight">Ready to Create a Space<!-- --> <br/>That Feels Like You?</h2><p class="text-lg md:text-xl font-light text-white/70 mb-10 max-w-xl mx-auto leading-relaxed">Let&#x27;s collaborate to create an environment with an essence worth living.</p><div class="flex flex-col sm:flex-row gap-6 justify-center items-center"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-14 md:h-16 px-10 text-base md:text-lg rounded-full backdrop-blur-md border transition-all duration-500 overflow-hidden relative group/btn bg-white/10 text-white border-white/20 hover:bg-white hover:text-foreground shadow-[0_0_20px_rgba(255,255,255,0.1)] hover:shadow-[0_0_30px_rgba(255,255,255,0.2)] flex items-center gap-3 relative z-10" href="/contact"><span class="relative">Begin Your Journey<span class="absolute -bottom-1 left-0 w-0 h-px bg-current transition-all duration-500 group-hover/btn:w-full"></span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 group-hover/btn:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="text-white font-light tracking-wide hover:text-white/70 transition-colors flex flex-col items-center group/link text-sm md:text-base" href="/services"><span class="mb-1">Explore Our Services</span><div class="h-px w-0 group-hover/link:w-full bg-white/40 transition-all duration-500"></div></a></div></div></div></div></div></section><section class="py-24 md:py-32 bg-[#E8E0D5] relative overflow-hidden"><div class="absolute top-0 right-0 w-1/3 h-1/3 bg-primary/5 rounded-full blur-[120px] -translate-y-1/2 translate-x-1/2"></div><div class="absolute bottom-0 left-0 w-1/4 h-1/4 bg-primary/5 rounded-full blur-[100px] translate-y-1/2 -translate-x-1/2"></div><div class="container mx-auto px-4 relative z-10"><div class="grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24"><div class="lg:col-span-5"><div class="lg:sticky lg:top-32"><div style="opacity:0;transform:translateX(-20px)"><span class="text-[#4A200B] text-sm uppercase tracking-[0.3em] font-medium mb-6 block">Support &amp; Guidance</span><h2 class="text-4xl sm:text-5xl lg:text-6xl font-mirage text-[#4A200B] leading-[1.1] mb-8">Shall we begin the story of your sanctuary?</h2><div class="w-20 h-px bg-[#2C241F]/30 mb-8"></div><p class="text-lg text-[#2C241F] font-light leading-relaxed mb-12 max-w-md">Let&#x27;
7s collaborate to design an environment with a character worth living.</p><div class="bg-white/50 backdrop-blur-sm border border-white/50 p-8 rounded-2xl"><h4 class="text-xl font-mirage text-[#2C241F] mb-4">Still have questions?</h4><p class="text-[#2C241F]/80 font-light mb-6">Can&#x27;t find what you&#x27;re looking for? Reach out and we&#x27;ll be happy to help.</p><a class="inline-flex items-center text-[#2C241F] font-medium group" href="/contact">Contact us<span class="ml-2 transition-transform group-hover:translate-x-1">→</span></a></div></div></div></div><div class="lg:col-span-7"><div style="opacity:0"><div class="space-y-4" data-orientation="vertical"><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="border-b border-none bg-white rounded-2xl shadow-sm overflow-hidden px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R1hlqcm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rhlqcm:" class="flex flex-1 items-center justify-between font-medium transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-lg md:text-xl font-mirage text-left py-6 hover:no-underline group" data-radix-collection-item=""><span class="pr-4">What is it like to work with IARA Interiors?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R1hlqcm:" hidden="" role="region" aria-labelledby="radix-:Rhlqcm:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="border-b border-none bg-white rounded-2xl shadow-sm overflow-hidden px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R1ilqcm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rilqcm:" class="flex flex-1 items-center justify-between font-medium transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-lg md:text-xl font-mirage text-left py-6 hover:no-underline group" data-radix-collection-item=""><span class="pr-4">Do you offer online interior design services?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R1ilqcm:" hidden="" role="region" aria-labelledby="radix-:Rilqcm:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="border-b border-none bg-white rounded-2xl shadow-sm overflow-hidden px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R1jlqcm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rjlqcm:" class="flex flex-1 items-center justify-between font-medium transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-lg md:text-xl font-mirage text-left py-6 hover:no-underline group" data-radix-collection-item=""><span class="pr-4">Can you work with my existing furniture or pieces I already love?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R1jlqcm:" hidden="" role="region" aria-labelledby="radix-:Rjlqcm:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="border-b border-none bg-white rounded-2xl shadow-sm overflow-hidden px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R1klqcm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rklqcm:" class="flex flex-1 items-center justify-between font-medium transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-lg md:text-xl font-mirage text-left py-6 hover:no-underline group" data-radix-collection-item=""><span class="pr-4">How long does a project usually take?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R1klqcm:" hidden="" role="region" aria-labelledby="radix-:Rklqcm:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="border-b border-none bg-white rounded-2xl shadow-sm overflow-hidden px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R1llqcm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rllqcm:" class="flex flex-1 items-center justify-between font-medium transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-lg md:text-xl font-mirage text-left py-6 hover:no-underline group" data-radix-collection-item=""><span class="pr-4">What makes IARA Interiors different?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R1llqcm:" hidden="" role="region" aria-labelledby="radix-:Rllqcm:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div><div style="opacity:0;transform:translateY(20px)"><div data-state="closed" data-orientation="vertical" class="border-b border-none bg-white rounded-2xl shadow-sm overflow-hidden px-6"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R1mlqcm:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rmlqcm:" class="flex flex-1 items-center justify-between font-medium transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 text-lg md:text-xl font-mirage text-left py-6 hover:no-underline group" data-radix-collection-item=""><span class="pr-4">What level of investment should I anticipate?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R1mlqcm:" hidden="" role="region" aria-labelledby="radix-:Rmlqcm:" data-orientation="vertical" class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div></div></div></div></div></section>
7<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></main></div><footer class="relative border-t border-[#EEE7DF]/10 pt-20 pb-10 overflow-hidden" style="background-image:linear-gradient(rgba(43, 31, 24, 0.42), rgba(43, 31, 24, 0.52)), url(&#x27;/assets/textures/chocolate5.webp&#x27;);background-size:cover;background-position:center;background-repeat:no-repeat"><div class="container mx-auto px-6"><div class="grid grid-cols-1 md:grid-cols-12 gap-12 lg:gap-20"><div class="md:col-span-4 space-y-8"><a class="block" href="/"><img alt="Iara Interiors Logo" loading="lazy" width="120" height="40" decoding="async" data-nimg="1" class="opacity-90 hover:opacity-100 transition-opacity invert brightness-200" style="color:transparent" src="/iara-logo.svg"/></a><p class="text-[#EEE7DF]/80 text-lg max-w-sm leading-relaxed font-light">Designing spaces with warmth, depth, and quiet luxury—where natural materials, rich atmosphere, and thoughtful flow come together to create environments that feel deeply inspiring and alive.</p><div class="pt-4 flex gap-6"><a target="_blank" rel="noopener noreferrer" class="text-[#EEE7DF]/70 hover:text-[#EEE7DF] transition-colors text-xs uppercase tracking-[0.2em] font-light" href="https://www.instagram.com/iarainteriors">Instagram</a><a target="_blank" rel="noopener noreferrer" class="text-[#EEE7DF]/70 hover:text-[#EEE7DF] transition-colors text-xs uppercase tracking-[0.2em] font-light" href="https://cl.pinterest.com/iarainteriors/">Pinterest</a></div></div><div class="md:col-span-8 grid grid-cols-1 sm:grid-cols-3 gap-12"><div class="space-y-6"><h4 class="text-[#EEE7DF]/50 text-[10px] uppercase tracking-[0.4em] font-light">Services</h4><nav class="flex flex-col gap-4"><a class="text-[#EEE7DF]/80 hover:text-[#EEE7DF] transition-all duration-300 font-light group flex items-center gap-2" href="/services/residential"><span class="h-px w-0 group-hover:w-3 bg-[#EEE7DF]/60 transition-all duration-300"></span>Residential</a><a class="text-[#EEE7DF]/80 hover:text-[#EEE7DF] transition-all duration-300 font-light group flex items-center gap-2" href="/services/commercial"><span class="h-px w-0 group-hover:w-3 bg-[#EEE7DF]/60 transition-all duration-300"></span>Commercial</a><a class="text-[#EEE7DF]/80 hover:text-[#EEE7DF] transition-all duration-300 font-light group flex items-center gap-2" href="/services/e-design"><span class="h-px w-0 group-hover:w-3 bg-[#EEE7DF]/60 transition-all duration-300"></span>E-Design</a><a class="text-[#EEE7DF]/80 hover:text-[#EEE7DF] transition-all duration-300 font-light group flex items-center gap-2" href="/services/consultancy"><span class="h-px w-0 group-hover:w-3 bg-[#EEE7DF]/60 transition-all duration-300"></span>Consultancy</a></nav></div><div class="space-y-8"><div class="space-y-4"><h4 class="text-[#EEE7DF]/50 text-[10px] uppercase tracking-[0.4em] font-light">Location</h4><p class="text-[#EEE7DF]/80 font-light leading-relaxed italic text-sm">Based in<!-- --> <br/>Atacama Desert,<!-- --> <br/>Operating Globally.</p></div><div class="space-y-4"><h4 class="text-[#EEE7DF]/50 text-[10px] uppercase tracking-[0.4em] font-light">Contact</h4><div class="flex flex-col gap-3 text-[#EEE7DF]/80 font-light text-sm"><a href="mailto:[email protected]" class="hover:text-[#EEE7DF] transition-colors break-all">[email protected]</a><a href="tel:+56951596053" class="hover:text-[#EEE7DF] transition-colors">+56 9 5159 6053</a></div></div></div><div class="space-y-6"><h4 class="text-[#EEE7DF]/50 text-[10px] uppercase tracking-[0.4em] font-light">Newsletter</h4><p class="text-[#EEE7DF]/70 text-sm font-light leading-relaxed">Subscribe to receive design inspiration, studio updates, and exclusive stories.</p><form class="relative flex items-center border-b border-[#EEE7DF]/20 focus-within:border-[#EEE7DF]/60 transition-colors py-2"><input type="email" placeholder="[email protected]" class="bg-transparent text-sm text-[#EEE7DF] placeholder-[#EEE7DF]/40 focus:outline-none w-full pr-10 font-light" required="" value=""/><button type="submit" class="absolute right-0 text-[#EEE7DF]/60 hover:text-[#EEE7DF] transition-colors p-1" aria-label="Subscribe"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></form></div></div></div>
7<div class="mt-20 pt-10 border-t border-[#EEE7DF]/10 flex flex-col md:flex-row justify-between items-center gap-6"><p class="text-[10px] uppercase tracking-[0.3em] text-[#EEE7DF]/50 font-light">© 2026 Iara Interiors. All rights reserved.</p><div class="flex gap-8"><a class="text-[10px] uppercase tracking-[0.3em] text-[#EEE7DF]/50 hover:text-[#EEE7DF]/70 transition-colors" href="/privacy">Privacy Policy</a><a class="text-[10px] uppercase tracking-[0.3em] text-[#EEE7DF]/50 hover:text-[#EEE7DF]/70 transition-colors" href="/terms">Terms of Service</a></div></div></div></footer></div></div>
7<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"lang":"en"},"__N_SSG":true},"page":"/","query":{},"buildId":"HX1GffKrLlwTl8ym2MwCk","isFallback":false,"gsp":true,"scriptLoader":[]}</script>
7</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.