noble-website

byWaseem AI Integration

Build a complete multi-page website for MAS International — a strategic advisory firm based in Muscat, Oman that helps global technology companies enter sovereign institutional markets across Oman and the GCC. Design & Theme: Dark futuristic aesthetic throughout. Background colors: deep base #06080f , mid #0c1220 , surface #111a2e . Gold accent color #c9a84c . White text at varying opacities (95%, 50%, 35%). Serif font (Cormorant Garamond) for headings, clean sans-serif for body. Grid dot patterns, radial gold glows, and horizontal gold rule dividers for atmosphere. Staggered fade-in and slide-up animations on all sections using the motion library (animate on scroll with whileInView). Gold top-border reveals on hover for cards. No white or bright screens anywhere. Logo: Use https://hercules-cdn.com/file_hn6msGYE3luDti5Yjn9uyJMX as the logo in both the navbar and footer. Shared Layout: Fixed navbar with scroll-aware dark background, gold active link highlight, mobile hamburger menu with animated expand/collapse Footer with logo, navigation links, Muscat office address (Muscat Hills Tower 1, 6th Floor – Office 09, Muscat Hills), and copyright Pages to build: 1. Homepage (/) Hero: Background image /images/hero-home.jpg, headline "Where Global Technology Meets Sovereign Opportunity", sub-headline about bridging global tech with sovereign institutional markets, two CTA buttons: "Explore Engagement Model" and "Partner With MAS" "What MAS Does" section: MAS operates at the intersection of global technology innovation, sovereign investors, and national institutions — enabling structured technology deployment "Why Companies Partner With MAS" grid (4 cards): Sovereign Market Access, Institutional Deployment Expertise, Regulatory & Strategic Navigation (with a gold link to https://vision2040.om for "Vision 2040"), GCC Expansion Platform Strategic Platform Pathway strip: 5 numbered steps — Innovation → Institutional Alignment → Pilot Deployment → National Adoption → GCC Expansion Strategic Focus Areas: 4 cards — Digital Health, AI & Data Infrastructure, Cybersecurity, Emerging Deep Technologies MAS Ecosystem grid: Global Technology Innovators, Government Institutions, Sovereign Investors, Industry Operators Final CTA linking to Contact 2. About (/about) Hero: "About MAS International" Firm overview: strategic advisory firm, not a lobbyist or distributor — operates as a sovereign market access platform Operating philosophy: 5 bullet points covering institutional relationships, long-term deployment over quick sales, alignment with national strategies, sovereign investor relationships, GCC expansion Include the image /images/mas-ai-image.jpg as a visual accent beside the overview text CTA to Strategic Platform 3. Operating Model (/operating-model) Hero: "The MAS Operating Model" Pathway strip: Technology Introduction → Institutional Alignment → Pilot Programs → National Deployment → Regional Expansion Six value-creation steps in detail: Technology Engagement, Sovereign Alignment, Institutional Engagement, Pilot Programs, National Deployment, Regional Expansion — each with description Reference to Vision 2040 with gold link to https://vision2040.om CTA to Engagement Model 4. Engagement Model (/engagement) Hero: "MAS Engagement Model" Four phases with detailed descriptions: Phase 1 Strategic Assessment, Phase 2 Institutional Engagement Architecture, Phase 3 Deployment Strategy, Phase 4 Regional Expansion Visual pathway strip of the four phases CTA to Partner page 5. Strategic Platform (/strategic-platform) Hero: "Shaping Pathways for Technology Deployment in Oman and the GCC" Introduction on institutional market entry challenges Strategic position: 3 areas — Technology Innovation, Institutional Ecosystems, Strategic Capital Four detailed focus area sections: Digital Health Infrastructure, AI & Data Infrastructure, Cybersecurity & Critical Infrastructure, Emerging Strategic Technologies Pathway visualization Key statement blockquote: "MAS International enables advanced technologies to move from innovation to institutional deployment across Oman and the GCC." Include the globe image /images/globe.jpg as a decorative visual element Engagement philosophy list CTA to Contact 6. Partner With MAS (/partner) Hero: "Partner With MAS International" "Ideal Partners" qualification list: companies with proven technology, seeking institutional adoption, aligned with national development priorities, able to commit to structured deployment programs "What MAS Is Not" list: not a sales agent, distributor, lobbyist, or short-term deal maker Strategic Engagements grid: Proof of Concept Programs, Regulatory Navigation, Sovereign Investor Introductions, Pilot Program Structuring, National Deployment Strategy, GCC Expansion Planning CTA to Contact 7. Contact (/contact) Hero: "Get In Touch" Address card: Muscat Hills Tower 1, 6th Floor – Office 09, Muscat Hills, Muscat, Sultanate of Oman Website: masinternational.om Engagement approach description Focus area tags: Digital Health, AI & Data, Cybersecurity, Smart Cities, Energy, Emerging Tech Map placeholder strip 8. Technologies (/technologies) Hero: "Technologies" with subtitle about driving progress aligned with Oman's national development strategy Six sectors in a 2-column grid (each with icon, subtitle, full description, and topic tags): Healthcare Innovation, Smart Cities & Infrastructure, Education & Workforce Development, Energy & Environmental Sustainability, Economic Sectors & Innovation, Data Analytics & Insights "Commitment to Partnerships and Innovation" section Oman Vision 2040 card with a button that opens the PDF https://hercules-cdn.com/file_S9uAwxbBW3Tafzm83et2ILq1 in a new tab, plus a link to https://vision2040.om Stats strip: 6 Focus Sectors, 2040 Vision Horizon, GCC Regional Reach, 100% Institutional Focus CTA to Partner and Contact pages All "Vision 2040" text references across the site should be styled as a gold hyperlink to https://vision2040.om