{"id":194,"date":"2026-08-22T19:49:00","date_gmt":"2026-08-22T19:49:00","guid":{"rendered":"https:\/\/nattusinteriordesign.co.tz\/?page_id=194"},"modified":"2026-08-22T20:02:47","modified_gmt":"2026-08-22T20:02:47","slug":"about-nattus-furniture","status":"publish","type":"page","link":"https:\/\/nattusinteriordesign.co.tz\/?page_id=194","title":{"rendered":"about nattus furniture"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NATTUS ABOUT PAGE\n   PREMIUM EDITORIAL DESIGN\n   ========================================================= *\/\n\n.nattus-about-page {\n    --na-bg: #f5f2ec;\n    --na-white: #ffffff;\n    --na-text: #20201d;\n    --na-muted: #77736c;\n    --na-line: #d8d2c8;\n    --na-accent: #E89E5B;\n\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding: 0;\n    background: var(--na-bg);\n    color: var(--na-text);\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n}\n\n.nattus-about-page *,\n.nattus-about-page *::before,\n.nattus-about-page *::after {\n    box-sizing: border-box;\n}\n\n.nattus-about-page img {\n    display: block;\n    width: 100%;\n    max-width: none;\n}\n\n.nattus-about-page a {\n    text-decoration: none;\n    color: inherit;\n}\n\n.na-kicker {\n    display: block;\n    margin-bottom: 28px;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2.8px;\n    text-transform: uppercase;\n    color: #68645e;\n}\n\n.nattus-about-page h1,\n.nattus-about-page h2,\n.nattus-about-page h3,\n.nattus-about-page p {\n    margin-top: 0;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.na-hero {\n    min-height: 820px;\n    display: grid;\n    grid-template-columns: 42% 58%;\n    position: relative;\n    background: var(--na-bg);\n}\n\n.na-hero-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 100px 7vw 100px 8vw;\n    position: relative;\n    z-index: 2;\n}\n\n.na-hero-copy h1 {\n    margin: 0 0 35px;\n    max-width: 650px;\n    font-size: clamp(58px, 6vw, 105px);\n    font-weight: 400;\n    line-height: .94;\n    letter-spacing: -4px;\n}\n\n.na-hero-copy h1 em,\n.na-intro h2 em,\n.na-slider-heading h2 em,\n.na-philosophy-copy h2 em,\n.na-values-title h2 em,\n.na-closing h2 em {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n}\n\n.na-hero-copy p {\n    max-width: 490px;\n    margin-bottom: 38px;\n    font-size: 17px;\n    line-height: 1.8;\n    color: #67635c;\n}\n\n.na-text-link {\n    width: fit-content;\n    padding-bottom: 9px;\n    border-bottom: 1px solid var(--na-text);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.8px;\n    transition: .3s ease;\n}\n\n.na-text-link span {\n    margin-left: 15px;\n}\n\n.na-text-link:hover {\n    color: var(--na-accent);\n    border-color: var(--na-accent);\n}\n\n.na-hero-media {\n    min-height: 820px;\n    position: relative;\n    overflow: hidden;\n}\n\n.na-hero-media img {\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transform: scale(1.01);\n    transition: transform 1.2s ease;\n}\n\n.na-hero-media:hover img {\n    transform: scale(1.04);\n}\n\n.na-image-label {\n    position: absolute;\n    left: 35px;\n    bottom: 30px;\n    padding: 10px 14px;\n    background: rgba(255,255,255,.88);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 2px;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.na-intro {\n    display: grid;\n    grid-template-columns: 20% 80%;\n    padding: 150px 8vw;\n    border-top: 1px solid var(--na-line);\n}\n\n.na-number {\n    font-size: 12px;\n    letter-spacing: 2px;\n    color: var(--na-muted);\n}\n\n.na-intro-content {\n    display: grid;\n    grid-template-columns: 48% 52%;\n    gap: 8%;\n}\n\n.na-intro-heading h2 {\n    margin: 0;\n    max-width: 620px;\n    font-size: clamp(48px, 5.5vw, 90px);\n    font-weight: 400;\n    line-height: .98;\n    letter-spacing: -3px;\n}\n\n.na-intro-text {\n    max-width: 520px;\n}\n\n.na-large-text {\n    font-size: 22px !important;\n    line-height: 1.55 !important;\n    color: var(--na-text) !important;\n}\n\n.na-intro-text p {\n    margin-bottom: 25px;\n    font-size: 16px;\n    line-height: 1.8;\n    color: #6f6b65;\n}\n\n\n\/* =========================================================\n   SLIDER\n   ========================================================= *\/\n\n.na-slider-section {\n    padding: 40px 5vw 150px;\n}\n\n.na-slider-heading {\n    display: flex;\n    justify-content: space-between;\n    align-items: end;\n    padding: 0 3vw 45px;\n}\n\n.na-slider-heading h2 {\n    max-width: 650px;\n    margin: 0;\n    font-size: clamp(48px, 5vw, 85px);\n    font-weight: 400;\n    line-height: .98;\n    letter-spacing: -3px;\n}\n\n.na-slider {\n    height: min(72vh, 760px);\n    min-height: 560px;\n    position: relative;\n    overflow: hidden;\n    background: #ded9d0;\n}\n\n.na-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    visibility: hidden;\n    transform: scale(1.025);\n    transition:\n        opacity .8s ease,\n        transform 1.2s ease,\n        visibility .8s ease;\n}\n\n.na-slide.active {\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1);\n}\n\n.na-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n}\n\n.na-slide::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            to top,\n            rgba(20,20,18,.35),\n            transparent 42%\n        );\n    pointer-events: none;\n}\n\n.na-slide-caption {\n    position: absolute;\n    z-index: 3;\n    left: 45px;\n    bottom: 42px;\n    color: white;\n}\n\n.na-slide-caption span {\n    display: block;\n    margin-bottom: 12px;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 2.5px;\n}\n\n.na-slide-caption strong {\n    display: block;\n    font-family: Georgia, serif;\n    font-size: clamp(24px, 3vw, 44px);\n    font-weight: 400;\n}\n\n.na-slider-prev,\n.na-slider-next {\n    position: absolute;\n    z-index: 5;\n    top: 50%;\n    width: 58px;\n    height: 58px;\n    border: 1px solid rgba(255,255,255,.8);\n    border-radius: 50%;\n    background: rgba(255,255,255,.12);\n    color: white;\n    cursor: pointer;\n    transform: translateY(-50%);\n    font-size: 20px;\n    backdrop-filter: blur(5px);\n    transition: .3s ease;\n}\n\n.na-slider-prev {\n    left: 30px;\n}\n\n.na-slider-next {\n    right: 30px;\n}\n\n.na-slider-prev:hover,\n.na-slider-next:hover {\n    background: white;\n    color: var(--na-text);\n}\n\n.na-slider-progress {\n    position: absolute;\n    z-index: 6;\n    left: 45px;\n    right: 45px;\n    bottom: 25px;\n    height: 2px;\n    background: rgba(255,255,255,.35);\n}\n\n.na-slider-progress span {\n    display: block;\n    width: 14.28%;\n    height: 100%;\n    background: white;\n    transition: width .5s ease;\n}\n\n\n\/* =========================================================\n   PHILOSOPHY\n   ========================================================= *\/\n\n.na-philosophy {\n    display: grid;\n    grid-template-columns: 55% 45%;\n    min-height: 720px;\n    background: white;\n}\n\n.na-philosophy-image {\n    overflow: hidden;\n}\n\n.na-philosophy-image img {\n    width: 100%;\n    height: 100%;\n    min-height: 720px;\n    object-fit: cover;\n    transition: transform 1s ease;\n}\n\n.na-philosophy:hover .na-philosophy-image img {\n    transform: scale(1.025);\n}\n\n.na-philosophy-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 100px 9vw;\n}\n\n.na-philosophy-copy h2 {\n    margin-bottom: 35px;\n    font-size: clamp(48px, 5vw, 82px);\n    font-weight: 400;\n    line-height: .98;\n    letter-spacing: -3px;\n}\n\n.na-philosophy-copy p {\n    max-width: 480px;\n    margin-bottom: 18px;\n    font-size: 16px;\n    line-height: 1.8;\n    color: #69655f;\n}\n\n\n\/* =========================================================\n   VALUES\n   ========================================================= *\/\n\n.na-values {\n    padding: 150px 8vw;\n}\n\n.na-values-title {\n    display: flex;\n    justify-content: space-between;\n    align-items: end;\n    margin-bottom: 90px;\n}\n\n.na-values-title h2 {\n    margin: 0;\n    max-width: 650px;\n    font-size: clamp(48px, 5vw, 82px);\n    font-weight: 400;\n    line-height: .98;\n    letter-spacing: -3px;\n}\n\n.na-values-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    border-top: 1px solid var(--na-line);\n}\n\n.na-values-grid article {\n    min-height: 280px;\n    padding: 30px 35px 30px 0;\n    border-right: 1px solid var(--na-line);\n}\n\n.na-values-grid article:not(:first-child) {\n    padding-left: 35px;\n}\n\n.na-values-grid article:last-child {\n    border-right: 0;\n}\n\n.na-values-grid span {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    color: var(--na-accent);\n}\n\n.na-values-grid h3 {\n    margin: 55px 0 20px;\n    font-family: Georgia, serif;\n    font-size: 32px;\n    font-weight: 400;\n}\n\n.na-values-grid p {\n    max-width: 330px;\n    font-size: 15px;\n    line-height: 1.8;\n    color: #706c65;\n}\n\n\n\/* =========================================================\n   IMAGE STRIP\n   ========================================================= *\/\n\n.na-image-strip {\n    display: grid;\n    grid-template-columns: 1fr 1.6fr 1fr;\n    gap: 12px;\n    padding: 0 5vw 150px;\n}\n\n.na-strip-image {\n    height: 520px;\n    overflow: hidden;\n}\n\n.na-strip-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 1s ease;\n}\n\n.na-strip-image:hover img {\n    transform: scale(1.04);\n}\n\n\n\/* =========================================================\n   CLOSING CTA\n   ========================================================= *\/\n\n.na-closing {\n    padding: 180px 8vw;\n    text-align: center;\n    background: #ebe6de;\n}\n\n.na-closing h2 {\n    max-width: 1000px;\n    margin: 0 auto 35px;\n    font-size: clamp(58px, 7vw, 115px);\n    font-weight: 400;\n    line-height: .93;\n    letter-spacing: -5px;\n}\n\n.na-closing p {\n    max-width: 520px;\n    margin: 0 auto 45px;\n    color: #6d6962;\n    font-size: 17px;\n    line-height: 1.7;\n}\n\n.na-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 25px;\n    padding: 18px 26px;\n    border: 1px solid var(--na-text);\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    transition: .3s ease;\n}\n\n.na-button:hover {\n    background: var(--na-text);\n    color: white;\n}\n\n.na-button span {\n    font-size: 17px;\n}\n\n\n\/* =========================================================\n   WORDPRESS CLEANUP\n   ========================================================= *\/\n\n.nattus-about-page .wp-block-image,\n.nattus-about-page figure {\n    margin: 0;\n}\n\n.nattus-about-page p:last-child {\n    margin-bottom: 0;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 991px) {\n\n    .na-hero {\n        grid-template-columns: 1fr;\n    }\n\n    .na-hero-copy {\n        min-height: 570px;\n        padding: 90px 7vw;\n    }\n\n    .na-hero-media {\n        min-height: 600px;\n    }\n\n    .na-intro {\n        grid-template-columns: 1fr;\n        gap: 60px;\n    }\n\n    .na-intro-content {\n        grid-template-columns: 1fr;\n        gap: 55px;\n    }\n\n    .na-slider-heading {\n        display: block;\n    }\n\n    .na-slider-heading h2 {\n        margin-top: 25px;\n    }\n\n    .na-philosophy {\n        grid-template-columns: 1fr;\n    }\n\n    .na-philosophy-image img {\n        min-height: 600px;\n    }\n\n    .na-values-title {\n        display: block;\n    }\n\n    .na-values-title h2 {\n        margin-top: 25px;\n    }\n\n    .na-values-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .na-values-grid article,\n    .na-values-grid article:not(:first-child) {\n        padding: 35px 0;\n        border-right: 0;\n        border-bottom: 1px solid var(--na-line);\n    }\n\n    .na-values-grid article:last-child {\n        border-bottom: 0;\n    }\n\n    .na-image-strip {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .na-strip-wide {\n        grid-column: span 2;\n        order: -1;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .nattus-about-page {\n        width: 100%;\n    }\n\n    .na-hero-copy {\n        min-height: 500px;\n        padding: 70px 25px;\n    }\n\n    .na-hero-copy h1 {\n        font-size: 54px;\n        letter-spacing: -2.5px;\n    }\n\n    .na-hero-copy p {\n        font-size: 15px;\n    }\n\n    .na-hero-media {\n        min-height: 480px;\n    }\n\n    .na-image-label {\n        left: 20px;\n        bottom: 20px;\n    }\n\n    .na-intro {\n        padding: 90px 25px;\n    }\n\n    .na-intro-heading h2,\n    .na-slider-heading h2,\n    .na-philosophy-copy h2,\n    .na-values-title h2 {\n        font-size: 49px;\n        letter-spacing: -2px;\n    }\n\n    .na-slider-section {\n        padding: 30px 15px 90px;\n    }\n\n    .na-slider {\n        height: 520px;\n        min-height: 520px;\n    }\n\n    .na-slide-caption {\n        left: 25px;\n        bottom: 40px;\n        right: 25px;\n    }\n\n    .na-slider-prev,\n    .na-slider-next {\n        width: 45px;\n        height: 45px;\n    }\n\n    .na-slider-prev {\n        left: 15px;\n    }\n\n    .na-slider-next {\n        right: 15px;\n    }\n\n    .na-philosophy-copy {\n        padding: 80px 25px;\n    }\n\n    .na-philosophy-image img {\n        min-height: 500px;\n    }\n\n    .na-values {\n        padding: 90px 25px;\n    }\n\n    .na-values-title {\n        margin-bottom: 55px;\n    }\n\n    .na-image-strip {\n        grid-template-columns: 1fr;\n        padding: 0 15px 90px;\n    }\n\n    .na-strip-image,\n    .na-strip-wide {\n        grid-column: auto;\n        height: 430px;\n    }\n\n    .na-closing {\n        padding: 110px 25px;\n    }\n\n    .na-closing h2 {\n        font-size: 57px;\n        letter-spacing: -3px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCE MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .na-slide,\n    .na-slide img,\n    .na-hero-media img,\n    .na-philosophy-image img,\n    .na-strip-image img {\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const slider = document.querySelector(\".na-slider\");\n\n    if (!slider) return;\n\n    const slides = slider.querySelectorAll(\".na-slide\");\n    const next = slider.querySelector(\".na-slider-next\");\n    const prev = slider.querySelector(\".na-slider-prev\");\n    const progress = slider.querySelector(\".na-slider-progress span\");\n\n    let current = 0;\n    let timer;\n    const interval = 5500;\n\n    function showSlide(index) {\n\n        slides.forEach(function (slide) {\n            slide.classList.remove(\"active\");\n        });\n\n        current = (index + slides.length) % slides.length;\n\n        slides[current].classList.add(\"active\");\n\n        if (progress) {\n            progress.style.width =\n                ((current + 1) \/ slides.length) * 100 + \"%\";\n        }\n    }\n\n    function nextSlide() {\n        showSlide(current + 1);\n    }\n\n    function previousSlide() {\n        showSlide(current - 1);\n    }\n\n    function startSlider() {\n        clearInterval(timer);\n        timer = setInterval(nextSlide, interval);\n    }\n\n    function stopSlider() {\n        clearInterval(timer);\n    }\n\n    if (next) {\n        next.addEventListener(\"click\", function () {\n            nextSlide();\n            startSlider();\n        });\n    }\n\n    if (prev) {\n        prev.addEventListener(\"click\", function () {\n            previousSlide();\n            startSlider();\n        });\n    }\n\n    slider.addEventListener(\"mouseenter\", stopSlider);\n    slider.addEventListener(\"mouseleave\", startSlider);\n\n    slider.addEventListener(\"touchstart\", stopSlider, {\n        passive: true\n    });\n\n    slider.addEventListener(\"touchend\", startSlider, {\n        passive: true\n    });\n\n    \/* Keyboard navigation *\/\n    document.addEventListener(\"keydown\", function (event) {\n\n        if (event.key === \"ArrowRight\") {\n            nextSlide();\n            startSlider();\n        }\n\n        if (event.key === \"ArrowLeft\") {\n            previousSlide();\n            startSlider();\n        }\n\n    });\n\n    \/* Initial state *\/\n    showSlide(0);\n    startSlider();\n\n});\n<\/script>\n\n<div class=\"nattus-about-page\">\n\n    <!-- HERO -->\n    <section class=\"na-hero\">\n        <div class=\"na-hero-copy\">\n            <span class=\"na-kicker\">NATTUS \/ ABOUT<\/span>\n\n            <h1>\n                Designed for<br>\n                <em>the way you live.<\/em>\n            <\/h1>\n\n            <p>\n                NATTUS Furniture, Interior &#038; Exterior Design creates\n                thoughtful spaces where beauty, comfort and function\n                come together.\n            <\/p>\n\n            <a href=\"#na-story\" class=\"na-text-link\">\n                DISCOVER OUR STORY <span>\u2193<\/span>\n            <\/a>\n        <\/div>\n\n        <div class=\"na-hero-media\">\n            <img decoding=\"async\"\n                src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.37-PM-1-300x300.jpeg\"\n                alt=\"NATTUS interior design\"\n            >\n            <div class=\"na-image-label\">\n                DAR ES SALAAM \u00b7 TANZANIA\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"na-intro\" id=\"na-story\">\n\n        <div class=\"na-number\">01<\/div>\n\n        <div class=\"na-intro-content\">\n\n            <span class=\"na-kicker\">OUR STORY<\/span>\n\n            <h2>\n                Spaces that feel\n                <em>personal.<\/em>\n            <\/h2>\n\n            <p class=\"na-large-text\">\n                At NATTUS, we believe exceptional design is more than\n                appearance. It is about creating spaces that reflect\n                the people who live, work and gather within them.\n            <\/p>\n\n            <p>\n                From refined interiors and custom furniture to distinctive\n                exterior environments, every project is approached with\n                care, creativity and attention to detail.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- LARGE IMAGE SLIDER -->\n    <section class=\"na-slider-section\">\n\n        <div class=\"na-slider-heading\">\n            <span class=\"na-kicker\">THE NATTUS APPROACH<\/span>\n\n            <h2>\n                Beauty in\n                <em>every detail.<\/em>\n            <\/h2>\n        <\/div>\n\n        <div class=\"na-slider\">\n\n            <div class=\"na-slide active\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.37-PM-1-300x300.jpeg\"\n                    alt=\"NATTUS interior project\"\n                >\n\n                <div class=\"na-slide-caption\">\n                    <span>01 \/ INTERIOR<\/span>\n                    <strong>Thoughtful living spaces.<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"na-slide\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.40-PM-225x300.jpeg\"\n                    alt=\"NATTUS furniture interior\"\n                >\n\n                <div class=\"na-slide-caption\">\n                    <span>02 \/ FURNITURE<\/span>\n                    <strong>Furniture made with purpose.<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"na-slide\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.43-PM-2-300x290.jpeg\"\n                    alt=\"NATTUS design project\"\n                >\n\n                <div class=\"na-slide-caption\">\n                    <span>03 \/ DESIGN<\/span>\n                    <strong>Character through materials.<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"na-slide\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-7.41.13-PM-300x240.jpeg\"\n                    alt=\"NATTUS interior design project\"\n                >\n\n                <div class=\"na-slide-caption\">\n                    <span>04 \/ INTERIOR<\/span>\n                    <strong>Comfort meets refinement.<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"na-slide\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-7.41.12-PM-1-199x300.jpeg\"\n                    alt=\"NATTUS interior project\"\n                >\n\n                <div class=\"na-slide-caption\">\n                    <span>05 \/ DETAIL<\/span>\n                    <strong>Considered down to the smallest detail.<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"na-slide\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-7.41.11-PM-300x245.jpeg\"\n                    alt=\"NATTUS design\"\n                >\n\n                <div class=\"na-slide-caption\">\n                    <span>06 \/ SPACE<\/span>\n                    <strong>Designed around real life.<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"na-slide\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-7.41.26-PM-300x240.jpeg\"\n                    alt=\"NATTUS exterior design\"\n                >\n\n                <div class=\"na-slide-caption\">\n                    <span>07 \/ EXTERIOR<\/span>\n                    <strong>Spaces that extend beyond the walls.<\/strong>\n                <\/div>\n            <\/div>\n\n            <button class=\"na-slider-prev\" aria-label=\"Previous image\">\n                \u2190\n            <\/button>\n\n            <button class=\"na-slider-next\" aria-label=\"Next image\">\n                \u2192\n            <\/button>\n\n            <div class=\"na-slider-progress\">\n                <span><\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- PHILOSOPHY -->\n    <section class=\"na-philosophy\">\n\n        <div class=\"na-philosophy-image\">\n            <img decoding=\"async\"\n                src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-7.41.11-PM-300x245.jpeg\"\n                alt=\"NATTUS design philosophy\"\n            >\n        <\/div>\n\n        <div class=\"na-philosophy-copy\">\n\n            <span class=\"na-kicker\">OUR PHILOSOPHY<\/span>\n\n            <h2>\n                Timeless,\n                <em>not ordinary.<\/em>\n            <\/h2>\n\n            <p>\n                We combine contemporary ideas with enduring materials,\n                thoughtful proportions and practical solutions.\n            <\/p>\n\n            <p>\n                The result is design that feels sophisticated,\n                comfortable and distinctly yours.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- THREE VALUES -->\n    <section class=\"na-values\">\n\n        <div class=\"na-values-title\">\n            <span class=\"na-kicker\">WHAT GUIDES US<\/span>\n\n            <h2>\n                Designed with\n                <em>intention.<\/em>\n            <\/h2>\n        <\/div>\n\n        <div class=\"na-values-grid\">\n\n            <article>\n                <span>01<\/span>\n                <h3>Craft<\/h3>\n                <p>\n                    We value quality materials, skilled workmanship\n                    and details that stand the test of time.\n                <\/p>\n            <\/article>\n\n            <article>\n                <span>02<\/span>\n                <h3>Character<\/h3>\n                <p>\n                    Every space should feel individual, expressive\n                    and connected to the people who use it.\n                <\/p>\n            <\/article>\n\n            <article>\n                <span>03<\/span>\n                <h3>Function<\/h3>\n                <p>\n                    Beauty matters, but so does the way a space\n                    works every day.\n                <\/p>\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMAGE STRIP -->\n    <section class=\"na-image-strip\">\n\n        <div class=\"na-strip-image\">\n            <img decoding=\"async\"\n                src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.40-PM-225x300.jpeg\"\n                alt=\"NATTUS project\"\n            >\n        <\/div>\n\n        <div class=\"na-strip-image na-strip-wide\">\n            <img decoding=\"async\"\n                src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-8.16.43-PM-2-300x290.jpeg\"\n                alt=\"NATTUS interior project\"\n            >\n        <\/div>\n\n        <div class=\"na-strip-image\">\n            <img decoding=\"async\"\n                src=\"https:\/\/nattusinteriordesign.co.tz\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-21-at-7.41.26-PM-300x240.jpeg\"\n                alt=\"NATTUS exterior project\"\n            >\n        <\/div>\n\n    <\/section>\n\n\n    <!-- CLOSING -->\n    <section class=\"na-closing\">\n\n        <span class=\"na-kicker\">NATTUS FURNITURE \u00b7 INTERIOR \u00b7 EXTERIOR<\/span>\n\n        <h2>\n            Creating spaces\n            <em>with character.<\/em>\n        <\/h2>\n\n        <p>\n            From the first idea to the final detail,\n            we create spaces made to be lived in.\n        <\/p>\n\n        <a\n            href=\"mailto:sales@nattusinteriordesign.co.tz\"\n            class=\"na-button\"\n        >\n            START A CONVERSATION <span>\u2197<\/span>\n        <\/a>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>NATTUS \/ ABOUT Designed for the way you live. NATTUS Furniture, Interior &#038; Exterior Design creates thoughtful spaces where beauty, comfort and function come together. DISCOVER OUR STORY \u2193 DAR ES SALAAM \u00b7 TANZANIA 01 OUR STORY Spaces that feel personal. At NATTUS, we believe exceptional design is more than appearance. It is about creating [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":3,"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions\/198"}],"wp:attachment":[{"href":"https:\/\/nattusinteriordesign.co.tz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}