{"id":2029,"date":"2026-07-16T20:49:50","date_gmt":"2026-07-16T17:49:50","guid":{"rendered":"https:\/\/bellamarportghalib.com\/?page_id=2029"},"modified":"2026-09-02T14:24:20","modified_gmt":"2026-09-02T11:24:20","slug":"gallary","status":"publish","type":"page","link":"https:\/\/bellamarportghalib.com\/pl\/gallary\/","title":{"rendered":"Galeria"},"content":{"rendered":"\n<!-- ============================================================\n     BELLA MAR \u2014 GALLERY PAGE\n     ========================================\n     Tabs clearly separate REAL construction photos from RENDERS\n     to preserve the transparency positioning used across the site.\n     ========================================\n     \ud83d\udd27 Replace all placeholder image URLs (search \"REPLACE-GALLERY\")\n     with your real photo\/render URLs from WordPress Media Library.\n     Paste into a Custom HTML block on the Gallery page\n     (set page template to Full Width first).\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,600&#038;family=Inter:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n.bmgal *, .bmgal *::before, .bmgal *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n:root {\n  --navy:   #1B3A5C;\n  --navy-d: #122A44;\n  --teal:   #0E7C7B;\n  --gold:   #C9952A;\n  --dark:   #2C2C2C;\n  --mid:    #555555;\n  --subtle: #888888;\n  --off:    #FAFAFA;\n  --ff-d:   'Playfair Display', Georgia, serif;\n  --ff-b:   'Inter', system-ui, sans-serif;\n}\n\n.bmgal {\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n  margin-right: calc(-50vw + 50%);\n  margin-top: calc(-50vw + 50%);\n  font-family: var(--ff-b);\n  background: var(--off);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BANNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bmgal__banner {\n  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-d) 100%);\n  padding: clamp(3.5rem, 7vw, 5.5rem) 2.5rem clamp(2.5rem, 5vw, 3.5rem);\n  text-align: center;\n}\n.bmgal__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 10.5px;\n  font-weight: 600;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 1.1rem;\n}\n\/* .bmgal__eyebrow::before, .bmgal__eyebrow::after {\n  content: ''; width: 22px; height: 1.5px; background: var(--gold);\n} *\/\n.bmgal__banner-title {\n  font-family: var(--ff-d);\n  font-size: clamp(2rem, 4.5vw, 3.2rem);\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 0.75rem;\n}\n.bmgal__banner-title em { font-style: italic; color: var(--gold); }\n.bmgal__banner-sub {\n  font-size: 15px;\n  color: rgba(255,255,255,0.68);\n  max-width: 560px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TABS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bmgal__tabs-wrap {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  background: #fff;\n  border-bottom: 1px solid rgba(27,58,92,0.08);\n  box-shadow: 0 2px 12px rgba(27,58,92,0.04);\n}\n.bmgal__tabs {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 1rem 2.5rem;\n  display: flex;\n  gap: 0.6rem;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.bmgal__tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 10px 20px;\n  border-radius: 100px;\n  border: 1.5px solid rgba(27,58,92,0.15);\n  background: #fff;\n  color: var(--navy);\n  font-family: var(--ff-b);\n  font-size: 13.5px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n}\n.bmgal__tab--active {\n  background: var(--navy);\n  border-color: var(--navy);\n  color: #fff;\n}\n.bmgal__tab:hover:not(.bmgal__tab--active) {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.bmgal__tab-badge {\n  font-size: 9px;\n  font-weight: 700;\n  padding: 2px 7px;\n  border-radius: 100px;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n.bmgal__tab-badge--real {\n  background: rgba(14,124,123,0.14);\n  color: var(--teal);\n}\n.bmgal__tab--active .bmgal__tab-badge--real {\n  background: rgba(255,255,255,0.2);\n  color: #fff;\n}\n.bmgal__tab-badge--render {\n  background: rgba(201,149,42,0.15);\n  color: #a8791f;\n}\n.bmgal__tab--active .bmgal__tab-badge--render {\n  background: rgba(255,255,255,0.2);\n  color: #fff;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BODY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bmgal__body {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2.5rem, 5vw, 3.5rem) 2.5rem;\n}\n\n.bmgal__note {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  background: rgba(14,124,123,0.06);\n  border-left: 3px solid var(--teal);\n  border-radius: 0 8px 8px 0;\n  padding: 0.9rem 1.2rem;\n  font-size: 13px;\n  color: var(--dark);\n  margin-bottom: 2rem;\n}\n.bmgal__note strong { color: var(--teal); }\n\n.bmgal__grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 1.1rem;\n}\n\n.bmgal__card {\n  position: relative;\n  border-radius: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  background: #eee;\n  aspect-ratio: 4 \/ 3;\n}\n.bmgal__card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.35s ease;\n}\n.bmgal__card:hover img {\n  transform: scale(1.06);\n}\n.bmgal__card-tag {\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  font-size: 10px;\n  font-weight: 700;\n  padding: 4px 10px;\n  border-radius: 100px;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n}\n.bmgal__card-tag--real {\n  background: rgba(14,124,123,0.85);\n  color: #fff;\n}\n.bmgal__card-tag--render {\n  background: rgba(201,149,42,0.88);\n  color: var(--navy);\n}\n\/* .bmgal__card-caption {\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  padding: 10px 12px 8px;\n  background: linear-gradient(to top, rgba(11,28,46,0.82), transparent);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n} *\/\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIGHTBOX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.bmgal__lightbox {\n  position: fixed;\n  inset: 0;\n  background: rgba(11,28,46,0.92);\n  z-index: 100;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n.bmgal__lightbox--open { display: flex; }\n.bmgal__lightbox-img-wrap {\n  max-width: 92vw;\n  max-height: 84vh;\n  position: relative;\n}\n.bmgal__lightbox-img-wrap img {\n  max-width: 92vw;\n  max-height: 80vh;\n  border-radius: 10px;\n  display: block;\n}\n.bmgal__lightbox-caption {\n  text-align: center;\n  color: #fff;\n  font-size: 13px;\n  margin-top: 12px;\n  opacity: 0.8;\n}\n.bmgal__lightbox-close,\n.bmgal__lightbox-prev,\n.bmgal__lightbox-next {\n  position: absolute;\n  background: rgba(255,255,255,0.12);\n  border: none;\n  color: #fff;\n  border-radius: 50%;\n  width: 42px; height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  font-size: 18px;\n  transition: background 0.2s ease;\n}\n.bmgal__lightbox-close:hover,\n.bmgal__lightbox-prev:hover,\n.bmgal__lightbox-next:hover {\n  background: rgba(255,255,255,0.25);\n}\n.bmgal__lightbox-close { top: -1.5rem; right: -1.5rem; }\n.bmgal__lightbox-prev { left: -60px; top: 50%; transform: translateY(-50%); }\n.bmgal__lightbox-next { right: -60px; top: 50%; transform: translateY(-50%); }\n\n@media (max-width: 700px) {\n  .bmgal__lightbox-close { top: 0.5rem; right: 0.5rem; }\n  .bmgal__lightbox-prev { left: 0.5rem; }\n  .bmgal__lightbox-next { right: 0.5rem; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 560px) {\n  .bmgal__banner { padding: 3rem 1.25rem 2rem; }\n  .bmgal__body { padding: 2rem 1.25rem; }\n  .bmgal__tabs { padding: 0.85rem 1.25rem; gap: 0.4rem; }\n  .bmgal__tab { padding: 8px 14px; font-size: 12.5px; }\n  .bmgal__grid { grid-template-columns: repeat(2, 1fr); gap: 0.6rem; }\n}\n\n.bmgal-reveal {\n  \/* opacity: 0; *\/\n  transform: translateY(16px);\n  transition: opacity 0.45s ease, transform 0.45s ease;\n}\n.bmgal-reveal.bmgal--in { opacity: 1; transform: translateY(0); }\n@media (prefers-reduced-motion: reduce) {\n  .bmgal-reveal { opacity: 1; transform: none; transition: none; }\n}\n<\/style>\n\n<div class=\"bmgal\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BANNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"bmgal__banner\">\n    <p class=\"bmgal__eyebrow\"><\/p>\n    <h1 class=\"bmgal__banner-title\">The Project, <em>In Pictures.<\/em><\/h1>\n    <p class=\"bmgal__banner-sub\">\n      Real construction photos alongside design renders \u2014 clearly labelled, so you always know what you&#8217;re looking at.\n    <\/p>\n    <p class=\"bmgal__banner-sub\" style=\"max-width:640px;margin:0.75rem auto 0;\">\n      Bella Mar is a boutique collection of Port Ghalib Red Sea apartments, duplexes and 1- and 2-bedroom residences, set just 50 metres from the marina in Marsa Alam, Egypt. This gallery brings together real construction photography and design renders across every stage of the project \u2014 from the building&#8217;s fa\u00e7ade and shared pool areas to fully finished interiors, kitchens and bedrooms. Whether you&#8217;re comparing floor plans, checking build quality, or simply picturing your own Red Sea apartment, each photo is clearly labelled. Browse by category using the tabs below, or explore the full collection.\n    <\/p>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TABS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"bmgal__tabs-wrap\">\n    <div class=\"bmgal__tabs\" role=\"tablist\" aria-label=\"Filter gallery\">\n      <button class=\"bmgal__tab bmgal__tab--active\" data-filter=\"all\">All <span class=\"bmgal__tab-badge\" id=\"bmgal-count-all\"><\/span><\/button>\n      <button class=\"bmgal__tab\" data-filter=\"construction\">\n        Construction Progress <span class=\"bmgal__tab-badge\" id=\"bmgal-count-construction\"><\/span> <span class=\"bmgal__tab-badge bmgal__tab-badge--real\">Real Photos<\/span>\n      <\/button>\n      <button class=\"bmgal__tab\" data-filter=\"exterior\">\n        Exterior Design <span class=\"bmgal__tab-badge\" id=\"bmgal-count-exterior\"><\/span> <span class=\"bmgal__tab-badge bmgal__tab-badge--render\">Render<\/span>\n      <\/button>\n      <button class=\"bmgal__tab\" data-filter=\"interior\">\n        Interior Design <span class=\"bmgal__tab-badge\" id=\"bmgal-count-interior\"><\/span> <span class=\"bmgal__tab-badge bmgal__tab-badge--render\">Render<\/span>\n      <\/button>\n      <button class=\"bmgal__tab\" data-filter=\"location\">\n        Port Ghalib Marina <span class=\"bmgal__tab-badge\" id=\"bmgal-count-location\"><\/span> <span class=\"bmgal__tab-badge bmgal__tab-badge--real\">Real Photos<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BODY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"bmgal__body\">\n\n    <div class=\"bmgal__note bmgal-reveal\">\n      <span aria-hidden=\"true\">\u24d8<\/span>\n      <span><strong>Real Photos<\/strong> badges mark actual on-site photography, updated as construction progresses. <strong>Render<\/strong> badges mark architectural visualisations of the finished design.<\/span>\n    <\/div>\n\n    <div class=\"bmgal__grid\" id=\"bmgal-grid\"><!-- injected by JS --><\/div>\n\n    <div class=\"bmgal-reveal\" style=\"margin-top:3rem;background:#fff;border:1.5px solid rgba(201,149,42,0.3);border-radius:16px;padding:clamp(1.75rem, 4vw, 2.5rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;\">\n      <h2 style=\"font-family:var(--ff-d);font-size:1.3rem;font-weight:700;color:var(--navy);\">Like What You See?<\/h2>\n      <p style=\"font-size:13px;color:var(--mid);max-width:440px;\">\n        See which of the 21 residences are still available, or talk to our team about any unit in the gallery above.\n      <\/p>\n      <div style=\"display:flex;gap:12px;flex-wrap:wrap;justify-content:center;\">\n        <a href=\"https:\/\/bellamarportghalib.com\/units-prices\/\" style=\"display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:8px;background:var(--gold);color:var(--navy);text-decoration:none;font-size:13.5px;font-weight:600;\">View Available Units \u2192<\/a>\n        <a href=\"https:\/\/wa.me\/201130924774\" target=\"_blank\" rel=\"noopener nofollow\" style=\"display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:8px;background:transparent;color:var(--navy);border:1.5px solid rgba(27,58,92,0.3);text-decoration:none;font-size:13.5px;font-weight:600;\">\n          <img decoding=\"async\" src=\"https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/icons8-whatsapp-logo-50-1.png\" alt=\"WhatsApp\" style=\"width: 22px; height: 22px;\">\n          Ask About a Unit\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIGHTBOX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"bmgal__lightbox\" id=\"bmgal-lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image viewer\">\n  <button class=\"bmgal__lightbox-prev\" id=\"bmgal-prev\" aria-label=\"Previous image\">\u2039<\/button>\n  <div class=\"bmgal__lightbox-img-wrap\">\n    <button class=\"bmgal__lightbox-close\" id=\"bmgal-close\" aria-label=\"Close\">\u2715<\/button>\n    <img decoding=\"async\" id=\"bmgal-lightbox-img\" src=\"\" alt=\"\">\n    <p class=\"bmgal__lightbox-caption\" id=\"bmgal-lightbox-caption\"><\/p>\n  <\/div>\n  <button class=\"bmgal__lightbox-next\" id=\"bmgal-next\" aria-label=\"Next image\">\u203a<\/button>\n<\/div>\n\n<script>\n(function () {\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     IMAGES \u2014 \ud83d\udd27 replace every REPLACE-GALLERY-... URL with\n     your real photo\/render URLs from WordPress Media Library.\n     Add or remove entries freely; each needs: src, caption,\n     category ('construction' | 'exterior' | 'interior' | 'location'),\n     and isReal (true = real photo, false = render).\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  var IMAGES = [\n    \/\/ Construction progress \u2014 REAL\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/2026_04_23_10_20_IMG_3716-scaled.jpg', category:'construction', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/Screenshot-2026-05-20-093531.png', category:'construction', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-23-at-11.20.05-PM-1.jpeg', category:'construction', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-23-at-11.20.06-PM-2.jpeg', category:'construction', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-05-23-at-11.20.06-PM.jpeg', category:'construction', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-02-at-1.34.04-PM.jpeg', category:'construction', isReal:true },\n\n    \/\/ Exterior design \u2014 RENDER\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/686327910_122174211842943550_4821010164965507869_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/686978232_122174211434943550_335344096094905937_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/683638297_122174211608943550_5053007037839623436_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/684778358_122174211938943550_1525491182012382248_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/684919082_122174211758943550_2914686284163541818_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/05\/686923325_122174211026943550_4896000572778668006_n-1.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/IMG-20250425-WA0100.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/IMG-20250425-WA0109.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/IMG-20250425-WA0110.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/enhanced_D_5-Photo-scaled.png', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/enhanced_D_4-Photo-scaled.png', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/enhanced_D_3-Photo-scaled.png', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/686382479_122174211290943550_3312739852085651992_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/684132356_122174211458943550_1804655675366604526_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/686325200_122174211164943550_8739696384945302692_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/685284749_122174211584943550_7048514987412019468_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/687042668_122174211650943550_2401237020788226920_n.jpg', category:'exterior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/685639585_122174212070943550_2188713270423502420_n.jpg', category:'exterior', isReal:false },\n    \n    \/\/ Interior design \u2014 RENDER\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/Screenshot-5.png', category:'interior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/Screenshot-6.png', category:'interior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/Screenshot-3.png', category:'interior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/Screenshot-7.png', category:'interior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/Screenshot-10.png', category:'interior', isReal:false },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/07\/Screenshot-13.png', category:'interior', isReal:false },\n\n    \/\/ Site & surroundings \u2014 REAL\n    \/\/ \ud83d\udd27 Paste your Port Ghalib photo URLs below (from WordPress Media Library).\n    \/\/ Optional: add a specific caption per photo, e.g. caption:'Port Ghalib Marina at sunset'\n    \/\/ If you add more or fewer than 8, just add\/remove lines the same way.\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/@portghalib.jpeg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/2026_04_21_11_57_IMG_3692-scaled.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/photo_2026-04-20_14-31-57.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/photo_2026-04-20_14-31-47.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/photo_2026-04-20_14-31-42.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/526852624_122116219496943550_88069961013885938_n.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/Agypten-Port-Ghalib-Tipps-fur-deinen-Besuch-Schnorcheln.jpeg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/526898429_122116219238943550_7634908261112692804_n.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/527720800_122116219772943550_925055775635082637_n.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/526998431_122116219892943550_1471981921300880224_n.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/2026_04_21_16_57_IMG_3704-scaled.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/2026_04_21_16_55_IMG_3703-scaled.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/526663938_122116219178943550_1418044856700910968_n.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/527446136_122116219118943550_7900815376952321469_n.jpg', category:'location', isReal:true },\n    { src:'https:\/\/bellamarportghalib.com\/wp-content\/uploads\/2026\/08\/Ga-je-op-vakantie-naar-het-zonnige-Marsa-Alam_\ud83c\udf1e\u2026.jpeg', category:'location', isReal:true },\n  ];\n\n  var grid = document.getElementById('bmgal-grid');\n  var tabs = document.querySelectorAll('.bmgal__tab');\n  var lightbox = document.getElementById('bmgal-lightbox');\n  var lightboxImg = document.getElementById('bmgal-lightbox-img');\n  var lightboxCaption = document.getElementById('bmgal-lightbox-caption');\n  var closeBtn = document.getElementById('bmgal-close');\n  var prevBtn = document.getElementById('bmgal-prev');\n  var nextBtn = document.getElementById('bmgal-next');\n\n  function getLang() {\n    var htmlLang = document.documentElement.lang || '';\n    if (htmlLang.toLowerCase().indexOf('pl') === 0) return 'pl';\n    if (window.location.pathname.indexOf('\/pl\/') !== -1) return 'pl';\n    return 'en';\n  }\n  var LANG = getLang();\n\n  var I18N = {\n    en: {\n      categoryDefaults: {\n        construction: 'Construction progress',\n        exterior: 'Exterior design render',\n        interior: 'Interior design render',\n        location: 'Site & surroundings'\n      },\n      realPhoto: 'Real Photo',\n      render: 'Render'\n    },\n    pl: {\n      categoryDefaults: {\n        construction: 'Post\u0119p budowy',\n        exterior: 'Wizualizacja zewn\u0119trzna',\n        interior: 'Wizualizacja wn\u0119trza',\n        location: 'Okolica i otoczenie'\n      },\n      realPhoto: 'Prawdziwe zdj\u0119cie',\n      render: 'Wizualizacja'\n    }\n  };\n  var t = I18N[LANG];\n\n  function getCaption(img) {\n    return img.caption || t.categoryDefaults[img.category] || 'Bella Mar';\n  }\n\n  var currentList = IMAGES;\n  var currentIndex = 0;\n\n  function updateTabCounts() {\n    var categories = ['construction', 'exterior', 'interior', 'location'];\n    var totalEl = document.getElementById('bmgal-count-all');\n    if (totalEl) totalEl.textContent = IMAGES.length;\n    categories.forEach(function (cat) {\n      var el = document.getElementById('bmgal-count-' + cat);\n      if (el) el.textContent = IMAGES.filter(function (img) { return img.category === cat; }).length;\n    });\n  }\n\n  function renderGrid(filter) {\n    var list = filter === 'all' ? IMAGES : IMAGES.filter(function (img) { return img.category === filter; });\n    currentList = list;\n    grid.innerHTML = '';\n\n    list.forEach(function (img, i) {\n      var card = document.createElement('div');\n      card.className = 'bmgal__card bmgal-reveal';\n      var caption = getCaption(img);\n      card.innerHTML =\n        '<img decoding=\"async\" src=\"' + img.src + '\" alt=\"' + caption + '\" loading=\"lazy\">' +\n        '<span class=\"bmgal__card-tag ' + (img.isReal ? 'bmgal__card-tag--real' : 'bmgal__card-tag--render') + '\">' +\n          (img.isReal ? t.realPhoto : t.render) +\n        '<\/span>';\n\n      card.addEventListener('click', function () { openLightbox(i); });\n      grid.appendChild(card);\n\n      setTimeout(function () { card.classList.add('bmgal--in'); }, 15 * i);\n    });\n  }\n\n  function openLightbox(index) {\n    currentIndex = index;\n    updateLightbox();\n    lightbox.classList.add('bmgal__lightbox--open');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function updateLightbox() {\n    var img = currentList[currentIndex];\n    var caption = getCaption(img);\n    lightboxImg.src = img.src;\n    lightboxImg.alt = caption;\n    lightboxCaption.textContent = caption + ' \u2014 ' + (img.isReal ? t.realPhoto : t.render);\n  }\n\n  function closeLightbox() {\n    lightbox.classList.remove('bmgal__lightbox--open');\n    document.body.style.overflow = '';\n  }\n\n  closeBtn.addEventListener('click', closeLightbox);\n  lightbox.addEventListener('click', function (e) {\n    if (e.target === lightbox) closeLightbox();\n  });\n  prevBtn.addEventListener('click', function () {\n    currentIndex = (currentIndex - 1 + currentList.length) % currentList.length;\n    updateLightbox();\n  });\n  nextBtn.addEventListener('click', function () {\n    currentIndex = (currentIndex + 1) % currentList.length;\n    updateLightbox();\n  });\n  document.addEventListener('keydown', function (e) {\n    if (!lightbox.classList.contains('bmgal__lightbox--open')) return;\n    if (e.key === 'Escape') closeLightbox();\n    if (e.key === 'ArrowLeft') prevBtn.click();\n    if (e.key === 'ArrowRight') nextBtn.click();\n  });\n\n  tabs.forEach(function (tab) {\n    tab.addEventListener('click', function () {\n      tabs.forEach(function (t) { t.classList.remove('bmgal__tab--active'); });\n      this.classList.add('bmgal__tab--active');\n      renderGrid(this.getAttribute('data-filter'));\n    });\n  });\n\n  updateTabCounts();\n  renderGrid('all');\n})();\n<\/script>\n\n\n\n<!-- ============================================================\n     BELLA MAR \u2014 FOOTER\n     ========================================\n     Final conversion point + legal (GDPR) + contact.\n     Contact details pulled from project files:\n       Phone\/WhatsApp: +20 1130924774\n       Email: info@bellamarportghalib.com\n       Web: www.bellamarportghalib.com\n     ========================================\n     Paste into a Custom HTML block at the very bottom.\n     \ud83d\udd27 Update social links + privacy policy URL as needed.\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,600&#038;family=Inter:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n.bmfoot *, .bmfoot *::before, .bmfoot *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n:root {\n  --navy:  #1B3A5C;\n  --navy-d:#122A44;\n  --teal:  #0E7C7B;\n  --gold:  #C9952A;\n  --ff-d:  'Playfair Display', Georgia, serif;\n  --ff-b:  'Inter', system-ui, sans-serif;\n}\n\n.bmfoot {\n  position: relative;\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n  margin-right: calc(-50vw + 50%);\n  margin-bottom: calc(-50vw + 50%);\n  padding: 0;\n  background: var(--navy-d);\n  font-family: var(--ff-b);\n  color: rgba(255,255,255,0.7);\n}\n\n\/* \u2500\u2500 TOP CTA BAND \u2500\u2500 *\/\n.bmfoot__cta-band {\n  background: linear-gradient(135deg, var(--navy) 0%, var(--teal) 100%);\n  padding: clamp(2.5rem, 5vw, 3.5rem) 2.5rem;\n}\n.bmfoot__cta-inner {\n  max-width: 1160px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n.bmfoot__cta-text {\n  flex: 1;\n  min-width: 260px;\n}\n.bmfoot__cta-title {\n  font-family: var(--ff-d);\n  font-size: clamp(1.5rem, 3vw, 2.1rem);\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.2;\n  margin-bottom: 0.5rem;\n}\n.bmfoot__cta-sub {\n  font-size: 14.5px;\n  color: rgba(255,255,255,0.8);\n  line-height: 1.5;\n}\n.bmfoot__cta-sub-pl {\n  font-size: 12.5px;\n  color: rgba(255,255,255,0.55);\n  font-style: italic;\n  margin-top: 4px;\n}\n.bmfoot__cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  padding: 16px 32px;\n  border-radius: 8px;\n  background: var(--gold);\n  color: var(--navy);\n  text-decoration: none;\n  font-size: 15px;\n  font-weight: 600;\n  white-space: nowrap;\n  box-shadow: 0 6px 20px rgba(0,0,0,0.2);\n  transition: background 0.2s ease, transform 0.2s ease;\n}\n.bmfoot__cta-btn:hover {\n  background: #dba830;\n  transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 MAIN FOOTER \u2500\u2500 *\/\n.bmfoot__main {\n  max-width: 1160px;\n  margin: 0 auto;\n  padding: clamp(3rem, 6vw, 4.5rem) 2.5rem clamp(2rem, 4vw, 3rem);\n  display: grid;\n  grid-template-columns: 1.6fr 1fr 1fr 1.2fr;\n  gap: 3rem;\n}\n\n\/* Brand column *\/\n.bmfoot__brand-name {\n  font-family: var(--ff-d);\n  font-size: 1.6rem;\n  font-weight: 700;\n  color: #fff;\n  letter-spacing: 0.02em;\n  margin-bottom: 4px;\n}\n.bmfoot__brand-tag {\n  font-size: 10.5px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--gold);\n  margin-bottom: 1.25rem;\n}\n.bmfoot__brand-desc {\n  font-size: 13.5px;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.6);\n  max-width: 300px;\n  margin-bottom: 1.5rem;\n}\n.bmfoot__badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.bmfoot__badge {\n  font-size: 11px;\n  padding: 5px 11px;\n  border-radius: 100px;\n  border: 1px solid rgba(255,255,255,0.14);\n  color: rgba(255,255,255,0.65);\n}\n\n\/* Column headings *\/\n.bmfoot__col-title {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.9);\n  margin-bottom: 1.25rem;\n}\n\n\/* Link lists *\/\n.bmfoot__links {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 11px;\n}\n.bmfoot__links a {\n  font-size: 13.5px;\n  color: rgba(255,255,255,0.62);\n  text-decoration: none;\n  transition: color 0.2s ease, padding-left 0.2s ease;\n}\n.bmfoot__links a:hover {\n  color: var(--gold);\n  padding-left: 4px;\n}\n\n\/* Contact column *\/\n.bmfoot__contact-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 14px;\n  font-size: 13.5px;\n  color: rgba(255,255,255,0.62);\n}\n.bmfoot__contact-item a {\n  color: rgba(255,255,255,0.62);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n.bmfoot__contact-item a:hover { color: var(--gold); }\n.bmfoot__contact-icon {\n  flex-shrink: 0;\n  margin-top: 2px;\n  color: var(--gold);\n}\n\n\/* Language switch *\/\n.bmfoot__lang {\n  display: flex;\n  gap: 8px;\n  margin-top: 1.5rem;\n}\n.bmfoot__lang-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 14px;\n  border-radius: 6px;\n  border: 1px solid rgba(255,255,255,0.16);\n  background: transparent;\n  color: rgba(255,255,255,0.7);\n  font-size: 12.5px;\n  font-weight: 500;\n  font-family: var(--ff-b);\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s ease, border-color 0.2s ease;\n}\n.bmfoot__lang-btn:hover,\n.bmfoot__lang-btn--active {\n  background: rgba(255,255,255,0.08);\n  border-color: var(--gold);\n  color: #fff;\n}\n\/* Social icons *\/\n.bmfoot__social {\n  display: flex;\n  gap: 8px;\n  margin-top: 1.25rem;\n}\n.bmfoot__social a {\n  width: 34px; height: 34px;\n  border-radius: 9px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.1);\n  color: rgba(255,255,255,0.7);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n}\n.bmfoot__social a:hover {\n  background: var(--gold);\n  border-color: var(--gold);\n  color: var(--navy);\n}\n\n\/* \u2500\u2500 BOTTOM BAR \u2500\u2500 *\/\n.bmfoot__bottom {\n  border-top: 1px solid rgba(255,255,255,0.1);\n}\n.bmfoot__bottom-inner {\n  max-width: 1160px;\n  margin: 0 auto;\n  padding: 1.5rem 2.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.bmfoot__copy {\n  font-size: 12.5px;\n  color: rgba(255,255,255,0.45);\n}\n.bmfoot__legal-links {\n  display: flex;\n  gap: 1.5rem;\n}\n.bmfoot__legal-links a {\n  font-size: 12.5px;\n  color: rgba(255,255,255,0.5);\n  text-decoration: none;\n  transition: color 0.2s ease;\n}\n.bmfoot__legal-links a:hover { color: var(--gold); }\n\n\/* Developer credit *\/\n.bmfoot__developer {\n  font-size: 12px;\n  color: rgba(255,255,255,0.4);\n}\n.bmfoot__developer strong {\n  color: rgba(255,255,255,0.6);\n  font-weight: 600;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 880px) {\n  .bmfoot__main {\n    grid-template-columns: 1fr 1fr;\n    gap: 2.5rem;\n  }\n  .bmfoot__brand { grid-column: 1 \/ -1; }\n}\n@media (max-width: 520px) {\n  .bmfoot__main { grid-template-columns: 1fr; }\n  .bmfoot__cta-inner { flex-direction: column; align-items: flex-start; }\n  .bmfoot__bottom-inner { flex-direction: column; align-items: flex-start; }\n}\n<\/style>\n\n<footer class=\"bmfoot\" aria-label=\"Site footer\">\n\n  <!-- TOP CTA BAND \n  <div class=\"bmfoot__cta-band\">\n    <div class=\"bmfoot__cta-inner\">\n      <div class=\"bmfoot__cta-text\">\n        <h2 class=\"bmfoot__cta-title\">Ready to own your place on the Red Sea?<\/h2>\n        <p class=\"bmfoot__cta-sub\">\n          Download the free Investor Pack \u2014 full pricing, floor plans, and payment plans.\n        <\/p>\n        <p class=\"bmfoot__cta-sub-pl\">\n          Pobierz bezp\u0142atny Pakiet Inwestora \u2014 dost\u0119pny w j\u0119zyku polskim.\n        <\/p>\n      <\/div>\n      <a href=\"#investor-pack\" class=\"bmfoot__cta-btn\">\n        Download Investor Pack\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>-->\n\n  <!-- MAIN -->\n  <div class=\"bmfoot__main\">\n\n    <!-- Brand -->\n    <div class=\"bmfoot__brand\">\n      <div class=\"bmfoot__brand-name\">BELLA MAR<\/div>\n      <div class=\"bmfoot__brand-tag\">Port Ghalib \u00b7 Red Sea \u00b7 Egypt<\/div>\n      <p class=\"bmfoot__brand-desc\">\n        An intimate community of just 21 residences, 50 metres from the marina \u2014\n        fully finished and built for an international community.\n      <\/p>\n      <div class=\"bmfoot__badges\">\n        <span class=\"bmfoot__badge\">No Annual Service Fees<\/span>\n        <span class=\"bmfoot__badge\">Smart Investment<\/span>\n        <span class=\"bmfoot__badge\">Fully Finished<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Explore -->\n    <div class=\"bmfoot__col\">\n      <h3 class=\"bmfoot__col-title\">Explore<\/h3>\n      <ul class=\"bmfoot__links\">\n        <li><a href=\"\/\">Home<\/a><\/li>\n        <li><a href=\"\/units-prices\">Units &amp; Prices<\/a><\/li>\n        <li><a href=\"\/investment\">Investment<\/a><\/li>\n        <li><a href=\"\/legal\">Legal<\/a><\/li>\n        <li><a href=\"\/gallery\">Gallery<\/a><\/li>\n        <li><a href=\"\/faq\">FAQ<\/a><\/li>\n        <li><a href=\"\/contact\">Contact<\/a><\/li>\n        <li><a href=\"\/blog\">Blog<\/a><\/li> \n      <\/ul>\n    <\/div>\n\n    <!-- Buyer info -->\n    <div class=\"bmfoot__col\">\n      <h3 class=\"bmfoot__col-title\">Buyer Info<\/h3>\n      <ul class=\"bmfoot__links\">\n        <li><a href=\"\/faq\">FAQ<\/a><\/li>\n        <li><a href=\"\/legal\">Legal Framework<\/a><\/li>\n        <!-- <li><a href=\"#investor-pack\">Investor Pack<\/a><\/li> -->\n        <li><a href=\"\/contact\">Contact Us<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Contact -->\n    <div class=\"bmfoot__col\">\n      <h3 class=\"bmfoot__col-title\">Get in Touch<\/h3>\n\n      <div class=\"bmfoot__contact-item\">\n        <svg class=\"bmfoot__contact-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n        <\/svg>\n        <a href=\"tel:+201130924774\">+20 113 092 4774<\/a>\n      <\/div>\n\n      <div class=\"bmfoot__contact-item\">\n        <svg class=\"bmfoot__contact-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n          <path d=\"M22 6l-10 7L2 6\"><\/path>\n        <\/svg>\n        <a href=\"mailto:info@bellamarportghalib.com\">info@bellamarportghalib.com<\/a>\n      <\/div>\n\n      <div class=\"bmfoot__contact-item\">\n        <svg class=\"bmfoot__contact-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n          <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n        <\/svg>\n        <span>Port Ghalib Marina, Marsa Alam, Red Sea, Egypt<\/span>\n      <\/div>\n\n      <!-- Language switch (TranslatePress will handle actual switching) \n      <div class=\"bmfoot__lang\">\n        <a href=\"#\" class=\"bmfoot__lang-btn bmfoot__lang-btn--active\">EN English<\/a>\n        <a href=\"#\" class=\"bmfoot__lang-btn\">PL Polski<\/a>\n      <\/div>-->\n      <!-- Social icons -->\n      <div class=\"bmfoot__social\">\n        <a href=\"https:\/\/www.facebook.com\/bellamar.portghalib.eg?mibextid=wwXIfr&#038;mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Facebook\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12a10 10 0 1 0-11.5 9.87v-6.98H7.9V12h2.6V9.8c0-2.56 1.52-3.98 3.86-3.98 1.12 0 2.29.2 2.29.2v2.5h-1.29c-1.27 0-1.67.79-1.67 1.6V12h2.84l-.45 2.89h-2.39v6.98A10 10 0 0 0 22 12z\"\/><\/svg>\n        <\/a>\n        <a href=\"https:\/\/www.instagram.com\/bellamar.portghalib.eg?igsh=aG1vcW1zcjZpZG1k&#038;utm_source=qr\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"Instagram\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.65-.07-4.85s.02-3.58.07-4.85c.15-3.23 1.67-4.77 4.92-4.92 1.27-.06 1.65-.07 4.85-.07zM12 0C8.74 0 8.33.01 7.05.07c-4.35.2-6.78 2.62-6.98 6.98C.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.2 4.36 2.62 6.78 6.98 6.98C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c4.35-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.2-4.35-2.62-6.78-6.98-6.98C15.67.01 15.26 0 12 0zm0 5.84A6.16 6.16 0 1 0 18.16 12 6.16 6.16 0 0 0 12 5.84zM12 16a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm6.41-10.85a1.44 1.44 0 1 0 1.44 1.44 1.44 1.44 0 0 0-1.44-1.44z\"\/><\/svg>\n        <\/a>\n        <!-- <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23.5 6.19a3.02 3.02 0 0 0-2.12-2.14C19.51 3.5 12 3.5 12 3.5s-7.51 0-9.38.55A3.02 3.02 0 0 0 .5 6.19 31.6 31.6 0 0 0 0 12a31.6 31.6 0 0 0 .5 5.81 3.02 3.02 0 0 0 2.12 2.14C4.49 20.5 12 20.5 12 20.5s7.51 0 9.38-.55a3.02 3.02 0 0 0 2.12-2.14A31.6 31.6 0 0 0 24 12a31.6 31.6 0 0 0-.5-5.81zM9.6 15.6V8.4l6.4 3.6z\"\/><\/svg>\n        <\/a> -->\n        <a href=\"https:\/\/wa.me\/201130924774\" target=\"_blank\" rel=\"noopener nofollow\" aria-label=\"WhatsApp\">\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.47 14.38c-.29-.15-1.7-.84-1.96-.93-.26-.1-.46-.15-.65.14-.19.29-.75.93-.92 1.12-.17.19-.34.22-.63.07-.29-.15-1.22-.45-2.32-1.43-.86-.76-1.44-1.71-1.61-2-.17-.29-.02-.45.13-.6.13-.13.29-.34.44-.5.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.5-.07-.15-.65-1.58-.9-2.16-.24-.57-.48-.49-.65-.5-.17-.01-.36-.01-.56-.01-.19 0-.5.07-.77.36-.26.29-1 .98-1 2.4s1.03 2.78 1.17 2.97c.15.19 2.03 3.1 4.92 4.35.69.3 1.22.47 1.64.61.69.22 1.31.19 1.81.11.55-.08 1.7-.7 1.94-1.37.24-.67.24-1.25.17-1.37-.07-.12-.26-.19-.55-.34z\"\/><path d=\"M12.01 2C6.5 2 2 6.48 2 11.98c0 1.85.5 3.58 1.36 5.07L2 22l5.09-1.33a10.05 10.05 0 0 0 4.92 1.28h.01c5.5 0 10-4.48 10-9.98C22 6.48 17.5 2 12.01 2zm0 18.2h-.01a8.2 8.2 0 0 1-4.18-1.15l-.3-.18-3.02.79.81-2.93-.2-.3a8.17 8.17 0 0 1-1.26-4.37c0-4.52 3.7-8.2 8.24-8.2 2.2 0 4.27.86 5.83 2.41a8.14 8.14 0 0 1 2.41 5.8c0 4.52-3.7 8.13-8.32 8.13z\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- BOTTOM BAR -->\n  <div class=\"bmfoot__bottom\">\n    <div class=\"bmfoot__bottom-inner\">\n      <span class=\"bmfoot__copy\">\n        \u00a9 2026 Bella Mar \u00b7 Deutsche House Real Estate \u00b7 Commercial Reg. 247613\n      <\/span>\n      <div class=\"bmfoot__legal-links\">\n        <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n        <a href=\"\/legal\">Legal<\/a>\n        <a href=\"\/contact\">Contact<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>The Project, In Pictures. Real construction photos alongside design renders \u2014 clearly labelled, so you always know what you&#8217;re looking at. Bella Mar is a boutique collection of Port Ghalib Red Sea apartments, duplexes and 1- and 2-bedroom residences, set just 50 metres from the marina in Marsa Alam, Egypt. This gallery brings together real&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2029","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bellamarportghalib.com\/pl\/wp-json\/wp\/v2\/pages\/2029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bellamarportghalib.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bellamarportghalib.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bellamarportghalib.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bellamarportghalib.com\/pl\/wp-json\/wp\/v2\/comments?post=2029"}],"version-history":[{"count":11,"href":"https:\/\/bellamarportghalib.com\/pl\/wp-json\/wp\/v2\/pages\/2029\/revisions"}],"predecessor-version":[{"id":2232,"href":"https:\/\/bellamarportghalib.com\/pl\/wp-json\/wp\/v2\/pages\/2029\/revisions\/2232"}],"wp:attachment":[{"href":"https:\/\/bellamarportghalib.com\/pl\/wp-json\/wp\/v2\/media?parent=2029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}