{"id":428,"date":"2026-05-12T14:04:22","date_gmt":"2026-05-12T14:04:22","guid":{"rendered":"https:\/\/orbital.inf.br\/?page_id=428"},"modified":"2026-05-12T14:05:10","modified_gmt":"2026-05-12T14:05:10","slug":"01web","status":"publish","type":"page","link":"https:\/\/orbital.inf.br\/en\/01web\/","title":{"rendered":"01web"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSP Garden Paisagismo | S\u00e3o Paulo<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --verde-escuro: #1a2e1a;\r\n --verde-musgo: #2d4a2d;\r\n --verde-folha: #4a7c4a;\r\n --verde-claro: #7aad5e;\r\n --creme: #f5f0e8;\r\n --areia: #e8dfc8;\r\n --terra: #8b6914;\r\n --branco: #fafaf7;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--branco);\r\n color: var(--verde-escuro);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 1.2rem 5vw;\r\n background: rgba(26,46,26,0.92);\r\n backdrop-filter: blur(12px);\r\n border-bottom: 1px solid rgba(122,173,94,0.2);\r\n }\r\n .nav-logo {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.3rem; color: var(--creme); letter-spacing: 0.04em;\r\n display: flex; flex-direction: column; line-height: 1.1;\r\n }\r\n .nav-logo span { font-size: 0.65rem; font-family: 'DM Sans', sans-serif;\r\n letter-spacing: 0.18em; color: var(--verde-claro); text-transform: uppercase; }\r\n .nav-cta {\r\n background: var(--verde-claro); color: var(--verde-escuro);\r\n padding: 0.6rem 1.5rem; border-radius: 2px;\r\n font-size: 0.82rem; font-weight: 500; letter-spacing: 0.05em;\r\n text-decoration: none; transition: background 0.25s, transform 0.2s;\r\n }\r\n .nav-cta:hover { background: #91c970; transform: translateY(-1px); }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n min-height: 100vh;\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n position: relative; overflow: hidden;\r\n }\r\n .hero-left {\r\n background: var(--verde-escuro);\r\n display: flex; flex-direction: column;\r\n justify-content: center; padding: 12rem 5vw 6rem 7vw;\r\n position: relative; z-index: 2;\r\n }\r\n .hero-left::after {\r\n content: ''; position: absolute; right: -80px; top: 0; bottom: 0; width: 160px;\r\n background: var(--verde-escuro);\r\n clip-path: polygon(0 0, 0% 100%, 100% 100%);\r\n z-index: 3;\r\n }\r\n .hero-tag {\r\n font-size: 0.72rem; letter-spacing: 0.25em; text-transform: uppercase;\r\n color: var(--verde-claro); margin-bottom: 1.5rem;\r\n display: flex; align-items: center; gap: 0.8rem;\r\n }\r\n .hero-tag::before { content: ''; display: block; width: 32px; height: 1px; background: var(--verde-claro); }\r\n\r\n .hero h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n line-height: 1.1; color: var(--creme);\r\n margin-bottom: 1.5rem;\r\n }\r\n .hero h1 em { font-style: italic; color: var(--verde-claro); }\r\n\r\n .hero-desc {\r\n font-size: 1.02rem; color: rgba(245,240,232,0.7);\r\n line-height: 1.8; max-width: 420px; margin-bottom: 3rem;\r\n font-weight: 300;\r\n }\r\n .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n .btn-primary {\r\n background: var(--verde-claro); color: var(--verde-escuro);\r\n padding: 0.9rem 2.2rem; border-radius: 2px;\r\n font-size: 0.9rem; font-weight: 500; text-decoration: none;\r\n transition: all 0.25s; display: inline-flex; align-items: center; gap: 0.5rem;\r\n }\r\n .btn-primary:hover { background: #91c970; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(122,173,94,0.35); }\r\n .btn-secondary {\r\n border: 1px solid rgba(245,240,232,0.35); color: var(--creme);\r\n padding: 0.9rem 2.2rem; border-radius: 2px;\r\n font-size: 0.9rem; font-weight: 400; text-decoration: none;\r\n transition: all 0.25s;\r\n }\r\n .btn-secondary:hover { border-color: var(--verde-claro); color: var(--verde-claro); }\r\n\r\n .hero-right {\r\n position: relative; overflow: hidden;\r\n background: var(--verde-musgo);\r\n }\r\n .hero-bg {\r\n position: absolute; inset: 0;\r\n background:\r\n radial-gradient(ellipse at 60% 30%, rgba(74,124,74,0.6) 0%, transparent 55%),\r\n radial-gradient(ellipse at 20% 80%, rgba(26,46,26,0.8) 0%, transparent 50%),\r\n linear-gradient(160deg, #2d4a2d 0%, #1a2e1a 100%);\r\n }\r\n .leaf-deco {\r\n position: absolute; inset: 0;\r\n display: flex; align-items: center; justify-content: center;\r\n overflow: hidden;\r\n }\r\n .leaf-svg { width: 75%; opacity: 0.18; transform: rotate(-15deg); }\r\n\r\n .hero-stat-bar {\r\n position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%);\r\n display: flex; gap: 3rem; z-index: 5;\r\n }\r\n .stat { text-align: center; color: var(--creme); }\r\n .stat-num {\r\n font-family: 'Playfair Display', serif; font-size: 2.2rem;\r\n color: var(--verde-claro); display: block; line-height: 1;\r\n }\r\n .stat-label { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;\r\n opacity: 0.6; margin-top: 0.3rem; display: block; }\r\n\r\n \/* \u2500\u2500 FLOATING CARD \u2500\u2500 *\/\r\n .hero-card {\r\n position: absolute; bottom: 3rem; right: 5%; z-index: 10;\r\n background: rgba(245,240,232,0.97);\r\n padding: 1.4rem 1.8rem; border-radius: 4px;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\r\n min-width: 220px;\r\n animation: floatCard 4s ease-in-out infinite;\r\n }\r\n @keyframes floatCard {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-8px); }\r\n }\r\n .card-dot { width: 8px; height: 8px; background: #4caf50; border-radius: 50%;\r\n display: inline-block; margin-right: 0.5rem; animation: pulse 2s infinite; }\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; } 50% { opacity: 0.4; }\r\n }\r\n .card-avail { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.12em;\r\n color: var(--verde-folha); margin-bottom: 0.5rem; }\r\n .card-title { font-family: 'Playfair Display', serif; font-size: 1rem; color: var(--verde-escuro); }\r\n .card-phone { font-size: 0.88rem; color: var(--verde-folha); margin-top: 0.3rem; font-weight: 500; }\r\n\r\n \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\r\n section { padding: 6rem 5vw; }\r\n .section-tag {\r\n font-size: 0.72rem; letter-spacing: 0.25em; text-transform: uppercase;\r\n color: var(--verde-folha); margin-bottom: 1rem;\r\n display: flex; align-items: center; gap: 0.8rem;\r\n }\r\n .section-tag::before { content: ''; display: block; width: 28px; height: 1px; background: var(--verde-folha); }\r\n h2.title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n line-height: 1.15; color: var(--verde-escuro); margin-bottom: 1.2rem;\r\n }\r\n h2.title em { font-style: italic; color: var(--verde-folha); }\r\n\r\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n .services { background: var(--creme); }\r\n .services-header { max-width: 560px; margin-bottom: 4rem; }\r\n .services-grid {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5px;\r\n background: rgba(74,124,74,0.15);\r\n border-radius: 4px; overflow: hidden;\r\n }\r\n .service-card {\r\n background: var(--branco); padding: 2.5rem 2rem;\r\n position: relative; overflow: hidden;\r\n transition: background 0.3s, transform 0.3s;\r\n cursor: default;\r\n }\r\n .service-card::before {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\r\n background: var(--verde-claro); transform: scaleX(0); transform-origin: left;\r\n transition: transform 0.4s cubic-bezier(.25,.8,.25,1);\r\n }\r\n .service-card:hover { background: var(--verde-escuro); transform: translateY(-2px); }\r\n .service-card:hover::before { transform: scaleX(1); }\r\n .service-card:hover .service-title,\r\n .service-card:hover .service-desc { color: var(--creme); }\r\n .service-card:hover .service-icon { color: var(--verde-claro); }\r\n\r\n .service-icon { font-size: 2.2rem; margin-bottom: 1.2rem; display: block;\r\n color: var(--verde-folha); transition: color 0.3s; }\r\n .service-title { font-family: 'Playfair Display', serif; font-size: 1.2rem;\r\n color: var(--verde-escuro); margin-bottom: 0.6rem; transition: color 0.3s; }\r\n .service-desc { font-size: 0.88rem; line-height: 1.7; color: #555; transition: color 0.3s; }\r\n\r\n \/* \u2500\u2500 WHY \u2500\u2500 *\/\r\n .why { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center; }\r\n .why-visual {\r\n position: relative; aspect-ratio: 4\/5;\r\n background: var(--verde-musgo); border-radius: 4px; overflow: hidden;\r\n }\r\n .why-bg {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(145deg, #2d4a2d, #1a2e1a);\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .why-bg svg { width: 60%; opacity: 0.15; }\r\n .why-badge {\r\n position: absolute; top: 2rem; right: -1.5rem;\r\n background: var(--verde-claro); color: var(--verde-escuro);\r\n width: 110px; height: 110px; border-radius: 50%;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n font-family: 'Playfair Display', serif; box-shadow: 0 12px 32px rgba(0,0,0,0.25);\r\n }\r\n .why-badge-num { font-size: 2rem; line-height: 1; }\r\n .why-badge-text { font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.1em;\r\n text-align: center; line-height: 1.3; font-family: 'DM Sans', sans-serif; }\r\n .why-strip {\r\n position: absolute; bottom: 2rem; left: 2rem; right: 2rem;\r\n background: rgba(26,46,26,0.9); padding: 1.2rem 1.5rem; border-radius: 3px;\r\n backdrop-filter: blur(4px);\r\n }\r\n .why-strip p { color: var(--creme); font-size: 0.88rem; line-height: 1.6; font-style: italic; }\r\n .why-strip cite { color: var(--verde-claro); font-size: 0.75rem; margin-top: 0.5rem; display: block;\r\n font-style: normal; letter-spacing: 0.08em; }\r\n\r\n .why-list { list-style: none; margin-top: 2rem; display: flex; flex-direction: column; gap: 1.5rem; }\r\n .why-item { display: flex; gap: 1.2rem; align-items: flex-start; }\r\n .why-check {\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: rgba(74,124,74,0.12); color: var(--verde-folha);\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1rem; flex-shrink: 0; margin-top: 2px;\r\n }\r\n .why-item-title { font-weight: 500; color: var(--verde-escuro); margin-bottom: 0.2rem; }\r\n .why-item-desc { font-size: 0.88rem; color: #666; line-height: 1.6; }\r\n\r\n \/* \u2500\u2500 CONTATO \/ CTA \u2500\u2500 *\/\r\n .cta-section {\r\n background: var(--verde-escuro); color: var(--creme);\r\n text-align: center; position: relative; overflow: hidden;\r\n }\r\n .cta-section::before {\r\n content: ''; position: absolute; inset: -50%;\r\n background: radial-gradient(ellipse at center, rgba(74,124,74,0.25) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n .cta-section .section-tag { justify-content: center; color: var(--verde-claro); }\r\n .cta-section .section-tag::before { background: var(--verde-claro); }\r\n .cta-section h2 { color: var(--creme); }\r\n .cta-section p { color: rgba(245,240,232,0.7); max-width: 500px; margin: 0 auto 3rem;\r\n font-size: 1.05rem; line-height: 1.8; }\r\n .cta-contacts { display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; margin-top: 2.5rem; }\r\n .contact-pill {\r\n display: flex; align-items: center; gap: 0.8rem;\r\n background: rgba(245,240,232,0.08); border: 1px solid rgba(245,240,232,0.15);\r\n padding: 0.9rem 1.8rem; border-radius: 40px;\r\n color: var(--creme); text-decoration: none;\r\n transition: all 0.25s; font-size: 0.95rem;\r\n }\r\n .contact-pill:hover { background: var(--verde-claro); color: var(--verde-escuro);\r\n border-color: var(--verde-claro); transform: translateY(-2px); }\r\n .contact-pill svg { width: 18px; height: 18px; }\r\n\r\n \/* \u2500\u2500 HOR\u00c1RIO \/ ENDERE\u00c7O \u2500\u2500 *\/\r\n .info-bar {\r\n background: var(--areia);\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 0; border-top: 1px solid rgba(74,124,74,0.15);\r\n }\r\n .info-item {\r\n padding: 2.5rem 3rem; border-right: 1px solid rgba(74,124,74,0.15);\r\n display: flex; align-items: flex-start; gap: 1rem;\r\n }\r\n .info-item:last-child { border-right: none; }\r\n .info-icon { color: var(--verde-folha); font-size: 1.4rem; margin-top: 2px; flex-shrink: 0; }\r\n .info-label { font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase;\r\n color: var(--verde-folha); margin-bottom: 0.3rem; }\r\n .info-value { font-size: 0.95rem; color: var(--verde-escuro); line-height: 1.6; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: #111d11; color: rgba(245,240,232,0.5);\r\n text-align: center; padding: 2rem 5vw;\r\n font-size: 0.8rem; letter-spacing: 0.05em;\r\n }\r\n footer strong { color: var(--verde-claro); }\r\n\r\n \/* \u2500\u2500 DECORATIVE ELEMENTS \u2500\u2500 *\/\r\n .deco-line {\r\n width: 1px; height: 80px; background: linear-gradient(to bottom, transparent, var(--verde-claro), transparent);\r\n margin: 0 auto 2rem;\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .hero-left > * { animation: fadeUp 0.8s ease both; }\r\n .hero-tag { animation-delay: 0.1s; }\r\n .hero h1 { animation-delay: 0.25s; }\r\n .hero-desc { animation-delay: 0.4s; }\r\n .hero-btns { animation-delay: 0.55s; }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n .hero { grid-template-columns: 1fr; }\r\n .hero-left { padding: 10rem 6vw 5rem; }\r\n .hero-left::after { display: none; }\r\n .hero-right { display: none; }\r\n .hero-card { display: none; }\r\n .why { grid-template-columns: 1fr; gap: 3rem; }\r\n .why-visual { aspect-ratio: 16\/9; }\r\n .why-badge { right: 1rem; }\r\n }\r\n @media (max-width: 600px) {\r\n section { padding: 4rem 5vw; }\r\n .info-item { padding: 2rem 1.5rem; }\r\n .hero-stat-bar { gap: 1.5rem; }\r\n .stat-num { font-size: 1.6rem; }\r\n nav { padding: 1rem 5vw; }\r\n }\r\n\r\n \/* Scroll reveal *\/\r\n .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; }\r\n .reveal.visible { opacity: 1; transform: none; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <div class=\"nav-logo\">\r\n SP Garden Paisagismo\r\n <span>S\u00e3o Paulo \u00b7 desde sempre<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/5511939354910\" target=\"_blank\" class=\"nav-cta\">Solicitar Or\u00e7amento \u2192<\/a>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<header class=\"hero\">\r\n <div class=\"hero-left\">\r\n <span class=\"hero-tag\">Jardinagem & Paisagismo<\/span>\r\n <h1>Transformamos <em>espa\u00e7os<\/em> em jardins vivos<\/h1>\r\n <p class=\"hero-desc\">Projeto, implanta\u00e7\u00e3o e manuten\u00e7\u00e3o de jardins com cuidado artesanal e olhar paisag\u00edstico. Da ideia ao verde exuberante.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"https:\/\/wa.me\/5511939354910\" target=\"_blank\" class=\"btn-primary\">\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n Falar no WhatsApp\r\n <\/a>\r\n <a href=\"tel:+5511939354910\" class=\"btn-secondary\">\ud83d\udcde (11) 93935-4910<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-right\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"leaf-deco\">\r\n <svg class=\"leaf-svg\" viewbox=\"0 0 200 300\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M100 280 C100 280 10 200 10 120 C10 50 100 10 100 10 C100 10 190 50 190 120 C190 200 100 280 100 280Z\" fill=\"#7aad5e\"\/>\r\n <path d=\"M100 280 L100 10\" stroke=\"#4a7c4a\" stroke-width=\"3\"\/>\r\n <path d=\"M100 100 C70 80 40 90 20 110\" stroke=\"#4a7c4a\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\"\/>\r\n <path d=\"M100 150 C130 130 160 140 180 160\" stroke=\"#4a7c4a\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\"\/>\r\n <path d=\"M100 200 C75 185 50 190 35 205\" stroke=\"#4a7c4a\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"hero-stat-bar\">\r\n <div class=\"stat\">\r\n <span class=\"stat-num\">+500<\/span>\r\n <span class=\"stat-label\">Projetos<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-num\">15+<\/span>\r\n <span class=\"stat-label\">Anos no mercado<\/span>\r\n <\/div>\r\n <div class=\"stat\">\r\n <span class=\"stat-num\">100%<\/span>\r\n <span class=\"stat-label\">Satisfaction<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-card\">\r\n <div class=\"card-avail\"><span class=\"card-dot\"><\/span>Dispon\u00edvel agora<\/div>\r\n <div class=\"card-title\">Solicite seu or\u00e7amento<\/div>\r\n <div class=\"card-phone\">(11) 93935-4910<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services\">\r\n <div class=\"services-header reveal\">\r\n <div class=\"section-tag\">O que fazemos<\/div>\r\n <h2 class=\"title\">Servi\u00e7os de <em>jardinagem<\/em> completos<\/h2>\r\n <p style=\"color:#555; line-height:1.8; font-size:0.95rem;\">Do projeto \u00e0 manuten\u00e7\u00e3o, cuidamos de cada detalhe para que seu espa\u00e7o verde seja sempre exuberante e saud\u00e1vel.<\/p>\r\n <\/div>\r\n <div class=\"services-grid reveal\">\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\">\ud83c\udf3f<\/span>\r\n <div class=\"service-title\">Paisagismo & Projeto<\/div>\r\n <p class=\"service-desc\">Cria\u00e7\u00e3o de projetos personalizados que harmonizam est\u00e9tica e funcionalidade com a sua arquitetura.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\">\u2702\ufe0f<\/span>\r\n <div class=\"service-title\">Poda & Manuten\u00e7\u00e3o<\/div>\r\n <p class=\"service-desc\">Servi\u00e7o regular de poda, aduba\u00e7\u00e3o e controle de pragas para manter seu jardim sempre vi\u00e7oso.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\">\ud83c\udf31<\/span>\r\n <div class=\"service-title\">Implanta\u00e7\u00e3o de Jardins<\/div>\r\n <p class=\"service-desc\">Plantio e instala\u00e7\u00e3o completa de jardins residenciais, comerciais e corporativos em S\u00e3o Paulo.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\">\ud83d\udca7<\/span>\r\n <div class=\"service-title\">Irriga\u00e7\u00e3o Automatizada<\/div>\r\n <p class=\"service-desc\">Instala\u00e7\u00e3o de sistemas de irriga\u00e7\u00e3o eficientes que economizam \u00e1gua e mant\u00eam o jardim sempre hidratado.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\">\ud83e\udeb4<\/span>\r\n <div class=\"service-title\">Jardins Verticais<\/div>\r\n <p class=\"service-desc\">Solu\u00e7\u00f5es criativas de jardins verticais para apartamentos, varandas e ambientes com pouco espa\u00e7o.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\">\ud83c\udfe1<\/span>\r\n <div class=\"service-title\">Gramados & Grama<\/div>\r\n <p class=\"service-desc\">Instala\u00e7\u00e3o e recupera\u00e7\u00e3o de gramados com as melhores esp\u00e9cies para o clima de S\u00e3o Paulo.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- WHY -->\r\n<section style=\"background: var(--branco);\">\r\n <div class=\"why reveal\">\r\n <div class=\"why-visual\">\r\n <div class=\"why-bg\">\r\n <svg viewbox=\"0 0 200 250\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <ellipse cx=\"100\" cy=\"200\" rx=\"80\" ry=\"30\" fill=\"#4a7c4a\" opacity=\"0.5\"\/>\r\n <path d=\"M100 200 L100 80\" stroke=\"#7aad5e\" stroke-width=\"3\"\/>\r\n <path d=\"M100 140 C80 120 50 125 30 140\" stroke=\"#7aad5e\" stroke-width=\"2\" fill=\"none\"\/>\r\n <path d=\"M100 120 C120 100 150 105 170 120\" stroke=\"#7aad5e\" stroke-width=\"2\" fill=\"none\"\/>\r\n <ellipse cx=\"100\" cy=\"60\" rx=\"45\" ry=\"55\" fill=\"#4a7c4a\" opacity=\"0.7\"\/>\r\n <ellipse cx=\"55\" cy=\"90\" rx=\"35\" ry=\"40\" fill=\"#2d4a2d\" opacity=\"0.8\" transform=\"rotate(-20 55 90)\"\/>\r\n <ellipse cx=\"145\" cy=\"85\" rx=\"35\" ry=\"40\" fill=\"#2d4a2d\" opacity=\"0.8\" transform=\"rotate(20 145 85)\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"why-badge\">\r\n <span class=\"why-badge-num\">15+<\/span>\r\n <span class=\"why-badge-text\">anos de experi\u00eancia<\/span>\r\n <\/div>\r\n <div class=\"why-strip\">\r\n <p>\"Transformamos o seu espa\u00e7o em um jardim que respira vida todos os dias.\"<\/p>\r\n <cite>\u2014 SP Garden Paisagismo<\/cite>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-text\">\r\n <div class=\"section-tag\">Por que nos escolher<\/div>\r\n <h2 class=\"title\">Comprometimento com a <em>beleza natural<\/em><\/h2>\r\n <p style=\"color:#666; line-height:1.8; margin-bottom:1rem;\">Somos especializados em transformar espa\u00e7os em jardins \u00fanicos, com atendimento personalizado e material de primeira qualidade.<\/p>\r\n <ul class=\"why-list\">\r\n <li class=\"why-item\">\r\n <div class=\"why-check\">\u2713<\/div>\r\n <div>\r\n <div class=\"why-item-title\">Equipe especializada<\/div>\r\n <div class=\"why-item-desc\">Profissionais treinados e apaixonados por paisagismo, prontos para atender toda a Grande S\u00e3o Paulo.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item\">\r\n <div class=\"why-check\">\u2713<\/div>\r\n <div>\r\n <div class=\"why-item-title\">Or\u00e7amento sem compromisso<\/div>\r\n <div class=\"why-item-desc\">Avaliamos seu espa\u00e7o e apresentamos uma proposta detalhada gratuitamente. Sem surpresas.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item\">\r\n <div class=\"why-check\">\u2713<\/div>\r\n <div>\r\n <div class=\"why-item-title\">Materiais de qualidade<\/div>\r\n <div class=\"why-item-desc\">Usamos apenas plantas e insumos selecionados, garantindo durabilidade e beleza ao longo do tempo.<\/div>\r\n <\/div>\r\n <\/li>\r\n <li class=\"why-item\">\r\n <div class=\"why-check\">\u2713<\/div>\r\n <div>\r\n <div class=\"why-item-title\">Atendimento em S\u00e3o Paulo<\/div>\r\n <div class=\"why-item-desc\">Baseados na Av. Interlagos, atendemos toda a zona sul e regi\u00e3o metropolitana de SP.<\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"cta-section reveal\">\r\n <div class=\"deco-line\"><\/div>\r\n <div class=\"section-tag\">Fale conosco<\/div>\r\n <h2 class=\"title\" style=\"margin-bottom:1rem;\">Pronto para ter o jardim <em>dos seus sonhos?<\/em><\/h2>\r\n <p>Entre em contato agora mesmo. Respondemos r\u00e1pido e oferecemos or\u00e7amento gratuito para toda a regi\u00e3o de S\u00e3o Paulo.<\/p>\r\n <a href=\"https:\/\/wa.me\/5511939354910\" target=\"_blank\" class=\"btn-primary\" style=\"display:inline-flex; font-size:1rem; padding:1.1rem 2.8rem;\">\r\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\" style=\"margin-right:0.5rem\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n Chamar no WhatsApp\r\n <\/a>\r\n <div class=\"cta-contacts\">\r\n <a href=\"tel:+5511939354910\" class=\"contact-pill\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81a19.79 19.79 0 01-3.07-8.68A2 2 0 012 .84h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 8.67a16 16 0 006.29 6.29l1.19-1.19a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/><\/svg>\r\n (11) 93935-4910\r\n <\/a>\r\n <a href=\"https:\/\/maps.google.com\/?q=Av.+Interlagos,+4455+loja+14+S\u00e3o+Paulo\" target=\"_blank\" class=\"contact-pill\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n Av. Interlagos, 4455 \u00b7 loja 14\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- INFO BAR -->\r\n<div class=\"info-bar reveal\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <div>\r\n <div class=\"info-label\">Endere\u00e7o<\/div>\r\n <div class=\"info-value\">Av. Interlagos, 4455 - loja 14<br>Jardim Umuarama \u00b7 SP \u00b7 04661-300<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcde<\/span>\r\n <div>\r\n <div class=\"info-label\">Telefone \/ WhatsApp<\/div>\r\n <div class=\"info-value\">(11) 93935-4910<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udd50<\/span>\r\n <div>\r\n <div class=\"info-label\">Atendimento<\/div>\r\n <div class=\"info-value\">Seg\u2013Sex: 8h \u00e0s 18h<br>S\u00e1b: 8h \u00e0s 13h<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\uddfa\ufe0f<\/span>\r\n <div>\r\n <div class=\"info-label\">\u00c1rea de Atendimento<\/div>\r\n <div class=\"info-value\">Zona Sul e Grande S\u00e3o Paulo<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n \u00a9 2025 <strong>SP Garden Paisagismo<\/strong> \u00b7 Av. Interlagos, 4455 - loja 14, S\u00e3o Paulo - SP \u00b7 CNPJ dispon\u00edvel mediante contato\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ Scroll reveal\r\n const reveals = document.querySelectorAll('.reveal');\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); } });\r\n }, { threshold: 0.12 });\r\n reveals.forEach(r => io.observe(r));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SP Garden Paisagismo | S\u00e3o Paulo SP Garden Paisagismo S\u00e3o Paulo \u00b7 desde sempre Solicitar Or\u00e7amento \u2192 Jardinagem & Paisagismo Transformamos espa\u00e7os em jardins vivos Projeto, implanta\u00e7\u00e3o e manuten\u00e7\u00e3o de jardins com cuidado artesanal e olhar paisag\u00edstico. Da ideia ao verde exuberante. Falar no WhatsApp 📞 (11) 93935-4910 +500 Projetos 15+ Anos no mercado 100% […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-428","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>01web - Orbital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/orbital.inf.br\/en\/01web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"01web - Orbital\" \/>\n<meta property=\"og:description\" content=\"SP Garden Paisagismo | S\u00e3o Paulo SP Garden Paisagismo S\u00e3o Paulo \u00b7 desde sempre Solicitar Or\u00e7amento \u2192 Jardinagem & Paisagismo Transformamos espa\u00e7os em jardins vivos Projeto, implanta\u00e7\u00e3o e manuten\u00e7\u00e3o de jardins com cuidado artesanal e olhar paisag\u00edstico. Da ideia ao verde exuberante. Falar no WhatsApp 📞 (11) 93935-4910 +500 Projetos 15+ Anos no mercado 100% […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/orbital.inf.br\/en\/01web\/\" \/>\n<meta property=\"og:site_name\" content=\"Orbital\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-12T14:05:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/orbital.inf.br\/01web\/\",\"url\":\"https:\/\/orbital.inf.br\/01web\/\",\"name\":\"01web - Orbital\",\"isPartOf\":{\"@id\":\"https:\/\/orbital.inf.br\/#website\"},\"datePublished\":\"2026-05-12T14:04:22+00:00\",\"dateModified\":\"2026-05-12T14:05:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/orbital.inf.br\/01web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/orbital.inf.br\/01web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/orbital.inf.br\/01web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/orbital.inf.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"01web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/orbital.inf.br\/#website\",\"url\":\"https:\/\/orbital.inf.br\/\",\"name\":\"Orbital\",\"description\":\"A Orbital \u00e9 uma empresa de TI especializada em solu\u00e7\u00f5es inteligentes que conectam inova\u00e7\u00e3o, seguran\u00e7a e tecnologia para impulsionar o crescimento do seu neg\u00f3cio.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/orbital.inf.br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"01web - Orbital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/orbital.inf.br\/en\/01web\/","og_locale":"en_US","og_type":"article","og_title":"01web - Orbital","og_description":"SP Garden Paisagismo | S\u00e3o Paulo SP Garden Paisagismo S\u00e3o Paulo \u00b7 desde sempre Solicitar Or\u00e7amento \u2192 Jardinagem & Paisagismo Transformamos espa\u00e7os em jardins vivos Projeto, implanta\u00e7\u00e3o e manuten\u00e7\u00e3o de jardins com cuidado artesanal e olhar paisag\u00edstico. Da ideia ao verde exuberante. Falar no WhatsApp 📞 (11) 93935-4910 +500 Projetos 15+ Anos no mercado 100% […]","og_url":"https:\/\/orbital.inf.br\/en\/01web\/","og_site_name":"Orbital","article_modified_time":"2026-05-12T14:05:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/orbital.inf.br\/01web\/","url":"https:\/\/orbital.inf.br\/01web\/","name":"01web - Orbital","isPartOf":{"@id":"https:\/\/orbital.inf.br\/#website"},"datePublished":"2026-05-12T14:04:22+00:00","dateModified":"2026-05-12T14:05:10+00:00","breadcrumb":{"@id":"https:\/\/orbital.inf.br\/01web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/orbital.inf.br\/01web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/orbital.inf.br\/01web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/orbital.inf.br\/"},{"@type":"ListItem","position":2,"name":"01web"}]},{"@type":"WebSite","@id":"https:\/\/orbital.inf.br\/#website","url":"https:\/\/orbital.inf.br\/","name":"At Orbital","description":"A Orbital \u00e9 uma empresa de TI especializada em solu\u00e7\u00f5es inteligentes que conectam inova\u00e7\u00e3o, seguran\u00e7a e tecnologia para impulsionar o crescimento do seu neg\u00f3cio.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/orbital.inf.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/orbital.inf.br\/en\/wp-json\/wp\/v2\/pages\/428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orbital.inf.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orbital.inf.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orbital.inf.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orbital.inf.br\/en\/wp-json\/wp\/v2\/comments?post=428"}],"version-history":[{"count":0,"href":"https:\/\/orbital.inf.br\/en\/wp-json\/wp\/v2\/pages\/428\/revisions"}],"wp:attachment":[{"href":"https:\/\/orbital.inf.br\/en\/wp-json\/wp\/v2\/media?parent=428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}