Luciano Leoni Arquitetura | Projetos Exclusivos em Ribeir\u00e3o Preto<\/title>\r\n <meta name=\"description\" content=\"Luciano Leoni Arquitetura: Projetos residenciais de alto padr\u00e3o, fachadas exclusivas e design contempor\u00e2neo em Ribeir\u00e3o Preto.\">\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n gold: {\r\n DEFAULT: '#c5a059',\r\n light: '#d4af37',\r\n },\r\n dark: '#1a1a1a',\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <style>\r\n \r\n .faq-btn{\r\nborder:none !important;\r\noutline:none !important;\r\nbox-shadow:none !important;\r\n}\r\n .entry-content{\r\nmax-width:100% !important;\r\npadding:0 !important;\r\n}\r\n @media (max-width:768px){\r\n\r\n#home{\r\nheight:85vh;\r\nmin-height:85vh;\r\n}\r\n\r\n}\r\n#home img{\r\nwidth:100%;\r\nheight:100%;\r\nobject-fit:cover;\r\nobject-position:center;\r\n}\r\n@media (max-width:768px){\r\n\r\n#home h1{\r\nfont-size:34px;\r\nline-height:1.2;\r\nmargin-bottom:15px;\r\n}\r\n\r\n#home p{\r\nfont-size:15px;\r\npadding:0 20px;\r\n}\r\n\r\n}\r\n@media (max-width:768px){\r\n\r\n#home a{\r\npadding:12px 24px;\r\nfont-size:14px;\r\n}\r\n\r\n}\r\n\r\n html, body{\r\noverflow-x:hidden;\r\n}\r\n*{\r\nmax-width:100%;\r\nbox-sizing:border-box;\r\n}\r\n@media (max-width:768px){\r\n\r\n#nav-logo{\r\nheight:40px !important;\r\n}\r\n\r\nnav .nav-link{\r\nfont-size:12px;\r\nletter-spacing:1px;\r\n}\r\n\r\nnav{\r\npadding-top:8px;\r\npadding-bottom:8px;\r\n}\r\n\r\n}\r\n@media (max-width:768px){\r\n\r\n#home h1{\r\nfont-size:36px;\r\nline-height:1.2;\r\n}\r\n\r\n#home p{\r\nfont-size:16px;\r\n}\r\n\r\n#nav-logo{\r\nheight:60px !important;\r\n}\r\n\r\n}\r\nimg{\r\nmax-width:100%;\r\nheight:auto;\r\n}\r\n nav .nav-link{\r\nfont-size:16px;\r\nletter-spacing:1.5px;\r\n}\r\n\r\n#home h1{\r\nfont-size:clamp(50px,6vw,80px);\r\n}\r\n\r\n#home p{\r\nfont-size:20px;\r\n}\r\n\r\n#nav-logo{\r\nheight:120px !important;\r\n}\r\n .serif { font-family: 'Playfair Display', serif; }\r\n \r\n \/* Custom scrollbar *\/\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n ::-webkit-scrollbar-thumb { background: #c5a059; border-radius: 10px; }\r\n ::-webkit-scrollbar-thumb:hover { background: #d4af37; }\r\n\r\n \/* Animations *\/\r\n .fade-in-up {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n }\r\n .fade-in-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-dark antialiased bg-white\">\r\n\r\n \r\n <nav id=\"navbar\" class=\"fixed top-0 left-0 w-full z-50 transition-all duration-300 py-6 bg-transparent\">\r\n <div class=\"max-w-7xl mx-auto px-6 flex justify-between items-center\">\r\n <a href=\"#home\" class=\"block\">\r\n <img decoding=\"async\" id=\"nav-logo\" \r\n src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2025\/09\/Design_sem_nome__23_-removebg-preview.png\" \r\n alt=\"Luciano Leoni Arquitetura\" \r\n class=\"h-20 md:h-32 w-auto transition-all duration-300 brightness-0 invert\"\r\n referrerpolicy=\"no-referrer\"\r\n >\r\n <\/a>\r\n\r\n \r\n <div class=\"hidden md:flex space-x-8\">\r\n <a href=\"#home\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">Home<\/a>\r\n <a href=\"#sobre\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">Sobre mim<\/a>\r\n <a href=\"#detalhes\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">Detalhes<\/a>\r\n <a href=\"#portfolio\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">Portf\u00f3lio<\/a>\r\n <a href=\"#faq\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">FAQ<\/a>\r\n <\/div>\r\n\r\n \r\n <button id=\"mobile-menu-toggle\" class=\"md:hidden text-white transition-colors\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden absolute top-full left-0 w-full bg-white shadow-xl py-8 flex-col items-center space-y-6 md:hidden\">\r\n <a href=\"#home\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">Home<\/a>\r\n <a href=\"#sobre\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">Sobre mim<\/a>\r\n <a href=\"#detalhes\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">Detalhes<\/a>\r\n <a href=\"#portfolio\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">Portf\u00f3lio<\/a>\r\n <a href=\"#faq\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">FAQ<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"home\" class=\"relative h-screen flex items-center justify-center overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome.png\" alt=\"Arquitetura Moderna\" class=\"w-full h-full object-cover\" referrerpolicy=\"no-referrer\">\r\n <div class=\"absolute inset-0 bg-black\/50\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"relative z-10 text-center px-6 max-w-4xl fade-in-up\">\r\n <h1 class=\"text-4xl md:text-7xl font-serif text-white mb-6 leading-tight\">Transformando Espa\u00e7os em Experi\u00eancias<\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-200 mb-10 max-w-2xl mx-auto font-light\">\r\n Projetos arquitet\u00f4nicos exclusivos, onde design, funcionalidade e inova\u00e7\u00e3o caminham juntos para criar ambientes que inspiram.\r\n <\/p>\r\n <a href=\"#portfolio\" class=\"inline-flex items-center px-8 py-4 bg-gold hover:bg-gold-light text-white transition-all duration-300 rounded-full uppercase tracking-widest text-sm font-semibold group\">\r\n Ver Portf\u00f3lio\r\n <svg class=\"ml-2 group-hover:translate-x-1 transition-transform\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"sobre\" class=\"py-24 px-6 bg-white\">\r\n <div class=\"max-w-7xl mx-auto grid md:grid-cols-2 gap-16 items-center\">\r\n <div class=\"fade-in-up\">\r\n <img decoding=\"async\" src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1.png\" alt=\"Luciano Leoni\" class=\"w-48 h-auto mb-8\" referrerpolicy=\"no-referrer\">\r\n <span class=\"text-gold uppercase tracking-widest text-sm font-bold mb-4 block\">A Trajet\u00f3ria<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif mb-8 leading-tight\">Luciano Leoni, <br>Arquitetura com Prop\u00f3sito<\/h2>\r\n <div class=\"space-y-6 text-gray-600 text-lg leading-relaxed\">\r\n <p>H\u00e1 mais de 20 anos atuando no mercado, desenvolvo projetos arquitet\u00f4nicos que unem est\u00e9tica contempor\u00e2nea, funcionalidade e identidade \u00fanica para cada cliente.<\/p>\r\n <p>Acredito que arquitetura \u00e9 mais do que criar ambientes: \u00e9 traduzir hist\u00f3rias, estilos de vida e sonhos em espa\u00e7os que transformam o dia a dia.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative aspect-[4\/5] overflow-hidden fade-in-up\">\r\n <img decoding=\"async\" src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1.png\" alt=\"Luciano Leoni\" class=\"w-full h-full object-cover\" referrerpolicy=\"no-referrer\">\r\n <div class=\"absolute -bottom-6 -right-6 w-48 h-48 bg-gold\/10 -z-10\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"detalhes\" class=\"py-24 px-6 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 fade-in-up\">\r\n <span class=\"text-gold uppercase tracking-widest text-sm font-bold mb-4 block\">Nossa Expertise<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif mb-6\">Detalhes<\/h2>\r\n <p class=\"text-gray-600 text-lg\">Projetos voltados para o design externo de casas, onde cada fachada, estrutura e acabamento s\u00e3o planejados para unir beleza, funcionalidade e sofistica\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Fachadas Exclusivas<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Projetos que valorizam a identidade da sua casa, unindo modernidade, propor\u00e7\u00e3o e harmonia est\u00e9tica.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Estrutura Arquitet\u00f4nica<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Cada detalhe pensado para garantir funcionalidade, durabilidade e impon\u00eancia na constru\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M9 21H3v-6\"><\/path><path d=\"M21 3l-7 7\"><\/path><path d=\"M3 21l7-7\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Integra\u00e7\u00e3o com o Ambiente<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Desenhos que respeitam o entorno e trazem equil\u00edbrio entre a resid\u00eancia e a natureza.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><path d=\"M12 2v2\"><\/path><path d=\"M12 20v2\"><\/path><path d=\"m4.93 4.93 1.41 1.41\"><\/path><path d=\"m17.66 17.66 1.41 1.41\"><\/path><path d=\"M2 12h2\"><\/path><path d=\"M20 12h2\"><\/path><path d=\"m6.34 17.66-1.41 1.41\"><\/path><path d=\"m19.07 4.93-1.41 1.41\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Ilumina\u00e7\u00e3o Externa<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Planejamento que destaca volumes, texturas e formas, trazendo sofistica\u00e7\u00e3o \u00e0 fachada.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"><\/path><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Paisagismo Integrado<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">A uni\u00e3o perfeita entre arquitetura e vegeta\u00e7\u00e3o, criando espa\u00e7os acolhedores e elegantes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"portfolio\" class=\"py-24 px-6 bg-white\">\r\n <div class=\"w-full mx-auto\">\r\n<div class=\"flex flex-col md:flex-row md:justify-between md:items-end mb-16 gap-6 fade-in-up text-center md:text-left items-center\"> <div>\r\n <span class=\"text-gold uppercase tracking-widest text-sm font-bold mb-4 block\">Trabalhos Recentes<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif\">Portf\u00f3lio<\/h2>\r\n <\/div>\r\n <p class=\"text-gray-500 max-w-md\">Uma sele\u00e7\u00e3o de projetos residenciais que exemplificam nossa busca pela perfei\u00e7\u00e3o est\u00e9tica e funcional.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-0 w-full\" id=\"portfolio-grid\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section>\r\n\r\n \r\n <button id=\"scroll-top\" class=\"fixed bottom-8 left-8 z-50 bg-white\/80 backdrop-blur-md text-dark p-3 rounded-full shadow-lg hover:bg-gold hover:text-white transition-all duration-300 border border-gray-200 opacity-0 pointer-events-none\">\r\n <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=\"rotate-180\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/button>\r\n\r\n <script>\r\n \/\/ Portfolio Data\r\n const portfolioImages = [\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-05-at-10.37.18-AM-1.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-05-at-10.37.18-AM.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-11.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-13.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-12.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-9.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-8-1.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-7.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-6.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-5.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-4.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-3.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-2.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1-1.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-8.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-10.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-15.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-14.png\"\r\n ];\r\n\r\n \/\/ Render Portfolio\r\n const grid = document.getElementById('portfolio-grid');\r\n portfolioImages.forEach((img, i) => {\r\n const div = document.createElement('div');\r\n div.className = 'relative overflow-hidden group cursor-pointer fade-in-up'; \r\n div.innerHTML = `\r\n <img decoding=\"async\" src=\"${img}\" alt=\"Projeto ${i+1}\" class=\"w-full h-auto object-cover transition-transform duration-700 group-hover:scale-110\" referrerpolicy=\"no-referrer\">\r\n <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center p-6 text-center\">\r\n <div class=\"translate-y-4 group-hover:translate-y-0 transition-transform duration-300\">\r\n <p class=\"text-white font-serif text-xl mb-2\">Resid\u00eancia Moderna<\/p>\r\n <p class=\"text-gold text-sm uppercase tracking-widest\">Ver Detalhes<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n grid.appendChild(div);\r\n });\r\n\r\n\r\n \/\/ Navbar Scroll Effect\r\n const navbar = document.getElementById('navbar');\r\n const logo = document.getElementById('nav-logo');\r\n const links = document.querySelectorAll('.nav-link');\r\n const scrollTopBtn = document.getElementById('scroll-top');\r\n\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.scrollY > 50;\r\n navbar.className = `fixed top-0 left-0 w-full z-50 transition-all duration-300 ${scrolled ? 'bg-white\/90 backdrop-blur-md py-4 shadow-sm' : 'bg-transparent py-6'}`;\r\n logo.className = `h-20 md:h-32 w-auto transition-all duration-300 ${scrolled ? '' : 'brightness-0 invert'}`;\r\n logo.src = scrolled \r\n ? \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/luciano-leoni-lg-preto-sf.png\" \r\n : \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2025\/09\/Design_sem_nome__23_-removebg-preview.png\";\r\n \r\n links.forEach(l => {\r\n l.classList.toggle('text-dark', scrolled);\r\n l.classList.toggle('text-white', !scrolled);\r\n });\r\n\r\n scrollTopBtn.classList.toggle('opacity-100', window.scrollY > 500);\r\n scrollTopBtn.classList.toggle('pointer-events-auto', window.scrollY > 500);\r\n });\r\n\r\n \/\/ Mobile Menu Toggle\r\n const menuToggle = document.getElementById('mobile-menu-toggle');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n menuToggle.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n mobileMenu.classList.toggle('flex');\r\n });\r\n\r\n \/\/ Scroll Reveal Animation\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.fade-in-up').forEach(el => observer.observe(el));\r\n\r\n \/\/ Scroll Top\r\n scrollTopBtn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b25040 e-flex e-con-boxed e-con e-child\" data-id=\"3b25040\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29f7968 elementor-widget elementor-widget-html\" data-id=\"29f7968\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"faq\" class=\"py-24 px-6 bg-gray-50\">\r\n\r\n<div class=\"max-w-4xl mx-auto\">\r\n\r\n<div class=\"text-center mb-16\">\r\n<span class=\"text-gold uppercase tracking-widest text-sm font-bold mb-4 block\">\r\nD\u00favidas Comuns\r\n<\/span>\r\n\r\n<h2 class=\"text-3xl md:text-5xl font-serif\">\r\nPerguntas Frequentes\r\n<\/h2>\r\n<\/div>\r\n\r\n\r\n<div class=\"space-y-6\">\r\n\r\n<details class=\"bg-white p-6 shadow-sm\">\r\n<summary class=\"cursor-pointer font-semibold text-lg\">\r\nQual \u00e9 o prazo m\u00e9dio para execu\u00e7\u00e3o de um projeto?\r\n<\/summary>\r\n<p class=\"mt-4 text-gray-600\">\r\nO prazo varia conforme a complexidade, mas em m\u00e9dia um projeto residencial leva de 3 a 6 meses.\r\n<\/p>\r\n<\/details>\r\n\r\n\r\n<details class=\"bg-white p-6 shadow-sm\">\r\n<summary class=\"cursor-pointer font-semibold text-lg\">\r\nVoc\u00eas trabalham com reforma ou apenas com projetos novos?\r\n<\/summary>\r\n<p class=\"mt-4 text-gray-600\">\r\nAtuamos tanto em reformas quanto em projetos novos, sempre com foco em personaliza\u00e7\u00e3o e funcionalidade.\r\n<\/p>\r\n<\/details>\r\n\r\n\r\n<details class=\"bg-white p-6 shadow-sm\">\r\n<summary class=\"cursor-pointer font-semibold text-lg\">\r\nVoc\u00eas acompanham a obra?\r\n<\/summary>\r\n<p class=\"mt-4 text-gray-600\">\r\nSim, fazemos acompanhamento t\u00e9cnico da obra para garantir que o projeto seja executado corretamente.\r\n<\/p>\r\n<\/details>\r\n\r\n\r\n<details class=\"bg-white p-6 shadow-sm\">\r\n<summary class=\"cursor-pointer font-semibold text-lg\">\r\nVoc\u00eas fazem aprova\u00e7\u00e3o na prefeitura?\r\n<\/summary>\r\n<p class=\"mt-4 text-gray-600\">\r\nSim. Cuidamos de toda a documenta\u00e7\u00e3o t\u00e9cnica e processo de aprova\u00e7\u00e3o junto aos \u00f3rg\u00e3os respons\u00e1veis.\r\n<\/p>\r\n<\/details>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-696f17d elementor-widget elementor-widget-html\" data-id=\"696f17d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t \r\n <footer class=\"bg-dark text-white py-20 px-6\">\r\n <div class=\"max-w-7xl mx-auto grid md:grid-cols-3 gap-12\">\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2025\/09\/Design_sem_nome__23_-removebg-preview.png\" alt=\"Luciano Leoni Arquitetura\" class=\"h-32 w-auto mb-6 brightness-0 invert\" referrerpolicy=\"no-referrer\">\r\n <p class=\"text-gray-400 font-light leading-relaxed\">Criando espa\u00e7os que inspiram e transformam a vida atrav\u00e9s da arquitetura de alto padr\u00e3o.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-gold uppercase tracking-widest text-sm font-bold mb-6\">Informa\u00e7\u00f5es<\/h4>\r\n <p class=\"text-gray-400 leading-relaxed\">Avenida Maria de Jesus Condeixa, 600, <br>Ribeirania, Ribeir\u00e3o Preto SP, <br>14091-240, Brasil<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-gold uppercase tracking-widest text-sm font-bold mb-6\">Contato<\/h4>\r\n <p class=\"text-gray-400 mb-2\">contato@lucianoleoni.com.br<\/p>\r\n <p class=\"text-gray-400\"><a href=\"tel:+5516997857003\" class=\"hover:text-gold transition-colors\">+55 16 99785-7003<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"max-w-7xl mx-auto mt-20 pt-8 border-t border-white\/10 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-gray-500\">\r\n <p>Copyright \u00a9 2025 LUCIANO LEONI<\/p>\r\n <p>development by <a href=\"https:\/\/creapardesenvolvimento.com\/\" target=\"_blank\" class=\"text-gray-300 hover:text-gold transition-colors\">Creapar<\/a><\/p>\r\n <\/div>\r\n <\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Luciano Leoni Arquitetura | Projetos Exclusivos em Ribeir\u00e3o Preto Home Sobre mim Detalhes Portf\u00f3lio FAQ Home Sobre mim Detalhes Portf\u00f3lio FAQ Transformando Espa\u00e7os em Experi\u00eancias Projetos arquitet\u00f4nicos exclusivos, onde design, funcionalidade e inova\u00e7\u00e3o caminham juntos para criar ambientes que inspiram. Ver Portf\u00f3lio A Trajet\u00f3ria Luciano Leoni, Arquitetura com Prop\u00f3sito H\u00e1 mais de 20 anos atuando […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"iawp_total_views":279,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":325,"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Luciano Leoni Arquitetura | Projetos Exclusivos em Ribeir\u00e3o Preto<\/title>\r\n <meta name=\"description\" content=\"Luciano Leoni Arquitetura: Projetos residenciais de alto padr\u00e3o, fachadas exclusivas e design contempor\u00e2neo em Ribeir\u00e3o Preto.\">\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n gold: {\r\n DEFAULT: '#c5a059',\r\n light: '#d4af37',\r\n },\r\n dark: '#1a1a1a',\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <style>\r\n \r\n .faq-btn{\r\nborder:none !important;\r\noutline:none !important;\r\nbox-shadow:none !important;\r\n}\r\n .entry-content{\r\nmax-width:100% !important;\r\npadding:0 !important;\r\n}\r\n @media (max-width:768px){\r\n\r\n#home{\r\nheight:85vh;\r\nmin-height:85vh;\r\n}\r\n\r\n}\r\n#home img{\r\nwidth:100%;\r\nheight:100%;\r\nobject-fit:cover;\r\nobject-position:center;\r\n}\r\n@media (max-width:768px){\r\n\r\n#home h1{\r\nfont-size:34px;\r\nline-height:1.2;\r\nmargin-bottom:15px;\r\n}\r\n\r\n#home p{\r\nfont-size:15px;\r\npadding:0 20px;\r\n}\r\n\r\n}\r\n@media (max-width:768px){\r\n\r\n#home a{\r\npadding:12px 24px;\r\nfont-size:14px;\r\n}\r\n\r\n}\r\n\r\n html, body{\r\noverflow-x:hidden;\r\n}\r\n*{\r\nmax-width:100%;\r\nbox-sizing:border-box;\r\n}\r\n@media (max-width:768px){\r\n\r\n#nav-logo{\r\nheight:40px !important;\r\n}\r\n\r\nnav .nav-link{\r\nfont-size:12px;\r\nletter-spacing:1px;\r\n}\r\n\r\nnav{\r\npadding-top:8px;\r\npadding-bottom:8px;\r\n}\r\n\r\n}\r\n@media (max-width:768px){\r\n\r\n#home h1{\r\nfont-size:36px;\r\nline-height:1.2;\r\n}\r\n\r\n#home p{\r\nfont-size:16px;\r\n}\r\n\r\n#nav-logo{\r\nheight:60px !important;\r\n}\r\n\r\n}\r\nimg{\r\nmax-width:100%;\r\nheight:auto;\r\n}\r\n nav .nav-link{\r\nfont-size:16px;\r\nletter-spacing:1.5px;\r\n}\r\n\r\n#home h1{\r\nfont-size:clamp(50px,6vw,80px);\r\n}\r\n\r\n#home p{\r\nfont-size:20px;\r\n}\r\n\r\n#nav-logo{\r\nheight:120px !important;\r\n}\r\n .serif { font-family: 'Playfair Display', serif; }\r\n \r\n \/* Custom scrollbar *\/\r\n ::-webkit-scrollbar { width: 8px; }\r\n ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n ::-webkit-scrollbar-thumb { background: #c5a059; border-radius: 10px; }\r\n ::-webkit-scrollbar-thumb:hover { background: #d4af37; }\r\n\r\n \/* Animations *\/\r\n .fade-in-up {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n }\r\n .fade-in-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans text-dark antialiased bg-white\">\r\n\r\n \r\n <nav id=\"navbar\" class=\"fixed top-0 left-0 w-full z-50 transition-all duration-300 py-6 bg-transparent\">\r\n <div class=\"max-w-7xl mx-auto px-6 flex justify-between items-center\">\r\n <a href=\"#home\" class=\"block\">\r\n <img decoding=\"async\" id=\"nav-logo\" \r\n src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2025\/09\/Design_sem_nome__23_-removebg-preview.png\" \r\n alt=\"Luciano Leoni Arquitetura\" \r\n class=\"h-20 md:h-32 w-auto transition-all duration-300 brightness-0 invert\"\r\n referrerpolicy=\"no-referrer\"\r\n >\r\n <\/a>\r\n\r\n \r\n <div class=\"hidden md:flex space-x-8\">\r\n <a href=\"#home\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">Home<\/a>\r\n <a href=\"#sobre\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">Sobre mim<\/a>\r\n <a href=\"#detalhes\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">Detalhes<\/a>\r\n <a href=\"#portfolio\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">Portf\u00f3lio<\/a>\r\n <a href=\"#faq\" class=\"nav-link text-sm uppercase tracking-widest font-medium text-white hover:text-gold transition-colors\">FAQ<\/a>\r\n <\/div>\r\n\r\n \r\n <button id=\"mobile-menu-toggle\" class=\"md:hidden text-white transition-colors\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden absolute top-full left-0 w-full bg-white shadow-xl py-8 flex-col items-center space-y-6 md:hidden\">\r\n <a href=\"#home\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">Home<\/a>\r\n <a href=\"#sobre\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">Sobre mim<\/a>\r\n <a href=\"#detalhes\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">Detalhes<\/a>\r\n <a href=\"#portfolio\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">Portf\u00f3lio<\/a>\r\n <a href=\"#faq\" class=\"text-lg uppercase tracking-widest font-medium text-dark\">FAQ<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"home\" class=\"relative h-screen flex items-center justify-center overflow-hidden\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome.png\" alt=\"Arquitetura Moderna\" class=\"w-full h-full object-cover\" referrerpolicy=\"no-referrer\">\r\n <div class=\"absolute inset-0 bg-black\/50\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"relative z-10 text-center px-6 max-w-4xl fade-in-up\">\r\n <h1 class=\"text-4xl md:text-7xl font-serif text-white mb-6 leading-tight\">Transformando Espa\u00e7os em Experi\u00eancias<\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-200 mb-10 max-w-2xl mx-auto font-light\">\r\n Projetos arquitet\u00f4nicos exclusivos, onde design, funcionalidade e inova\u00e7\u00e3o caminham juntos para criar ambientes que inspiram.\r\n <\/p>\r\n <a href=\"#portfolio\" class=\"inline-flex items-center px-8 py-4 bg-gold hover:bg-gold-light text-white transition-all duration-300 rounded-full uppercase tracking-widest text-sm font-semibold group\">\r\n Ver Portf\u00f3lio\r\n <svg class=\"ml-2 group-hover:translate-x-1 transition-transform\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"sobre\" class=\"py-24 px-6 bg-white\">\r\n <div class=\"max-w-7xl mx-auto grid md:grid-cols-2 gap-16 items-center\">\r\n <div class=\"fade-in-up\">\r\n <img decoding=\"async\" src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1.png\" alt=\"Luciano Leoni\" class=\"w-48 h-auto mb-8\" referrerpolicy=\"no-referrer\">\r\n <span class=\"text-gold uppercase tracking-widest text-sm font-bold mb-4 block\">A Trajet\u00f3ria<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif mb-8 leading-tight\">Luciano Leoni, <br>Arquitetura com Prop\u00f3sito<\/h2>\r\n <div class=\"space-y-6 text-gray-600 text-lg leading-relaxed\">\r\n <p>H\u00e1 mais de 20 anos atuando no mercado, desenvolvo projetos arquitet\u00f4nicos que unem est\u00e9tica contempor\u00e2nea, funcionalidade e identidade \u00fanica para cada cliente.<\/p>\r\n <p>Acredito que arquitetura \u00e9 mais do que criar ambientes: \u00e9 traduzir hist\u00f3rias, estilos de vida e sonhos em espa\u00e7os que transformam o dia a dia.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative aspect-[4\/5] overflow-hidden fade-in-up\">\r\n <img decoding=\"async\" src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1.png\" alt=\"Luciano Leoni\" class=\"w-full h-full object-cover\" referrerpolicy=\"no-referrer\">\r\n <div class=\"absolute -bottom-6 -right-6 w-48 h-48 bg-gold\/10 -z-10\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"detalhes\" class=\"py-24 px-6 bg-gray-50\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16 fade-in-up\">\r\n <span class=\"text-gold uppercase tracking-widest text-sm font-bold mb-4 block\">Nossa Expertise<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif mb-6\">Detalhes<\/h2>\r\n <p class=\"text-gray-600 text-lg\">Projetos voltados para o design externo de casas, onde cada fachada, estrutura e acabamento s\u00e3o planejados para unir beleza, funcionalidade e sofistica\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Fachadas Exclusivas<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Projetos que valorizam a identidade da sua casa, unindo modernidade, propor\u00e7\u00e3o e harmonia est\u00e9tica.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Estrutura Arquitet\u00f4nica<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Cada detalhe pensado para garantir funcionalidade, durabilidade e impon\u00eancia na constru\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 3h6v6\"><\/path><path d=\"M9 21H3v-6\"><\/path><path d=\"M21 3l-7 7\"><\/path><path d=\"M3 21l7-7\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Integra\u00e7\u00e3o com o Ambiente<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Desenhos que respeitam o entorno e trazem equil\u00edbrio entre a resid\u00eancia e a natureza.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle><path d=\"M12 2v2\"><\/path><path d=\"M12 20v2\"><\/path><path d=\"m4.93 4.93 1.41 1.41\"><\/path><path d=\"m17.66 17.66 1.41 1.41\"><\/path><path d=\"M2 12h2\"><\/path><path d=\"M20 12h2\"><\/path><path d=\"m6.34 17.66-1.41 1.41\"><\/path><path d=\"m19.07 4.93-1.41 1.41\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Ilumina\u00e7\u00e3o Externa<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">Planejamento que destaca volumes, texturas e formas, trazendo sofistica\u00e7\u00e3o \u00e0 fachada.<\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-10 shadow-sm hover:shadow-xl transition-all duration-500 border-t-4 border-transparent hover:border-gold group fade-in-up\">\r\n <div class=\"mb-6 group-hover:scale-110 transition-transform duration-300 text-gold\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"><\/path><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"><\/path><\/svg>\r\n <\/div>\r\n <h3 class=\"text-xl font-serif font-bold mb-4\">Paisagismo Integrado<\/h3>\r\n <p class=\"text-gray-600 leading-relaxed\">A uni\u00e3o perfeita entre arquitetura e vegeta\u00e7\u00e3o, criando espa\u00e7os acolhedores e elegantes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"portfolio\" class=\"py-24 px-6 bg-white\">\r\n <div class=\"w-full mx-auto\">\r\n<div class=\"flex flex-col md:flex-row md:justify-between md:items-end mb-16 gap-6 fade-in-up text-center md:text-left items-center\"> <div>\r\n <span class=\"text-gold uppercase tracking-widest text-sm font-bold mb-4 block\">Trabalhos Recentes<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif\">Portf\u00f3lio<\/h2>\r\n <\/div>\r\n <p class=\"text-gray-500 max-w-md\">Uma sele\u00e7\u00e3o de projetos residenciais que exemplificam nossa busca pela perfei\u00e7\u00e3o est\u00e9tica e funcional.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-0 w-full\" id=\"portfolio-grid\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section>\r\n\r\n \r\n <button id=\"scroll-top\" class=\"fixed bottom-8 left-8 z-50 bg-white\/80 backdrop-blur-md text-dark p-3 rounded-full shadow-lg hover:bg-gold hover:text-white transition-all duration-300 border border-gray-200 opacity-0 pointer-events-none\">\r\n <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=\"rotate-180\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/button>\r\n\r\n <script>\r\n \/\/ Portfolio Data\r\n const portfolioImages = [\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-05-at-10.37.18-AM-1.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-05-at-10.37.18-AM.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-11.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-13.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-12.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-9.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-8-1.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-7.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-6.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-5.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-4.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-3.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-2.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1-1.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-8.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-10.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-15.png\",\r\n \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/Design-sem-nome-14.png\"\r\n ];\r\n\r\n \/\/ Render Portfolio\r\n const grid = document.getElementById('portfolio-grid');\r\n portfolioImages.forEach((img, i) => {\r\n const div = document.createElement('div');\r\n div.className = 'relative overflow-hidden group cursor-pointer fade-in-up'; \r\n div.innerHTML = `\r\n <img decoding=\"async\" src=\"${img}\" alt=\"Projeto ${i+1}\" class=\"w-full h-auto object-cover transition-transform duration-700 group-hover:scale-110\" referrerpolicy=\"no-referrer\">\r\n <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center p-6 text-center\">\r\n <div class=\"translate-y-4 group-hover:translate-y-0 transition-transform duration-300\">\r\n <p class=\"text-white font-serif text-xl mb-2\">Resid\u00eancia Moderna<\/p>\r\n <p class=\"text-gold text-sm uppercase tracking-widest\">Ver Detalhes<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n grid.appendChild(div);\r\n });\r\n\r\n\r\n \/\/ Navbar Scroll Effect\r\n const navbar = document.getElementById('navbar');\r\n const logo = document.getElementById('nav-logo');\r\n const links = document.querySelectorAll('.nav-link');\r\n const scrollTopBtn = document.getElementById('scroll-top');\r\n\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.scrollY > 50;\r\n navbar.className = `fixed top-0 left-0 w-full z-50 transition-all duration-300 ${scrolled ? 'bg-white\/90 backdrop-blur-md py-4 shadow-sm' : 'bg-transparent py-6'}`;\r\n logo.className = `h-20 md:h-32 w-auto transition-all duration-300 ${scrolled ? '' : 'brightness-0 invert'}`;\r\n logo.src = scrolled \r\n ? \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2026\/03\/luciano-leoni-lg-preto-sf.png\" \r\n : \"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2025\/09\/Design_sem_nome__23_-removebg-preview.png\";\r\n \r\n links.forEach(l => {\r\n l.classList.toggle('text-dark', scrolled);\r\n l.classList.toggle('text-white', !scrolled);\r\n });\r\n\r\n scrollTopBtn.classList.toggle('opacity-100', window.scrollY > 500);\r\n scrollTopBtn.classList.toggle('pointer-events-auto', window.scrollY > 500);\r\n });\r\n\r\n \/\/ Mobile Menu Toggle\r\n const menuToggle = document.getElementById('mobile-menu-toggle');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n menuToggle.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n mobileMenu.classList.toggle('flex');\r\n });\r\n\r\n \/\/ Scroll Reveal Animation\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.fade-in-up').forEach(el => observer.observe(el));\r\n\r\n \/\/ Scroll Top\r\n scrollTopBtn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b25040 e-flex e-con-boxed e-con e-child\" data-id=\"3b25040\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29f7968 elementor-widget elementor-widget-html\" data-id=\"29f7968\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"faq\" class=\"py-24 px-6 bg-gray-50\">\r\n\r\n<div class=\"max-w-4xl mx-auto\">\r\n\r\n<div class=\"text-center mb-16\">\r\n<span class=\"text-gold uppercase tracking-widest text-sm font-bold mb-4 block\">\r\nD\u00favidas Comuns\r\n<\/span>\r\n\r\n<h2 class=\"text-3xl md:text-5xl font-serif\">\r\nPerguntas Frequentes\r\n<\/h2>\r\n<\/div>\r\n\r\n\r\n<div class=\"space-y-6\">\r\n\r\n<details class=\"bg-white p-6 shadow-sm\">\r\n<summary class=\"cursor-pointer font-semibold text-lg\">\r\nQual \u00e9 o prazo m\u00e9dio para execu\u00e7\u00e3o de um projeto?\r\n<\/summary>\r\n<p class=\"mt-4 text-gray-600\">\r\nO prazo varia conforme a complexidade, mas em m\u00e9dia um projeto residencial leva de 3 a 6 meses.\r\n<\/p>\r\n<\/details>\r\n\r\n\r\n<details class=\"bg-white p-6 shadow-sm\">\r\n<summary class=\"cursor-pointer font-semibold text-lg\">\r\nVoc\u00eas trabalham com reforma ou apenas com projetos novos?\r\n<\/summary>\r\n<p class=\"mt-4 text-gray-600\">\r\nAtuamos tanto em reformas quanto em projetos novos, sempre com foco em personaliza\u00e7\u00e3o e funcionalidade.\r\n<\/p>\r\n<\/details>\r\n\r\n\r\n<details class=\"bg-white p-6 shadow-sm\">\r\n<summary class=\"cursor-pointer font-semibold text-lg\">\r\nVoc\u00eas acompanham a obra?\r\n<\/summary>\r\n<p class=\"mt-4 text-gray-600\">\r\nSim, fazemos acompanhamento t\u00e9cnico da obra para garantir que o projeto seja executado corretamente.\r\n<\/p>\r\n<\/details>\r\n\r\n\r\n<details class=\"bg-white p-6 shadow-sm\">\r\n<summary class=\"cursor-pointer font-semibold text-lg\">\r\nVoc\u00eas fazem aprova\u00e7\u00e3o na prefeitura?\r\n<\/summary>\r\n<p class=\"mt-4 text-gray-600\">\r\nSim. Cuidamos de toda a documenta\u00e7\u00e3o t\u00e9cnica e processo de aprova\u00e7\u00e3o junto aos \u00f3rg\u00e3os respons\u00e1veis.\r\n<\/p>\r\n<\/details>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-696f17d elementor-widget elementor-widget-html\" data-id=\"696f17d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t \r\n <footer class=\"bg-dark text-white py-20 px-6\">\r\n <div class=\"max-w-7xl mx-auto grid md:grid-cols-3 gap-12\">\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/leoniarq.com.br\/wp-content\/uploads\/2025\/09\/Design_sem_nome__23_-removebg-preview.png\" alt=\"Luciano Leoni Arquitetura\" class=\"h-32 w-auto mb-6 brightness-0 invert\" referrerpolicy=\"no-referrer\">\r\n <p class=\"text-gray-400 font-light leading-relaxed\">Criando espa\u00e7os que inspiram e transformam a vida atrav\u00e9s da arquitetura de alto padr\u00e3o.<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-gold uppercase tracking-widest text-sm font-bold mb-6\">Informa\u00e7\u00f5es<\/h4>\r\n <p class=\"text-gray-400 leading-relaxed\">Avenida Maria de Jesus Condeixa, 600, <br>Ribeirania, Ribeir\u00e3o Preto SP, <br>14091-240, Brasil<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-gold uppercase tracking-widest text-sm font-bold mb-6\">Contato<\/h4>\r\n <p class=\"text-gray-400 mb-2\">contato@lucianoleoni.com.br<\/p>\r\n <p class=\"text-gray-400\"><a href=\"tel:+5516997857003\" class=\"hover:text-gold transition-colors\">+55 16 99785-7003<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"max-w-7xl mx-auto mt-20 pt-8 border-t border-white\/10 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-gray-500\">\r\n <p>Copyright \u00a9 2025 LUCIANO LEONI<\/p>\r\n <p>development by <a href=\"https:\/\/creapardesenvolvimento.com\/\" target=\"_blank\" class=\"text-gray-300 hover:text-gold transition-colors\">Creapar<\/a><\/p>\r\n <\/div>\r\n <\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Luciano Leoni Arquitetura | Projetos Exclusivos em Ribeir\u00e3o Preto Home Sobre mim Detalhes Portf\u00f3lio FAQ Home Sobre mim Detalhes Portf\u00f3lio FAQ Transformando Espa\u00e7os em Experi\u00eancias Projetos arquitet\u00f4nicos exclusivos, onde design, funcionalidade e inova\u00e7\u00e3o caminham juntos para criar ambientes que inspiram. Ver Portf\u00f3lio A Trajet\u00f3ria Luciano Leoni, Arquitetura com Prop\u00f3sito H\u00e1 mais de 20 anos atuando […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"iawp_total_views":279,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":325,"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/leoniarq.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}