Mandarin Project - Shatti Al Qurum Muscat<\/title>\n <link href=\"tailwind_theme\/tailwind.css\" rel=\"stylesheet\" type=\"text\/css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --font-main: \"IRANSans\", \"Vazirmatn\", \"Tahoma\", sans-serif;\n }\n\n html body .skyland-premium-landing,\n html body .skyland-premium-landing *,\n body.elementor-page .skyland-premium-landing,\n body.elementor-page .skyland-premium-landing *,\n body.elementor-editor-active .skyland-premium-landing,\n body.elementor-editor-active .skyland-premium-landing *,\n body .elementor .skyland-premium-landing,\n body .elementor .skyland-premium-landing * {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing {\n direction: ltr !important;\n text-align: left !important;\n background-color: #F8F9FA !important;\n color: #1E293B;\n width: 100%;\n max-width: 100vw;\n overflow-x: hidden;\n line-height: 1.9;\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing .font-en {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing .dir-ltr {\n direction: ltr !important;\n display: inline-block;\n text-align: left;\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing h1,\n .skyland-premium-landing h2,\n .skyland-premium-landing h3,\n .skyland-premium-landing h4,\n .skyland-premium-landing h5,\n .skyland-premium-landing h6,\n .skyland-premium-landing p,\n .skyland-premium-landing span,\n .skyland-premium-landing div,\n .skyland-premium-landing a,\n .skyland-premium-landing li,\n .skyland-premium-landing input,\n .skyland-premium-landing button,\n .skyland-premium-landing table,\n .skyland-premium-landing th,\n .skyland-premium-landing td,\n .skyland-premium-landing label,\n .skyland-premium-landing strong,\n .skyland-premium-landing small,\n .skyland-premium-landing textarea,\n .skyland-premium-landing select,\n .skyland-premium-landing option,\n .skyland-premium-landing input::placeholder,\n .skyland-premium-landing textarea::placeholder {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing input,\n .skyland-premium-landing textarea,\n .skyland-premium-landing select {\n -webkit-appearance: none;\n appearance: none;\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n }\n\n .skyland-premium-landing input::placeholder,\n .skyland-premium-landing textarea::placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n unicode-bidi: plaintext;\n }\n\n .skyland-premium-landing input::-webkit-input-placeholder,\n .skyland-premium-landing textarea::-webkit-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input::-moz-placeholder,\n .skyland-premium-landing textarea::-moz-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input:-ms-input-placeholder,\n .skyland-premium-landing textarea:-ms-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input::-ms-input-placeholder,\n .skyland-premium-landing textarea::-ms-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar {\n width: 6px;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar-thumb {\n background: #083241;\n border-radius: 10px;\n }\n\n .skyland-elementor-fix p,\n .skyland-elementor-fix h1,\n .skyland-elementor-fix h2,\n .skyland-elementor-fix h3,\n .skyland-elementor-fix h4,\n .skyland-elementor-fix ul {\n margin: 0;\n padding: 0;\n }\n\n @media (min-width: 1024px) {\n .lg-sticky-sidebar {\n position: sticky !important;\n top: 110px !important;\n max-height: calc(100vh - 130px);\n overflow-y: auto;\n scrollbar-width: none;\n padding-bottom: 20px;\n }\n\n .lg-sticky-sidebar::-webkit-scrollbar {\n display: none;\n }\n }\n\n details > summary {\n list-style: none;\n cursor: pointer;\n }\n\n details > summary::-webkit-details-marker {\n display: none;\n }\n <\/style>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n corePlugins: { preflight: false },\n theme: {\n extend: {\n colors: {\n navy: '#083241',\n 'navy-dark': '#041F2A',\n gold: '#F5C236',\n 'gold-light': '#FDF3D7',\n cream: '#F8F5F0',\n jade: '#10B981',\n ruby: '#EF4444'\n },\n boxShadow: {\n 'premium': '0 20px 40px -15px rgba(8, 50, 65, 0.08)',\n 'card': '0 4px 15px rgba(0,0,0,0.03)'\n }\n }\n }\n }\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<\/head>\n<body>\n<div class=\"skyland-premium-landing pb-24 lg:pb-0\" dir=\"ltr\">\n <div style=\"position: relative; width: 100%; background-color: #083241; min-height: 550px; display: flex; align-items: center; border-bottom: 4px solid #F5C236;\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Mandarin Project Shatti Al Qurum Muscat\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; z-index: 1;\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(to left, rgba(8,50,65,0.9) 0%, rgba(8,50,65,0.4) 100%); z-index: 2;\"><\/div>\n <div class=\"relative z-10 w-full py-16 md:py-24\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-10\">\n <div class=\"max-w-3xl w-full text-center md:text-left order-1 md:order-1\">\n <div class=\"flex flex-wrap justify-center md:justify-start gap-2 mb-6\">\n <span class=\"bg-gold text-navy text-xs font-bold px-3 py-1.5 rounded-md flex items-center gap-1.5 shadow-lg\">\n <i data-lucide=\"award\" class=\"w-4 h-4\"><\/i> Luxury Coastal Project\n <\/span>\n <span class=\"bg-white\/10 backdrop-blur-md text-white border border-white\/20 text-xs px-3 py-1.5 rounded-md\">\n Modern Luxury Living\n <\/span>\n <span class=\"bg-white\/10 backdrop-blur-md text-white border border-white\/20 text-xs px-3 py-1.5 rounded-md\">\n Ready to Move In\n <\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-5 leading-tight\"><span class=\"text-gold\">Mandarin<\/span> Project<\/h1>\n <p class=\"text-base md:text-lg text-gray-300 mb-8 max-w-2xl leading-relaxed mx-auto md:mx-0\">\n Experience luxury living in Shatti Al Qurum, Muscat, with a blend of contemporary architecture, hotel-style services, premium amenities, and a modern lifestyle in one of Oman\u2019s finest coastal destinations.\n <\/p>\n <div class=\"flex flex-wrap justify-center md:justify-start items-center gap-y-3 gap-x-6 text-white text-sm\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"map-pin\" class=\"text-gold w-4 h-4\"><\/i><\/div> Shatti Al Qurum, Muscat\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"building\" class=\"text-gold w-4 h-4\"><\/i><\/div> Delivered one year ago\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"key\" class=\"text-gold w-4 h-4\"><\/i><\/div> Status: <span class=\"font-bold ml-1 text-gold\">Ready<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-auto flex justify-center md:justify-end order-2 md:order-2\">\n <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-2xl text-left w-full md:w-[320px] shadow-2xl relative\">\n <div class=\"absolute -top-3 -left-3 w-8 h-8 bg-gold rounded-full flex items-center justify-center animate-bounce\">\n <i data-lucide=\"arrow-down\" class=\"text-navy w-4 h-4\"><\/i>\n <\/div>\n <p class=\"text-gray-300 text-sm mb-2 font-medium\">Starting from<\/p>\n <div class=\"flex items-center gap-2 justify-start mb-3 border-b border-white\/20 pb-3\" dir=\"ltr\">\n <span class=\"text-white font-bold text-4xl\">170,000<\/span>\n <span class=\"text-gold font-bold text-xl mt-1\">OMR<\/span>\n <\/div>\n <div class=\"flex justify-between items-center text-xs\">\n <span class=\"text-gray-300\">3-year installments<\/span>\n <span class=\"text-navy font-bold bg-gold px-2 py-1 rounded\">Ready to move in<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8 py-16 text-left\">\n <div class=\"flex flex-col lg:flex-row gap-12 items-start relative\">\n <div class=\"w-full lg:w-[65%] flex flex-col gap-16 order-1\">\n <section id=\"about\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-bold text-navy\">A Luxury Living Experience in Shatti Al Qurum, Muscat<\/h2>\n <\/div>\n <div class=\"bg-white p-6 md:p-8 rounded-3xl shadow-card border border-gray-100 text-gray-600 leading-loose text-justify text-sm md:text-base relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-gold\"><\/div>\n <p class=\"mb-5\">\n Among the most prestigious coastal areas of Muscat, <strong>Shatti Al Qurum<\/strong> is recognized as one of the city\u2019s most luxurious and sought-after residential and leisure destinations. In this prime location, the <strong>Mandarin<\/strong> project, inspired by the global standards of the <strong>Mandarin Oriental<\/strong> brand, offers a refined combination of contemporary architecture, hotel-style services, and modern lifestyle through a collection of high-end residences.\n <\/p>\n <p class=\"mb-0\">\n This project has been designed to create a distinctive urban living experience\u2014one where comfort, quality of life, and access to premium services come together with exceptional coastal views.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"gallery\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Concept Design Gallery<\/h2>\n <\/div>\n <div class=\"grid grid-cols-2 gap-3 md:gap-4\">\n <div class=\"col-span-2 h-60 md:h-[400px] rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Mandarin-Oriental-3-1.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Mandarin project interior design\">\n <div class=\"absolute bottom-4 left-4 bg-navy\/80 backdrop-blur-sm px-4 py-2 rounded-lg text-xs font-bold text-white\">A glimpse of modern and luxurious living<\/div>\n <\/div>\n <div class=\"h-40 md:h-56 rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Mandarin-Oriental-1.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Mandarin project exterior in Shatti Al Qurum\">\n <\/div>\n <div class=\"h-40 md:h-56 rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Mandarin-Oriental-2.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Mandarin project amenities\">\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-navy p-8 rounded-3xl text-white shadow-premium relative overflow-hidden flex flex-col justify-center\">\n <i data-lucide=\"gem\" class=\"absolute -right-6 -bottom-6 w-32 h-32 text-gold opacity-10\"><\/i>\n <h3 class=\"text-lg md:text-xl font-bold text-gold mb-4 relative z-10 whitespace-nowrap\">Prime Location in the Heart of Shatti Al Qurum<\/h3>\n <p class=\"text-sm text-gray-300 leading-loose text-justify relative z-10 m-0\">\n Shatti Al Qurum is one of Muscat\u2019s most recognized districts, valued for its proximity to the Sea of Oman coastline, commercial centers, international restaurants, and leisure destinations. The location of the Mandarin project in this area offers convenient access to key parts of the city while also providing a calm and coastal atmosphere.\n <\/p>\n <\/div>\n <div class=\"bg-white border border-gray-200 p-8 rounded-3xl shadow-card flex flex-col justify-center\">\n <h3 class=\"text-xl font-bold text-navy mb-4\">Contemporary Architecture with International Design Standards<\/h3>\n <ul class=\"space-y-4 m-0 list-none\">\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"layout\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Modern design with attention to architectural detail\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"sun\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Extensive natural light throughout interior spaces\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"eye\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Residences with beach and sea views\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"investment\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">An Ideal Choice for Living and Investment<\/h2>\n <\/div>\n <div class=\"bg-white rounded-3xl shadow-card border border-gray-100 overflow-hidden\">\n <div class=\"grid grid-cols-1 md:grid-cols-2\">\n <div class=\"p-6 md:p-8 border-b md:border-b-0 md:border-r border-gray-100 bg-gray-50\">\n <h3 class=\"text-navy font-bold text-lg mb-5 flex items-center gap-2\">\n <i data-lucide=\"trending-up\" class=\"w-5 h-5 text-gold\"><\/i> Investment Advantages\n <\/h3>\n <div class=\"space-y-4\">\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Project Location:<\/span>\n <span class=\"font-bold text-sm text-navy\">Shatti Al Qurum<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Delivery Status:<\/span>\n <span class=\"font-bold text-sm text-jade\">Ready and Delivered<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Payment Terms:<\/span>\n <span class=\"font-bold text-sm text-navy\">3-Year Installments<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-6 md:p-8 border-r-0 md:border-r-0 md:border-l-0\">\n <h3 class=\"text-navy font-bold text-lg mb-5 flex items-center gap-2\">\n <i data-lucide=\"home\" class=\"w-5 h-5 text-gold\"><\/i> Benefits of Living in Mandarin Project\n <\/h3>\n <ul class=\"space-y-4 m-0 list-none text-sm text-gray-600\">\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>A blend of coastal lifestyle with convenient urban access.<\/span><\/li>\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>High construction quality and well-designed interior standards.<\/span><\/li>\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>Suitable for both individual and family living in a calm and prestigious environment.<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"amenities\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Amenities and Hotel-Style Services<\/h2>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"hotel\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Access to Hotel Facilities<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"waves\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Private Swimming Pool<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"dumbbell\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Fully Equipped Gym<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"badge-help\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Personal Assistant<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"concierge-bell\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Personal and Management Services<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"building-2\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Service Spaces<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"star\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">High-End Quality of Life<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"shield-check\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Professional Management and Services<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"pricing\">\n <div class=\"flex items-center justify-between mb-6\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Units and Sales Terms<\/h2>\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-2xl shadow-card border border-gray-100 overflow-hidden mb-8\">\n <div class=\"overflow-x-auto\">\n <table class=\"w-full text-left border-collapse\">\n <thead>\n <tr class=\"bg-navy border-b border-navy-dark\">\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm\">Unit Type<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Layout<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Starting Price (OMR)<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Status<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition-colors\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"bed-single\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">One Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Efficient and practical layout<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-base\">170,000<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-green-50 text-green-600 border border-green-200 px-3 py-1 rounded text-xs font-bold\">Available<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors border-b border-gray-100\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"bed-double\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Two Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Suitable for family living<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">Contact Us<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-orange-50 text-orange-600 border border-orange-200 px-3 py-1 rounded text-xs font-bold\">Limited<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"crown\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Three Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Spacious and luxurious living<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">Contact Us<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-red-50 text-red-600 border border-red-200 px-3 py-1 rounded text-xs font-bold\">Based on Availability<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-200 rounded-2xl p-6 md:p-8 shadow-sm\">\n <h3 class=\"font-bold text-lg text-navy mb-8 text-center flex items-center justify-center gap-2\">\n <i data-lucide=\"calendar-check\" class=\"w-6 h-6 text-gold\"><\/i> Payment and Delivery Terms\n <\/h3>\n <div class=\"relative max-w-3xl mx-auto\">\n <div class=\"hidden md:block absolute top-1\/2 left-10 right-10 h-1 bg-gray-100 -translate-y-1\/2 z-0\"><\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 relative z-10\">\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-navy text-gold rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Start Price<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">170K OMR<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">For selected units<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-navy text-gold rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Delivery<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Ready<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Delivered one year ago<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-gold text-navy rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Installments<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">3 Years<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Flexible payment terms<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Strategic Location in Shatti Al Qurum<\/h2>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"shopping-bag\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Shopping and Commercial Centers<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Easy access from the project location<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"utensils-crossed\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">International Restaurants<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Near one of Muscat\u2019s finest districts<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"building\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Business Centers and Luxury Hotels<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">A prime setting for living and investment<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"waves\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Sea of Oman Coastline<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Enjoy a calm and coastal atmosphere<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Frequently Asked Questions<\/h2>\n <\/div>\n <div class=\"space-y-4\">\n <details class=\"bg-white border border-gray-200 rounded-2xl shadow-sm p-5 md:p-6 group\">\n <summary class=\"flex justify-between items-center font-bold text-navy text-sm md:text-base cursor-pointer\">\n What types of units are available in the Mandarin project?\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gold group-open:rotate-45 transition-transform\"><\/i>\n <\/summary>\n <div class=\"mt-4 pt-4 border-t border-gray-100 text-gray-600 text-sm leading-relaxed text-justify\">\n This development offers one-bedroom to three-bedroom residences. Each unit has been designed with efficient layouts and practical spaces, making them suitable for both individual and family living.\n <\/div>\n <\/details>\n <details class=\"bg-white border border-gray-200 rounded-2xl shadow-sm p-5 md:p-6 group\">\n <summary class=\"flex justify-between items-center font-bold text-navy text-sm md:text-base cursor-pointer\">\n Are the units in the Mandarin project ready for delivery?\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gold group-open:rotate-45 transition-transform\"><\/i>\n <\/summary>\n <div class=\"mt-4 pt-4 border-t border-gray-100 text-gray-600 text-sm leading-relaxed text-justify\">\n Yes, one of the key advantages of this project is that the units are ready for delivery. This allows buyers to move into occupancy or begin using their property without waiting for project completion.\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <section class=\"block lg:hidden mt-8 mb-4\">\n <div class=\"bg-white rounded-3xl p-8 shadow-premium border border-gray-100 text-center\">\n <div class=\"w-14 h-14 bg-gold\/10 text-gold rounded-full flex items-center justify-center mx-auto mb-4\">\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl text-navy mb-2\">Get More Information<\/h3>\n <p class=\"text-xs text-gray-500 mb-8 leading-relaxed\">Fill out the form below to receive the brochure, catalog, and free consultation from our analysts.<\/p>\n <form class=\"space-y-5 text-left mobile-lead-form\">\n <div>\n <label class=\"block text-xs font-bold text-navy mb-2\">Full Name <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"user\" class=\"absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-4 h-4 z-10 pointer-events-none\"><\/i>\n <input type=\"text\" required class=\"w-full pl-12 pr-4 py-3.5 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white text-sm box-border\" placeholder=\"Example: Ali Rezaei\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-navy mb-2\">Mobile Number (WhatsApp) <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"phone\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-4 h-4 z-10 pointer-events-none\"><\/i>\n <input type=\"tel\" required dir=\"ltr\" class=\"w-full pl-4 pr-12 py-3.5 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white text-sm text-left box-border\" placeholder=\"+98 912 000 0000\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"w-full bg-gold text-navy hover:bg-yellow-400 font-bold py-4 rounded-xl transition-all duration-300 mt-2 flex justify-center items-center gap-2 border-none cursor-pointer shadow-md\">\n Download Brochure & Consultation\n <i data-lucide=\"download\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <p class=\"text-[11px] text-center text-gray-400 mt-4 m-0 flex items-center justify-center gap-1.5\">\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-jade\"><\/i> Privacy commitment: Your information will remain confidential.\n <\/p>\n <\/form>\n <\/div>\n <\/section>\n <\/div>\n\n <div class=\"w-full lg:w-[35%] order-2 hidden lg:block lg-sticky-sidebar\" id=\"sidebar-container\">\n <div class=\"space-y-6\">\n <div class=\"bg-white rounded-[24px] p-8 shadow-premium border border-gray-100 text-center relative\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-gold\"><\/div>\n <div class=\"w-14 h-14 bg-gold\/10 text-gold rounded-full flex items-center justify-center mx-auto mb-5 mt-2\">\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-2xl text-navy mb-2\">Get More Information<\/h3>\n <p class=\"text-sm text-gray-500 mb-8 leading-relaxed\">Fill out the form below to receive the brochure, catalog, and free consultation from our analysts.<\/p>\n <form id=\"desktop-lead-form\" class=\"space-y-5 text-left\">\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Full Name <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"user\" class=\"absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"text\" required class=\"w-full pl-12 pr-4 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm box-border\" placeholder=\"Example: Ali Rezaei\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Mobile Number (WhatsApp) <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"phone\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"tel\" required dir=\"ltr\" class=\"w-full pl-4 pr-12 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm text-left box-border\" placeholder=\"+98 912 000 0000\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Email (Optional)<\/label>\n <div class=\"relative\">\n <i data-lucide=\"mail\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"email\" dir=\"ltr\" class=\"w-full pl-4 pr-12 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm text-left box-border\" placeholder=\"mail@example.com\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"w-full bg-gold text-navy hover:bg-yellow-400 font-extrabold text-lg py-4 rounded-xl transition-all duration-300 mt-4 flex justify-center items-center gap-2 border-none cursor-pointer shadow-[0_10px_20px_rgba(245,194,54,0.3)]\">\n Download Brochure & Consultation\n <i data-lucide=\"download\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <p class=\"text-xs text-center text-gray-500 mt-5 m-0 flex items-center justify-center gap-1.5\">\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-jade\"><\/i> Privacy commitment: Your information will remain confidential.\n <\/p>\n <\/form>\n <\/div>\n\n <div class=\"bg-white rounded-2xl p-6 shadow-card border border-gray-100 flex items-center gap-4\">\n <div class=\"w-14 h-14 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0 border border-gray-200\">\n <i data-lucide=\"headset\" class=\"w-6 h-6 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-base text-navy m-0\">Direct Consultation with an Expert<\/h4>\n <p class=\"text-xs text-gray-500 mt-1 mb-2\">No \u043f\u043e\u0441\u0440\u0435\u0434\u043d\u0438\u043a, response within 15 minutes<\/p>\n <a href=\"tel:+96812345678\" class=\"text-navy font-bold dir-ltr hover:text-gold transition-colors text-sm\" style=\"text-decoration:none;\">+968 1234 5678<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:hidden fixed bottom-0 left-0 right-0 bg-white p-3 border-t border-gray-200 shadow-[0_-5px_15px_rgba(0,0,0,0.05)] z-50 flex gap-3\">\n <button onclick=\"document.querySelector('.mobile-lead-form').scrollIntoView({behavior: 'smooth', block: 'center'})\" class=\"flex-1 bg-gold text-navy font-bold py-3.5 rounded-xl text-sm flex items-center justify-center gap-2 border-none\">\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i> Download Brochure\n <\/button>\n <a href=\"tel:+96812345678\" class=\"bg-navy border border-navy-dark text-white px-5 rounded-xl flex items-center justify-center\" style=\"text-decoration:none;\">\n <i data-lucide=\"phone-call\" class=\"w-5 h-5\"><\/i>\n <\/a>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n if (typeof lucide !== 'undefined') {\n lucide.createIcons();\n }\n\n const stickySidebar = document.getElementById('sidebar-container');\n if (stickySidebar && window.innerWidth >= 1024) {\n let parent = stickySidebar.parentElement;\n while (parent && parent.tagName !== 'BODY' && parent.tagName !== 'HTML') {\n const style = window.getComputedStyle(parent);\n if (style.overflow === 'hidden' || style.overflowY === 'hidden' || style.overflowX === 'hidden') {\n parent.style.setProperty('overflow', 'visible', 'important');\n }\n parent = parent.parentElement;\n }\n }\n\n const detailsElements = document.querySelectorAll('details');\n detailsElements.forEach((targetDetail) => {\n targetDetail.addEventListener('click', () => {\n detailsElements.forEach((detail) => {\n if (detail !== targetDetail) {\n detail.removeAttribute('open');\n }\n });\n });\n });\n\n const leadForms = document.querySelectorAll('form');\n leadForms.forEach(form => {\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n alert('Your information has been successfully submitted. Skyland experts will contact you shortly.');\n form.reset();\n });\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\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>Mandarin Project – Shatti Al Qurum Muscat Luxury Coastal Project Modern Luxury Living Ready to Move In Mandarin Project Experience luxury living in Shatti Al Qurum, Muscat, with a blend of contemporary architecture, hotel-style services, premium amenities, and a modern lifestyle in one of Oman\u2019s finest coastal destinations. Shatti Al Qurum, Muscat Delivered one year […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4975","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/comments?post=4975"}],"version-history":[{"count":6,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4975\/revisions"}],"predecessor-version":[{"id":4985,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4975\/revisions\/4985"}],"wp:attachment":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/media?parent=4975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Mandarin Project - Shatti Al Qurum Muscat<\/title>\n <link href=\"tailwind_theme\/tailwind.css\" rel=\"stylesheet\" type=\"text\/css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --font-main: \"IRANSans\", \"Vazirmatn\", \"Tahoma\", sans-serif;\n }\n\n html body .skyland-premium-landing,\n html body .skyland-premium-landing *,\n body.elementor-page .skyland-premium-landing,\n body.elementor-page .skyland-premium-landing *,\n body.elementor-editor-active .skyland-premium-landing,\n body.elementor-editor-active .skyland-premium-landing *,\n body .elementor .skyland-premium-landing,\n body .elementor .skyland-premium-landing * {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing {\n direction: ltr !important;\n text-align: left !important;\n background-color: #F8F9FA !important;\n color: #1E293B;\n width: 100%;\n max-width: 100vw;\n overflow-x: hidden;\n line-height: 1.9;\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing .font-en {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing .dir-ltr {\n direction: ltr !important;\n display: inline-block;\n text-align: left;\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing h1,\n .skyland-premium-landing h2,\n .skyland-premium-landing h3,\n .skyland-premium-landing h4,\n .skyland-premium-landing h5,\n .skyland-premium-landing h6,\n .skyland-premium-landing p,\n .skyland-premium-landing span,\n .skyland-premium-landing div,\n .skyland-premium-landing a,\n .skyland-premium-landing li,\n .skyland-premium-landing input,\n .skyland-premium-landing button,\n .skyland-premium-landing table,\n .skyland-premium-landing th,\n .skyland-premium-landing td,\n .skyland-premium-landing label,\n .skyland-premium-landing strong,\n .skyland-premium-landing small,\n .skyland-premium-landing textarea,\n .skyland-premium-landing select,\n .skyland-premium-landing option,\n .skyland-premium-landing input::placeholder,\n .skyland-premium-landing textarea::placeholder {\n font-family: var(--font-main) !important;\n }\n\n .skyland-premium-landing input,\n .skyland-premium-landing textarea,\n .skyland-premium-landing select {\n -webkit-appearance: none;\n appearance: none;\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n }\n\n .skyland-premium-landing input::placeholder,\n .skyland-premium-landing textarea::placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n unicode-bidi: plaintext;\n }\n\n .skyland-premium-landing input::-webkit-input-placeholder,\n .skyland-premium-landing textarea::-webkit-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input::-moz-placeholder,\n .skyland-premium-landing textarea::-moz-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input:-ms-input-placeholder,\n .skyland-premium-landing textarea:-ms-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing input::-ms-input-placeholder,\n .skyland-premium-landing textarea::-ms-input-placeholder {\n font-family: var(--font-main) !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n line-height: 1.8 !important;\n color: #9CA3AF !important;\n opacity: 1 !important;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar {\n width: 6px;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar-track {\n background: transparent;\n }\n\n .skyland-premium-landing ::-webkit-scrollbar-thumb {\n background: #083241;\n border-radius: 10px;\n }\n\n .skyland-elementor-fix p,\n .skyland-elementor-fix h1,\n .skyland-elementor-fix h2,\n .skyland-elementor-fix h3,\n .skyland-elementor-fix h4,\n .skyland-elementor-fix ul {\n margin: 0;\n padding: 0;\n }\n\n @media (min-width: 1024px) {\n .lg-sticky-sidebar {\n position: sticky !important;\n top: 110px !important;\n max-height: calc(100vh - 130px);\n overflow-y: auto;\n scrollbar-width: none;\n padding-bottom: 20px;\n }\n\n .lg-sticky-sidebar::-webkit-scrollbar {\n display: none;\n }\n }\n\n details > summary {\n list-style: none;\n cursor: pointer;\n }\n\n details > summary::-webkit-details-marker {\n display: none;\n }\n <\/style>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n corePlugins: { preflight: false },\n theme: {\n extend: {\n colors: {\n navy: '#083241',\n 'navy-dark': '#041F2A',\n gold: '#F5C236',\n 'gold-light': '#FDF3D7',\n cream: '#F8F5F0',\n jade: '#10B981',\n ruby: '#EF4444'\n },\n boxShadow: {\n 'premium': '0 20px 40px -15px rgba(8, 50, 65, 0.08)',\n 'card': '0 4px 15px rgba(0,0,0,0.03)'\n }\n }\n }\n }\n <\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<\/head>\n<body>\n<div class=\"skyland-premium-landing pb-24 lg:pb-0\" dir=\"ltr\">\n <div style=\"position: relative; width: 100%; background-color: #083241; min-height: 550px; display: flex; align-items: center; border-bottom: 4px solid #F5C236;\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Mandarin Project Shatti Al Qurum Muscat\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; z-index: 1;\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(to left, rgba(8,50,65,0.9) 0%, rgba(8,50,65,0.4) 100%); z-index: 2;\"><\/div>\n <div class=\"relative z-10 w-full py-16 md:py-24\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8\">\n <div class=\"flex flex-col md:flex-row items-center justify-between gap-10\">\n <div class=\"max-w-3xl w-full text-center md:text-left order-1 md:order-1\">\n <div class=\"flex flex-wrap justify-center md:justify-start gap-2 mb-6\">\n <span class=\"bg-gold text-navy text-xs font-bold px-3 py-1.5 rounded-md flex items-center gap-1.5 shadow-lg\">\n <i data-lucide=\"award\" class=\"w-4 h-4\"><\/i> Luxury Coastal Project\n <\/span>\n <span class=\"bg-white\/10 backdrop-blur-md text-white border border-white\/20 text-xs px-3 py-1.5 rounded-md\">\n Modern Luxury Living\n <\/span>\n <span class=\"bg-white\/10 backdrop-blur-md text-white border border-white\/20 text-xs px-3 py-1.5 rounded-md\">\n Ready to Move In\n <\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-5 leading-tight\"><span class=\"text-gold\">Mandarin<\/span> Project<\/h1>\n <p class=\"text-base md:text-lg text-gray-300 mb-8 max-w-2xl leading-relaxed mx-auto md:mx-0\">\n Experience luxury living in Shatti Al Qurum, Muscat, with a blend of contemporary architecture, hotel-style services, premium amenities, and a modern lifestyle in one of Oman\u2019s finest coastal destinations.\n <\/p>\n <div class=\"flex flex-wrap justify-center md:justify-start items-center gap-y-3 gap-x-6 text-white text-sm\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"map-pin\" class=\"text-gold w-4 h-4\"><\/i><\/div> Shatti Al Qurum, Muscat\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"building\" class=\"text-gold w-4 h-4\"><\/i><\/div> Delivered one year ago\n <\/div>\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center\"><i data-lucide=\"key\" class=\"text-gold w-4 h-4\"><\/i><\/div> Status: <span class=\"font-bold ml-1 text-gold\">Ready<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-auto flex justify-center md:justify-end order-2 md:order-2\">\n <div class=\"bg-white\/10 backdrop-blur-md border border-white\/20 p-6 rounded-2xl text-left w-full md:w-[320px] shadow-2xl relative\">\n <div class=\"absolute -top-3 -left-3 w-8 h-8 bg-gold rounded-full flex items-center justify-center animate-bounce\">\n <i data-lucide=\"arrow-down\" class=\"text-navy w-4 h-4\"><\/i>\n <\/div>\n <p class=\"text-gray-300 text-sm mb-2 font-medium\">Starting from<\/p>\n <div class=\"flex items-center gap-2 justify-start mb-3 border-b border-white\/20 pb-3\" dir=\"ltr\">\n <span class=\"text-white font-bold text-4xl\">170,000<\/span>\n <span class=\"text-gold font-bold text-xl mt-1\">OMR<\/span>\n <\/div>\n <div class=\"flex justify-between items-center text-xs\">\n <span class=\"text-gray-300\">3-year installments<\/span>\n <span class=\"text-navy font-bold bg-gold px-2 py-1 rounded\">Ready to move in<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8 py-16 text-left\">\n <div class=\"flex flex-col lg:flex-row gap-12 items-start relative\">\n <div class=\"w-full lg:w-[65%] flex flex-col gap-16 order-1\">\n <section id=\"about\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-bold text-navy\">A Luxury Living Experience in Shatti Al Qurum, Muscat<\/h2>\n <\/div>\n <div class=\"bg-white p-6 md:p-8 rounded-3xl shadow-card border border-gray-100 text-gray-600 leading-loose text-justify text-sm md:text-base relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-1 bg-gold\"><\/div>\n <p class=\"mb-5\">\n Among the most prestigious coastal areas of Muscat, <strong>Shatti Al Qurum<\/strong> is recognized as one of the city\u2019s most luxurious and sought-after residential and leisure destinations. In this prime location, the <strong>Mandarin<\/strong> project, inspired by the global standards of the <strong>Mandarin Oriental<\/strong> brand, offers a refined combination of contemporary architecture, hotel-style services, and modern lifestyle through a collection of high-end residences.\n <\/p>\n <p class=\"mb-0\">\n This project has been designed to create a distinctive urban living experience\u2014one where comfort, quality of life, and access to premium services come together with exceptional coastal views.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"gallery\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Concept Design Gallery<\/h2>\n <\/div>\n <div class=\"grid grid-cols-2 gap-3 md:gap-4\">\n <div class=\"col-span-2 h-60 md:h-[400px] rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Mandarin-Oriental-3-1.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Mandarin project interior design\">\n <div class=\"absolute bottom-4 left-4 bg-navy\/80 backdrop-blur-sm px-4 py-2 rounded-lg text-xs font-bold text-white\">A glimpse of modern and luxurious living<\/div>\n <\/div>\n <div class=\"h-40 md:h-56 rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Mandarin-Oriental-1.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Mandarin project exterior in Shatti Al Qurum\">\n <\/div>\n <div class=\"h-40 md:h-56 rounded-2xl overflow-hidden shadow-card relative group\">\n <img decoding=\"async\" src=\"https:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Mandarin-Oriental-2.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Mandarin project amenities\">\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-navy p-8 rounded-3xl text-white shadow-premium relative overflow-hidden flex flex-col justify-center\">\n <i data-lucide=\"gem\" class=\"absolute -right-6 -bottom-6 w-32 h-32 text-gold opacity-10\"><\/i>\n <h3 class=\"text-lg md:text-xl font-bold text-gold mb-4 relative z-10 whitespace-nowrap\">Prime Location in the Heart of Shatti Al Qurum<\/h3>\n <p class=\"text-sm text-gray-300 leading-loose text-justify relative z-10 m-0\">\n Shatti Al Qurum is one of Muscat\u2019s most recognized districts, valued for its proximity to the Sea of Oman coastline, commercial centers, international restaurants, and leisure destinations. The location of the Mandarin project in this area offers convenient access to key parts of the city while also providing a calm and coastal atmosphere.\n <\/p>\n <\/div>\n <div class=\"bg-white border border-gray-200 p-8 rounded-3xl shadow-card flex flex-col justify-center\">\n <h3 class=\"text-xl font-bold text-navy mb-4\">Contemporary Architecture with International Design Standards<\/h3>\n <ul class=\"space-y-4 m-0 list-none\">\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"layout\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Modern design with attention to architectural detail\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"sun\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Extensive natural light throughout interior spaces\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"eye\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Residences with beach and sea views\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"investment\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">An Ideal Choice for Living and Investment<\/h2>\n <\/div>\n <div class=\"bg-white rounded-3xl shadow-card border border-gray-100 overflow-hidden\">\n <div class=\"grid grid-cols-1 md:grid-cols-2\">\n <div class=\"p-6 md:p-8 border-b md:border-b-0 md:border-r border-gray-100 bg-gray-50\">\n <h3 class=\"text-navy font-bold text-lg mb-5 flex items-center gap-2\">\n <i data-lucide=\"trending-up\" class=\"w-5 h-5 text-gold\"><\/i> Investment Advantages\n <\/h3>\n <div class=\"space-y-4\">\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Project Location:<\/span>\n <span class=\"font-bold text-sm text-navy\">Shatti Al Qurum<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Delivery Status:<\/span>\n <span class=\"font-bold text-sm text-jade\">Ready and Delivered<\/span>\n <\/div>\n <div class=\"flex justify-between items-center bg-white p-3 rounded-lg border border-gray-200 shadow-sm\">\n <span class=\"text-sm font-bold text-gray-700\">Payment Terms:<\/span>\n <span class=\"font-bold text-sm text-navy\">3-Year Installments<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-6 md:p-8 border-r-0 md:border-r-0 md:border-l-0\">\n <h3 class=\"text-navy font-bold text-lg mb-5 flex items-center gap-2\">\n <i data-lucide=\"home\" class=\"w-5 h-5 text-gold\"><\/i> Benefits of Living in Mandarin Project\n <\/h3>\n <ul class=\"space-y-4 m-0 list-none text-sm text-gray-600\">\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>A blend of coastal lifestyle with convenient urban access.<\/span><\/li>\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>High construction quality and well-designed interior standards.<\/span><\/li>\n <li class=\"flex gap-2 items-start\"><i data-lucide=\"check\" class=\"w-5 h-5 text-jade flex-shrink-0\"><\/i> <span>Suitable for both individual and family living in a calm and prestigious environment.<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"amenities\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Amenities and Hotel-Style Services<\/h2>\n <\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"hotel\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Access to Hotel Facilities<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"waves\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Private Swimming Pool<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"dumbbell\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Fully Equipped Gym<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"badge-help\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Personal Assistant<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"concierge-bell\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Personal and Management Services<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"building-2\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Service Spaces<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"star\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">High-End Quality of Life<\/span>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-sm border border-gray-100 text-center hover:shadow-md transition-shadow flex flex-col items-center justify-center\">\n <i data-lucide=\"shield-check\" class=\"w-8 h-8 text-navy mx-auto mb-3\"><\/i>\n <span class=\"text-xs font-bold text-navy block text-center leading-relaxed\">Professional Management and Services<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"pricing\">\n <div class=\"flex items-center justify-between mb-6\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Units and Sales Terms<\/h2>\n <\/div>\n <\/div>\n <div class=\"bg-white rounded-2xl shadow-card border border-gray-100 overflow-hidden mb-8\">\n <div class=\"overflow-x-auto\">\n <table class=\"w-full text-left border-collapse\">\n <thead>\n <tr class=\"bg-navy border-b border-navy-dark\">\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm\">Unit Type<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Layout<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Starting Price (OMR)<\/th>\n <th class=\"py-4 px-5 font-bold text-white text-xs md:text-sm text-center\">Status<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"border-b border-gray-100 hover:bg-gray-50 transition-colors\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"bed-single\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">One Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Efficient and practical layout<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-base\">170,000<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-green-50 text-green-600 border border-green-200 px-3 py-1 rounded text-xs font-bold\">Available<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors border-b border-gray-100\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"bed-double\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Two Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Suitable for family living<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">Contact Us<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-orange-50 text-orange-600 border border-orange-200 px-3 py-1 rounded text-xs font-bold\">Limited<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-gray-50 transition-colors\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"crown\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Three Bedroom<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Spacious and luxurious living<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-sm\">Contact Us<\/td>\n <td class=\"py-5 px-5 text-center\"><span class=\"inline-block bg-red-50 text-red-600 border border-red-200 px-3 py-1 rounded text-xs font-bold\">Based on Availability<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-200 rounded-2xl p-6 md:p-8 shadow-sm\">\n <h3 class=\"font-bold text-lg text-navy mb-8 text-center flex items-center justify-center gap-2\">\n <i data-lucide=\"calendar-check\" class=\"w-6 h-6 text-gold\"><\/i> Payment and Delivery Terms\n <\/h3>\n <div class=\"relative max-w-3xl mx-auto\">\n <div class=\"hidden md:block absolute top-1\/2 left-10 right-10 h-1 bg-gray-100 -translate-y-1\/2 z-0\"><\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 relative z-10\">\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-navy text-gold rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Start Price<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">170K OMR<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">For selected units<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-navy text-gold rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Delivery<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Ready<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Delivered one year ago<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-2xl shadow-card border border-gray-100 text-center\">\n <div class=\"w-16 h-16 bg-gold text-navy rounded-full flex items-center justify-center mx-auto text-sm font-bold mb-3 border-4 border-white shadow-sm\">Installments<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">3 Years<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Flexible payment terms<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Strategic Location in Shatti Al Qurum<\/h2>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"shopping-bag\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Shopping and Commercial Centers<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Easy access from the project location<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"utensils-crossed\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">International Restaurants<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Near one of Muscat\u2019s finest districts<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"building\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Business Centers and Luxury Hotels<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">A prime setting for living and investment<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white border border-gray-100 p-5 rounded-xl flex items-center gap-4 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0\">\n <i data-lucide=\"waves\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Sea of Oman Coastline<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Enjoy a calm and coastal atmosphere<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-2 h-6 bg-gold rounded-full\"><\/div>\n <h2 class=\"text-2xl font-bold text-navy\">Frequently Asked Questions<\/h2>\n <\/div>\n <div class=\"space-y-4\">\n <details class=\"bg-white border border-gray-200 rounded-2xl shadow-sm p-5 md:p-6 group\">\n <summary class=\"flex justify-between items-center font-bold text-navy text-sm md:text-base cursor-pointer\">\n What types of units are available in the Mandarin project?\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gold group-open:rotate-45 transition-transform\"><\/i>\n <\/summary>\n <div class=\"mt-4 pt-4 border-t border-gray-100 text-gray-600 text-sm leading-relaxed text-justify\">\n This development offers one-bedroom to three-bedroom residences. Each unit has been designed with efficient layouts and practical spaces, making them suitable for both individual and family living.\n <\/div>\n <\/details>\n <details class=\"bg-white border border-gray-200 rounded-2xl shadow-sm p-5 md:p-6 group\">\n <summary class=\"flex justify-between items-center font-bold text-navy text-sm md:text-base cursor-pointer\">\n Are the units in the Mandarin project ready for delivery?\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gold group-open:rotate-45 transition-transform\"><\/i>\n <\/summary>\n <div class=\"mt-4 pt-4 border-t border-gray-100 text-gray-600 text-sm leading-relaxed text-justify\">\n Yes, one of the key advantages of this project is that the units are ready for delivery. This allows buyers to move into occupancy or begin using their property without waiting for project completion.\n <\/div>\n <\/details>\n <\/div>\n <\/section>\n\n <section class=\"block lg:hidden mt-8 mb-4\">\n <div class=\"bg-white rounded-3xl p-8 shadow-premium border border-gray-100 text-center\">\n <div class=\"w-14 h-14 bg-gold\/10 text-gold rounded-full flex items-center justify-center mx-auto mb-4\">\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-xl text-navy mb-2\">Get More Information<\/h3>\n <p class=\"text-xs text-gray-500 mb-8 leading-relaxed\">Fill out the form below to receive the brochure, catalog, and free consultation from our analysts.<\/p>\n <form class=\"space-y-5 text-left mobile-lead-form\">\n <div>\n <label class=\"block text-xs font-bold text-navy mb-2\">Full Name <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"user\" class=\"absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-4 h-4 z-10 pointer-events-none\"><\/i>\n <input type=\"text\" required class=\"w-full pl-12 pr-4 py-3.5 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white text-sm box-border\" placeholder=\"Example: Ali Rezaei\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-xs font-bold text-navy mb-2\">Mobile Number (WhatsApp) <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"phone\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-4 h-4 z-10 pointer-events-none\"><\/i>\n <input type=\"tel\" required dir=\"ltr\" class=\"w-full pl-4 pr-12 py-3.5 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white text-sm text-left box-border\" placeholder=\"+98 912 000 0000\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"w-full bg-gold text-navy hover:bg-yellow-400 font-bold py-4 rounded-xl transition-all duration-300 mt-2 flex justify-center items-center gap-2 border-none cursor-pointer shadow-md\">\n Download Brochure & Consultation\n <i data-lucide=\"download\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <p class=\"text-[11px] text-center text-gray-400 mt-4 m-0 flex items-center justify-center gap-1.5\">\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-jade\"><\/i> Privacy commitment: Your information will remain confidential.\n <\/p>\n <\/form>\n <\/div>\n <\/section>\n <\/div>\n\n <div class=\"w-full lg:w-[35%] order-2 hidden lg:block lg-sticky-sidebar\" id=\"sidebar-container\">\n <div class=\"space-y-6\">\n <div class=\"bg-white rounded-[24px] p-8 shadow-premium border border-gray-100 text-center relative\">\n <div class=\"absolute top-0 left-0 w-full h-2 bg-gold\"><\/div>\n <div class=\"w-14 h-14 bg-gold\/10 text-gold rounded-full flex items-center justify-center mx-auto mb-5 mt-2\">\n <i data-lucide=\"file-text\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h3 class=\"font-bold text-2xl text-navy mb-2\">Get More Information<\/h3>\n <p class=\"text-sm text-gray-500 mb-8 leading-relaxed\">Fill out the form below to receive the brochure, catalog, and free consultation from our analysts.<\/p>\n <form id=\"desktop-lead-form\" class=\"space-y-5 text-left\">\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Full Name <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"user\" class=\"absolute left-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"text\" required class=\"w-full pl-12 pr-4 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm box-border\" placeholder=\"Example: Ali Rezaei\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Mobile Number (WhatsApp) <span class=\"text-red-500\">*<\/span><\/label>\n <div class=\"relative\">\n <i data-lucide=\"phone\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"tel\" required dir=\"ltr\" class=\"w-full pl-4 pr-12 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm text-left box-border\" placeholder=\"+98 912 000 0000\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-navy mb-2\">Email (Optional)<\/label>\n <div class=\"relative\">\n <i data-lucide=\"mail\" class=\"absolute right-4 top-1\/2 transform -translate-y-1\/2 text-gray-400 w-5 h-5 z-10 pointer-events-none\"><\/i>\n <input type=\"email\" dir=\"ltr\" class=\"w-full pl-4 pr-12 py-4 rounded-xl border border-gray-300 focus:outline-none focus:border-navy bg-white transition-colors text-sm text-left box-border\" placeholder=\"mail@example.com\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"w-full bg-gold text-navy hover:bg-yellow-400 font-extrabold text-lg py-4 rounded-xl transition-all duration-300 mt-4 flex justify-center items-center gap-2 border-none cursor-pointer shadow-[0_10px_20px_rgba(245,194,54,0.3)]\">\n Download Brochure & Consultation\n <i data-lucide=\"download\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <p class=\"text-xs text-center text-gray-500 mt-5 m-0 flex items-center justify-center gap-1.5\">\n <i data-lucide=\"shield-check\" class=\"w-4 h-4 text-jade\"><\/i> Privacy commitment: Your information will remain confidential.\n <\/p>\n <\/form>\n <\/div>\n\n <div class=\"bg-white rounded-2xl p-6 shadow-card border border-gray-100 flex items-center gap-4\">\n <div class=\"w-14 h-14 rounded-full bg-gray-50 flex items-center justify-center flex-shrink-0 border border-gray-200\">\n <i data-lucide=\"headset\" class=\"w-6 h-6 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-base text-navy m-0\">Direct Consultation with an Expert<\/h4>\n <p class=\"text-xs text-gray-500 mt-1 mb-2\">No \u043f\u043e\u0441\u0440\u0435\u0434\u043d\u0438\u043a, response within 15 minutes<\/p>\n <a href=\"tel:+96812345678\" class=\"text-navy font-bold dir-ltr hover:text-gold transition-colors text-sm\" style=\"text-decoration:none;\">+968 1234 5678<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:hidden fixed bottom-0 left-0 right-0 bg-white p-3 border-t border-gray-200 shadow-[0_-5px_15px_rgba(0,0,0,0.05)] z-50 flex gap-3\">\n <button onclick=\"document.querySelector('.mobile-lead-form').scrollIntoView({behavior: 'smooth', block: 'center'})\" class=\"flex-1 bg-gold text-navy font-bold py-3.5 rounded-xl text-sm flex items-center justify-center gap-2 border-none\">\n <i data-lucide=\"download\" class=\"w-4 h-4\"><\/i> Download Brochure\n <\/button>\n <a href=\"tel:+96812345678\" class=\"bg-navy border border-navy-dark text-white px-5 rounded-xl flex items-center justify-center\" style=\"text-decoration:none;\">\n <i data-lucide=\"phone-call\" class=\"w-5 h-5\"><\/i>\n <\/a>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n if (typeof lucide !== 'undefined') {\n lucide.createIcons();\n }\n\n const stickySidebar = document.getElementById('sidebar-container');\n if (stickySidebar && window.innerWidth >= 1024) {\n let parent = stickySidebar.parentElement;\n while (parent && parent.tagName !== 'BODY' && parent.tagName !== 'HTML') {\n const style = window.getComputedStyle(parent);\n if (style.overflow === 'hidden' || style.overflowY === 'hidden' || style.overflowX === 'hidden') {\n parent.style.setProperty('overflow', 'visible', 'important');\n }\n parent = parent.parentElement;\n }\n }\n\n const detailsElements = document.querySelectorAll('details');\n detailsElements.forEach((targetDetail) => {\n targetDetail.addEventListener('click', () => {\n detailsElements.forEach((detail) => {\n if (detail !== targetDetail) {\n detail.removeAttribute('open');\n }\n });\n });\n });\n\n const leadForms = document.querySelectorAll('form');\n leadForms.forEach(form => {\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n alert('Your information has been successfully submitted. Skyland experts will contact you shortly.');\n form.reset();\n });\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\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>Mandarin Project – Shatti Al Qurum Muscat Luxury Coastal Project Modern Luxury Living Ready to Move In Mandarin Project Experience luxury living in Shatti Al Qurum, Muscat, with a blend of contemporary architecture, hotel-style services, premium amenities, and a modern lifestyle in one of Oman\u2019s finest coastal destinations. Shatti Al Qurum, Muscat Delivered one year […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4975","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/comments?post=4975"}],"version-history":[{"count":6,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4975\/revisions"}],"predecessor-version":[{"id":4985,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4975\/revisions\/4985"}],"wp:attachment":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/media?parent=4975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}