thesultanatebeach/index.html at main · NiyaliTravel/thesultanatebeach · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>The Sultanate Beach — Opening Soon · Lh. Hinnavaru, Maldives</title>
  <meta name="description" content="The Sultanate Beach — steps from Hinnavaru's swimming beach and turquoise lagoon, Lhaviyani Atoll. From The Sultanate Hotels, opening soon." />
  <link rel="canonical" href="https://thesultanatebeach.com/" />
  <link rel="icon" href="assets/favicon.svg" type="image/svg+xml" />
  <meta name="theme-color" content="#050d1a" />

  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="The Sultanate Hotels" />
  <meta property="og:locale" content="en_GB" />
  <meta property="og:title" content="The Sultanate Beach — Opening Soon" />
  <meta property="og:description" content="Steps from Hinnavaru's swimming beach and turquoise lagoon. Opening soon." />
  <meta property="og:url" content="https://thesultanatebeach.com/" />
  <meta property="og:image" content="https://thesultanatebeach.com/assets/og-image.jpg" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="The Sultanate Beach — Opening Soon" />
  <meta name="twitter:description" content="Steps from Hinnavaru's swimming beach and turquoise lagoon, Lhaviyani Atoll. Opening soon." />
  <meta name="twitter:image" content="https://thesultanatebeach.com/assets/og-image.jpg" />

  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="assets/style.css?v=20260826" />

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "LodgingBusiness",
    "name": "The Sultanate Beach",
    "description": "Steps from Hinnavaru's swimming beach and turquoise lagoon — a barefoot beach house from The Sultanate Hotels. Opening soon.",
    "url": "https://thesultanatebeach.com/",
    "image": "https://thesultanatebeach.com/assets/og-image.jpg",
    "email": "stay@thesultanatehotels.com",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Hinnavaru",
      "addressRegion": "Lhaviyani Atoll",
      "addressCountry": "MV"
    },
    "geo": { "@type": "GeoCoordinates", "latitude": 5.9925, "longitude": 73.4095 },
    "parentOrganization": {
      "@type": "Organization",
      "name": "The Sultanate Hotels",
      "url": "https://thesultanatehotels.com/"
    }
  }
  </script>
</head>
<body>

<a class="skip-link" href="#soon">Skip to content</a>

<header class="site-header">
  <div class="wrap">
    <a class="brand" href="index.html">The Sultanate Beach<small>Lh. Hinnavaru · Maldives</small></a>
    <nav class="main-nav" aria-label="Primary">
      <a href="#soon">Opening Soon</a>
      <a href="#collection">The Collection</a>
      <a href="#enquire">Contact</a>
    </nav>
  </div>
</header>

<div class="hero prop-hero h-beach">
  <div class="hero-photo" data-edit-img="hero" style=""></div>
  <div class="wrap">
    <p class="eyebrow">Lh. Hinnavaru · Lhaviyani Atoll</p>
    <h1>The Sultanate Beach</h1>
    <p class="lede" data-edit="hero-lede">The sunny one. Steps from Hinnavaru's swimming beach and
      turquoise lagoon — barefoot days that start and end on the sand.</p>
    <div class="hero-meta">
      <span style="border-color:#d4b46a;color:#d4b46a">Opening soon</span>
      <span>Beachfront ease</span>
      <span>Turquoise lagoon</span>
    </div>
  </div>
</div>

<section id="soon" class="section-sand">
  <div class="wrap">
    <p class="eyebrow">Opening Soon</p>
    <h2>Something worth the wait</h2>
    <hr class="rule" />
    <div class="two-col" style="margin-top:1.5rem">
      <div>
        <p class="lede" data-edit="soon-lede">The Sultanate Beach is being prepared for its first guests.
          We are not taking bookings yet — dates, rooms and details will be
          announced here first.</p>
        <p>Hinnavaru pairs a lively Maldivian community with the classic
          postcard ingredients — white sand, a calm lagoon and reefs all
          around, in Lhaviyani Atoll, about 120 km north of Malé.</p>
      </div>
      <div>
        <p>Until we open, our sister houses across the collection are ready
          to welcome you — the same standard of welcome, three islands to
          choose from.</p>
        <a class="btn" href="https://thesultanatehotels.com/book.html">Book a sister house</a>
      </div>
    </div>
  </div>
</section>

<section id="collection">
  <div class="wrap">
    <p class="eyebrow">The Sultanate Hotels</p>
    <h2>Stay with us today</h2>
    <hr class="rule" />
    <p class="lede" style="margin-top:1.5rem">While the Beach takes shape, the collection is open across the Maldives.</p>
    <div class="props">
      <a class="prop-card" href="https://thesulatanatebfulhadhoo.com">
        <span class="atoll">B. Fulhadhoo · Baa Atoll</span>
        <h3>The Sultanate<br />Fulhadhoo</h3>
        <p>A castaway escape on an island famed for one of the longest
          untouched beaches in the Maldives.</p>
        <span class="go">Visit website</span>
      </a>
      <a class="prop-card" href="https://thesultanatecourtyard.com">
        <span class="atoll">Lh. Hinnavaru · Lhaviyani Atoll</span>
        <h3>The Sultanate<br />Courtyard</h3>
        <p>An inner-island retreat built around shaded courtyard calm.</p>
        <span class="go">Visit website</span>
      </a>
      <a class="prop-card" href="https://longbeachlaamu.com">
        <span class="atoll">Laamu Atoll</span>
        <h3>The Sultanate<br />Laamu</h3>
        <p>In the deep south, where endless beaches meet legendary surf.</p>
        <span class="go">Visit website</span>
      </a>
    </div>
  </div>
</section>

<section id="enquire" class="section-sand">
  <div class="wrap">
    <p class="eyebrow">Stay in Touch</p>
    <h2>Be first to know</h2>
    <hr class="rule" />
    <p class="lede" style="margin-top:1.5rem">Write to us and we'll let you know the moment
      The Sultanate Beach opens its doors.</p>
    <a class="btn" href="mailto:stay@thesultanatehotels.com?subject=The%20Sultanate%20Beach%20—%20opening%20updates">Keep me posted</a>
  </div>
</section>

<footer>
  <div class="wrap">
    <div class="foot-brand">
      <span class="brand">The Sultanate Beach<small>Lh. Hinnavaru · Maldives</small></span>
      <p>Part of The Sultanate Hotels collection. Opening soon.</p>
      <p class="legal">&copy; 2026 Neo Transcend Pvt Ltd. All rights reserved.</p>
    </div>
    <nav>
      <a href="https://thesulatanatebfulhadhoo.com">The Sultanate Fulhadhoo</a>
      <a href="https://thesultanateedge.com">The Sultanate Edge</a>
      <a href="https://thesultanatecourtyard.com">The Sultanate Courtyard</a>
      <a href="https://longbeachlaamu.com">The Sultanate Laamu</a>
    </nav>
    <nav>
      <a href="https://thesultanatehotels.com/">The Sultanate Hotels</a>
      <a href="mailto:stay@thesultanatehotels.com">stay@thesultanatehotels.com</a>
    </nav>
  </div>
</footer>

</body>
</html>