Hay Al Wafaa Project - Sultan Haitham Smart City<\/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:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Hay-Al-Wafaa-Project-1.webp\" alt=\"Hay Al Wafaa Project in Sultan Haitham Smart City\" 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\">\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> Smart Residential 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 Smart Urban 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 H2 2027 Handover\n <\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-5 leading-tight\">The <span class=\"text-gold\">Hay Al Wafaa<\/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 A distinctive modern living experience in Sultan Haitham Smart City; a residential project offering a wide range of units from studios to villas, a 5-year payment plan, practical lifestyle amenities, and a promising location for both living and investment.\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> Sultan Haitham Smart City\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> Handover: H2 2027\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> Advantage: <span class=\"font-bold ml-1 text-gold\">5-Year Installments + Unit Variety<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-auto flex justify-center\">\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-gold font-bold text-xl mt-1\">OMR<\/span>\n <span class=\"text-white font-bold text-4xl\">57,000<\/span>\n <\/div>\n <div class=\"flex justify-between items-center text-xs\">\n <span class=\"text-gray-300\">Flexible purchase terms<\/span>\n <span class=\"text-navy font-bold bg-gold px-2 py-1 rounded\">5-Year Installments<\/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\">Modern Living in the Heart of Sultan Haitham Smart City<\/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-left text-sm md:text-base relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-full h-1 bg-gold\"><\/div>\n <p class=\"mb-5\">\n The <strong>Hay Al Wafaa<\/strong> project is located within one of Oman\u2019s most important new urban developments, <strong>Sultan Haitham Smart City<\/strong>; an area recognized as a smart, sustainable, and future-focused urban project. With an emphasis on modern lifestyle, convenient accessibility, and designs tailored to the needs of families and investors, this project has become one of the notable options in Muscat\u2019s real estate market.\n <\/p>\n <p class=\"mb-0\">\n With a variety of unit types ranging from studios to 1- to 3-bedroom apartments, townhouses, and villas, along with attractive starting prices, a clear handover timeline, and a 5-year installment plan, Hay Al Wafaa is a balanced project for buyers seeking a combination of residence, capital growth, and phased purchasing within a developing smart city.\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\/Hay-Al-Wafaa-Project-2.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Hay Al Wafaa Project Concept 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\">Smart urban lifestyle focused on family living and investment<\/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\/Hay-Al-Wafaa-Project-3.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Hay Al Wafaa Project View\">\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\/Hay-Al-Wafaa-Project-4.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Hay Al Wafaa 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-base md:text-lg font-bold text-gold mb-4 relative z-10 whitespace-nowrap\">Prime Location in Sultan Haitham Smart City<\/h3>\n <p class=\"text-sm text-gray-300 leading-loose text-left relative z-10 m-0\">\n Sultan Haitham Smart City is recognized as one of Oman\u2019s most important future urban development projects. With its smart, sustainable, and master-planned approach, the city provides a strong foundation for new residential developments and has attracted the attention of both local and international buyers from a living and investment perspective.\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-lg font-bold text-navy mb-4\">Diverse Unit Types and Practical Project Structure<\/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> Diverse units from studios to 3-bedroom apartments for different needs\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"home\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Townhouses and villas for buyers seeking larger living spaces\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"calendar-range\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Handover in H2 2027 with 5-year purchase terms\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\">A Balanced Option 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\">\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> Living Benefits at Hay Al Wafaa\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>Located in a new smart city with a modern, sustainable, and planned approach.<\/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>A suitable range of units from studios to villas for individuals, couples, and families.<\/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>Essential lifestyle amenities such as a swimming pool and play park for better daily living.<\/span><\/li>\n <\/ul>\n <\/div>\n <div class=\"p-6 md:p-8 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 Benefits\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\">Sultan Haitham Smart City<\/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\">Starting price:<\/span>\n <span class=\"font-bold text-sm text-jade\">Around OMR 57,000<\/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\">Purchase advantage:<\/span>\n <span class=\"font-bold text-sm text-navy\">5-year installments and diverse unit types<\/span>\n <\/div>\n <\/div>\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\">Project Amenities and 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=\"trees\" 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\">Play Park<\/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=\"droplets\" 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\">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=\"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\">Located in a Smart City<\/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=\"layout-grid\" 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\">Wide Unit Variety<\/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=\"calendar-range\" 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\">H2 2027 Handover<\/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=\"wallet\" 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\">5-Year Installment Payment<\/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=\"map\" 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\">Promising Location in Muscat<\/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\">Suitable for Living and Investment<\/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=\"square\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Studio<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Suitable for economical purchase and investment<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-base\">57,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\">1 to 3 Bedrooms<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Suitable variety 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 border-b border-gray-100\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"building\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Townhouse<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">A suitable choice for more space<\/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\">Subject to availability<\/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=\"house\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Villa<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Suitable for families seeking greater independence<\/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\">Subject to 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 Handover 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\">Starting Price<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Around OMR 57,000<\/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\">Handover<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">H2 2027<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Clear timeline for buyers<\/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\">5 Years<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Flexible purchase terms for buyers<\/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 Sultan Haitham Smart City<\/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=\"building-2\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Located in one of Oman\u2019s most important new developments<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">A project within a smart, planned, and future-oriented city<\/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=\"map-pinned\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Situated within Wilayat Seeb<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">One of Muscat\u2019s important and well-known areas for urban development<\/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=\"cpu\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">A smart and sustainable city of the future<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">An ideal environment for modern living and long-term value growth<\/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=\"trending-up\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Strong potential for capital growth<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Suitable for buyers seeking early entry into a promising development<\/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 offered in Hay Al Wafaa?\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-left\">\n Hay Al Wafaa offers a diverse selection of unit types, including studios, 1- to 3-bedroom apartments, townhouses, and villas. This variety makes the project suitable for a broad range of buyers, from investors to families.\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 What is the main advantage of buying in Hay Al Wafaa?\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-left\">\n The main advantage of this project is its location in Sultan Haitham Smart City, one of Oman\u2019s promising future developments, alongside a starting price of around OMR 57,000, a 5-year installment plan, and a wide variety of units, making it attractive for both living and investment.\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 a free consultation with 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: John Smith\">\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 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=\"tel\" required dir=\"ltr\" 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 text-left box-border\" placeholder=\"+968 1234 5678\">\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 and 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 is secure.\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 right-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 a free consultation with 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: John Smith\">\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 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=\"tel\" required dir=\"ltr\" 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 text-left box-border\" placeholder=\"+968 1234 5678\">\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 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=\"email\" dir=\"ltr\" 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 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 and 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 is secure.\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 intermediaries, 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> Get 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 submitted successfully. Skyland consultants will contact you soon.');\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>Hay Al Wafaa Project – Sultan Haitham Smart City Smart Residential Project Smart Urban Living H2 2027 Handover The Hay Al Wafaa Project A distinctive modern living experience in Sultan Haitham Smart City; a residential project offering a wide range of units from studios to villas, a 5-year payment plan, practical lifestyle amenities, and a […]<\/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-4601","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4601","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=4601"}],"version-history":[{"count":12,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4601\/revisions"}],"predecessor-version":[{"id":4863,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4601\/revisions\/4863"}],"wp:attachment":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/media?parent=4601"}],"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 Hay Al Wafaa Project - Sultan Haitham Smart City<\/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:\/\/skyland.om\/wp-content\/uploads\/2026\/05\/Hay-Al-Wafaa-Project-1.webp\" alt=\"Hay Al Wafaa Project in Sultan Haitham Smart City\" 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\">\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> Smart Residential 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 Smart Urban 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 H2 2027 Handover\n <\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-5 leading-tight\">The <span class=\"text-gold\">Hay Al Wafaa<\/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 A distinctive modern living experience in Sultan Haitham Smart City; a residential project offering a wide range of units from studios to villas, a 5-year payment plan, practical lifestyle amenities, and a promising location for both living and investment.\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> Sultan Haitham Smart City\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> Handover: H2 2027\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> Advantage: <span class=\"font-bold ml-1 text-gold\">5-Year Installments + Unit Variety<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-auto flex justify-center\">\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-gold font-bold text-xl mt-1\">OMR<\/span>\n <span class=\"text-white font-bold text-4xl\">57,000<\/span>\n <\/div>\n <div class=\"flex justify-between items-center text-xs\">\n <span class=\"text-gray-300\">Flexible purchase terms<\/span>\n <span class=\"text-navy font-bold bg-gold px-2 py-1 rounded\">5-Year Installments<\/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\">Modern Living in the Heart of Sultan Haitham Smart City<\/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-left text-sm md:text-base relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-full h-1 bg-gold\"><\/div>\n <p class=\"mb-5\">\n The <strong>Hay Al Wafaa<\/strong> project is located within one of Oman\u2019s most important new urban developments, <strong>Sultan Haitham Smart City<\/strong>; an area recognized as a smart, sustainable, and future-focused urban project. With an emphasis on modern lifestyle, convenient accessibility, and designs tailored to the needs of families and investors, this project has become one of the notable options in Muscat\u2019s real estate market.\n <\/p>\n <p class=\"mb-0\">\n With a variety of unit types ranging from studios to 1- to 3-bedroom apartments, townhouses, and villas, along with attractive starting prices, a clear handover timeline, and a 5-year installment plan, Hay Al Wafaa is a balanced project for buyers seeking a combination of residence, capital growth, and phased purchasing within a developing smart city.\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\/Hay-Al-Wafaa-Project-2.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Hay Al Wafaa Project Concept 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\">Smart urban lifestyle focused on family living and investment<\/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\/Hay-Al-Wafaa-Project-3.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Hay Al Wafaa Project View\">\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\/Hay-Al-Wafaa-Project-4.webp\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Hay Al Wafaa 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-base md:text-lg font-bold text-gold mb-4 relative z-10 whitespace-nowrap\">Prime Location in Sultan Haitham Smart City<\/h3>\n <p class=\"text-sm text-gray-300 leading-loose text-left relative z-10 m-0\">\n Sultan Haitham Smart City is recognized as one of Oman\u2019s most important future urban development projects. With its smart, sustainable, and master-planned approach, the city provides a strong foundation for new residential developments and has attracted the attention of both local and international buyers from a living and investment perspective.\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-lg font-bold text-navy mb-4\">Diverse Unit Types and Practical Project Structure<\/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> Diverse units from studios to 3-bedroom apartments for different needs\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"home\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Townhouses and villas for buyers seeking larger living spaces\n <\/li>\n <li class=\"flex items-center gap-3 text-sm text-gray-600\">\n <i data-lucide=\"calendar-range\" class=\"w-5 h-5 text-gold flex-shrink-0\"><\/i> Handover in H2 2027 with 5-year purchase terms\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\">A Balanced Option 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\">\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> Living Benefits at Hay Al Wafaa\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>Located in a new smart city with a modern, sustainable, and planned approach.<\/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>A suitable range of units from studios to villas for individuals, couples, and families.<\/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>Essential lifestyle amenities such as a swimming pool and play park for better daily living.<\/span><\/li>\n <\/ul>\n <\/div>\n <div class=\"p-6 md:p-8 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 Benefits\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\">Sultan Haitham Smart City<\/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\">Starting price:<\/span>\n <span class=\"font-bold text-sm text-jade\">Around OMR 57,000<\/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\">Purchase advantage:<\/span>\n <span class=\"font-bold text-sm text-navy\">5-year installments and diverse unit types<\/span>\n <\/div>\n <\/div>\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\">Project Amenities and 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=\"trees\" 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\">Play Park<\/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=\"droplets\" 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\">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=\"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\">Located in a Smart City<\/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=\"layout-grid\" 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\">Wide Unit Variety<\/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=\"calendar-range\" 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\">H2 2027 Handover<\/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=\"wallet\" 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\">5-Year Installment Payment<\/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=\"map\" 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\">Promising Location in Muscat<\/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\">Suitable for Living and Investment<\/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=\"square\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Studio<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Suitable for economical purchase and investment<\/td>\n <td class=\"py-5 px-5 text-center font-bold text-navy text-base\">57,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\">1 to 3 Bedrooms<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Suitable variety 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 border-b border-gray-100\">\n <td class=\"py-5 px-5\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"building\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Townhouse<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">A suitable choice for more space<\/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\">Subject to availability<\/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=\"house\" class=\"w-5 h-5 text-gray-400\"><\/i>\n <span class=\"font-bold text-navy text-sm\">Villa<\/span>\n <\/div>\n <\/td>\n <td class=\"py-5 px-5 text-center text-gray-600 text-sm\">Suitable for families seeking greater independence<\/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\">Subject to 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 Handover 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\">Starting Price<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Around OMR 57,000<\/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\">Handover<\/div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">H2 2027<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Clear timeline for buyers<\/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\">5 Years<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Flexible purchase terms for buyers<\/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 Sultan Haitham Smart City<\/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=\"building-2\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Located in one of Oman\u2019s most important new developments<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">A project within a smart, planned, and future-oriented city<\/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=\"map-pinned\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Situated within Wilayat Seeb<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">One of Muscat\u2019s important and well-known areas for urban development<\/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=\"cpu\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">A smart and sustainable city of the future<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">An ideal environment for modern living and long-term value growth<\/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=\"trending-up\" class=\"w-5 h-5 text-navy\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy text-sm mb-1\">Strong potential for capital growth<\/h4>\n <p class=\"text-xs text-gray-500 m-0\">Suitable for buyers seeking early entry into a promising development<\/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 offered in Hay Al Wafaa?\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-left\">\n Hay Al Wafaa offers a diverse selection of unit types, including studios, 1- to 3-bedroom apartments, townhouses, and villas. This variety makes the project suitable for a broad range of buyers, from investors to families.\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 What is the main advantage of buying in Hay Al Wafaa?\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-left\">\n The main advantage of this project is its location in Sultan Haitham Smart City, one of Oman\u2019s promising future developments, alongside a starting price of around OMR 57,000, a 5-year installment plan, and a wide variety of units, making it attractive for both living and investment.\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 a free consultation with 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: John Smith\">\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 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=\"tel\" required dir=\"ltr\" 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 text-left box-border\" placeholder=\"+968 1234 5678\">\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 and 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 is secure.\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 right-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 a free consultation with 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: John Smith\">\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 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=\"tel\" required dir=\"ltr\" 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 text-left box-border\" placeholder=\"+968 1234 5678\">\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 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=\"email\" dir=\"ltr\" 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 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 and 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 is secure.\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 intermediaries, 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> Get 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 submitted successfully. Skyland consultants will contact you soon.');\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>Hay Al Wafaa Project – Sultan Haitham Smart City Smart Residential Project Smart Urban Living H2 2027 Handover The Hay Al Wafaa Project A distinctive modern living experience in Sultan Haitham Smart City; a residential project offering a wide range of units from studios to villas, a 5-year payment plan, practical lifestyle amenities, and a […]<\/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-4601","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4601","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=4601"}],"version-history":[{"count":12,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4601\/revisions"}],"predecessor-version":[{"id":4863,"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/pages\/4601\/revisions\/4863"}],"wp:attachment":[{"href":"https:\/\/skyland.om\/en\/wp-json\/wp\/v2\/media?parent=4601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}