{"id":36988,"date":"2026-07-26T10:57:50","date_gmt":"2026-07-26T10:57:50","guid":{"rendered":"https:\/\/rbsalon.pk\/?page_id=36988"},"modified":"2026-07-26T12:41:26","modified_gmt":"2026-07-26T12:41:26","slug":"rb-salon-home","status":"publish","type":"page","link":"https:\/\/rbsalon.pk\/","title":{"rendered":"RB Salon Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36988\" class=\"elementor elementor-36988\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-8f00dc9 e-flex e-con-boxed e-con e-parent\" data-id=\"8f00dc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-102e189 elementor-widget elementor-widget-html\" data-id=\"102e189\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- RB SALON: Hero + Branch Selection Section\r\nPaste this entire block into an Elementor \"HTML\" widget.\r\nReplace the image URLs and links marked below.\r\n-->\r\n\r\n<section class=\"rb-home\" id=\"rb-home\">\r\n  <style>\r\n    .rb-home,\r\n    .rb-home * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .rb-home {\r\n      --rb-black: #0b0b0b;\r\n      --rb-dark: #151515;\r\n      --rb-gold: #c49a63;\r\n      --rb-gold-light: #e4c08a;\r\n      --rb-white: #ffffff;\r\n      --rb-muted: #d5d5d5;\r\n      font-family: Montserrat, Arial, sans-serif;\r\n      color: var(--rb-white);\r\n      background: var(--rb-black);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .rb-hero {\r\n      position: relative;\r\n      min-height: 760px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 120px 24px 80px;\r\n      background:\r\n        linear-gradient(90deg, rgba(0,0,0,.30), rgba(0,0,0,.72) 43%, rgba(0,0,0,.72) 57%, rgba(0,0,0,.30)),\r\n        url(\"http:\/\/rbsalon.pk\/wp-content\/uploads\/2026\/07\/rb-salon-hero.jpg\") center\/cover no-repeat;\r\n    }\r\n\r\n    .rb-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: radial-gradient(circle at center, rgba(196,154,99,.14), transparent 42%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .rb-hero-inner {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: min(1180px, 100%);\r\n      text-align: center;\r\n    }\r\n\r\n    .rb-logo-wrap {\r\n      margin: 0 auto 16px;\r\n      width: 118px;\r\n      height: 118px;\r\n      border-radius: 50%;\r\n      display: grid;\r\n      place-items: center;\r\n      border: 3px solid var(--rb-gold);\r\n      background: rgba(0,0,0,.48);\r\n      box-shadow: 0 14px 40px rgba(0,0,0,.35);\r\n    }\r\n\r\n    .rb-logo-wrap img {\r\n      width: 82%;\r\n      height: 82%;\r\n      object-fit: contain;\r\n      filter: brightness(0) invert(1);\r\n    }\r\n\r\n    .rb-brand {\r\n      margin: 0;\r\n      font-size: clamp(46px, 7vw, 96px);\r\n      line-height: .95;\r\n      font-weight: 800;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .rb-tagline {\r\n      margin: 18px 0 26px;\r\n      color: var(--rb-gold-light);\r\n      font-size: clamp(13px, 1.4vw, 18px);\r\n      font-weight: 700;\r\n      letter-spacing: .22em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .rb-intro {\r\n      margin: 0 auto 38px;\r\n      max-width: 620px;\r\n      color: #f2f2f2;\r\n      font-size: clamp(20px, 2.1vw, 30px);\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .rb-branch-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 22px;\r\n      max-width: 840px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .rb-branch-card {\r\n      position: relative;\r\n      min-height: 210px;\r\n      padding: 34px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: flex-end;\r\n      text-align: left;\r\n      border: 1px solid rgba(255,255,255,.16);\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      text-decoration: none;\r\n      color: var(--rb-white);\r\n      background-size: cover;\r\n      background-position: center;\r\n      box-shadow: 0 18px 50px rgba(0,0,0,.32);\r\n      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\r\n    }\r\n\r\n    .rb-branch-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, rgba(0,0,0,.92), rgba(0,0,0,.20));\r\n    }\r\n\r\n    .rb-branch-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .rb-branch-card:hover {\r\n      transform: translateY(-6px);\r\n      border-color: var(--rb-gold);\r\n      box-shadow: 0 24px 60px rgba(0,0,0,.45);\r\n    }\r\n\r\n    .rb-ladies {\r\n      background-image: url(\"http:\/\/rbsalon.pk\/wp-content\/uploads\/2026\/07\/rb-salon-ladies-branch.jpg\");\r\n    }\r\n\r\n    .rb-gents {\r\n      background-image: url(\"http:\/\/rbsalon.pk\/wp-content\/uploads\/2026\/07\/rb-salon-gents-branch.jpg\");\r\n    }\r\n\r\n    .rb-card-label {\r\n      color: var(--rb-gold-light);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: .18em;\r\n      text-transform: uppercase;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .rb-card-title {\r\n      margin: 0;\r\n      font-size: 28px;\r\n      line-height: 1.1;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .rb-card-services {\r\n      margin: 10px 0 20px;\r\n      color: var(--rb-muted);\r\n      line-height: 1.55;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .rb-card-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      width: fit-content;\r\n      padding: 12px 17px;\r\n      border-radius: 8px;\r\n      background: var(--rb-gold);\r\n      color: #111;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: .07em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .rb-branches {\r\n      padding: 85px 24px 95px;\r\n      background: #f7f3ee;\r\n      color: #151515;\r\n    }\r\n\r\n    .rb-section-inner {\r\n      width: min(1180px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .rb-eyebrow {\r\n      margin: 0 0 10px;\r\n      color: #a47742;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: .18em;\r\n      text-align: center;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .rb-section-title {\r\n      margin: 0 0 44px;\r\n      text-align: center;\r\n      font-size: clamp(32px, 4vw, 52px);\r\n      line-height: 1.1;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .rb-info-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 30px;\r\n    }\r\n\r\n    .rb-info-card {\r\n      padding: 22px;\r\n      border-radius: 18px;\r\n      background: #fff;\r\n      box-shadow: 0 18px 55px rgba(35,25,15,.10);\r\n    }\r\n\r\n    .rb-info-image {\r\n      min-height: 290px;\r\n      border-radius: 13px;\r\n      background-size: cover;\r\n      background-position: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .rb-info-card h3 {\r\n      margin: 0 0 10px;\r\n      font-size: 28px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .rb-info-card p {\r\n      margin: 0 0 22px;\r\n      color: #5c5c5c;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .rb-info-card ul {\r\n      padding: 0;\r\n      margin: 0 0 24px;\r\n      list-style: none;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n    }\r\n\r\n    .rb-info-card li {\r\n      padding: 8px 11px;\r\n      border-radius: 999px;\r\n      background: #f1e7da;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .rb-dark-button {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      padding: 13px 18px;\r\n      border-radius: 8px;\r\n      background: #111;\r\n      color: #fff !important;\r\n      text-decoration: none;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      letter-spacing: .06em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .rb-hero {\r\n        min-height: auto;\r\n        padding: 92px 16px 58px;\r\n        background-position: center;\r\n      }\r\n\r\n      .rb-logo-wrap {\r\n        width: 92px;\r\n        height: 92px;\r\n      }\r\n\r\n      .rb-brand {\r\n        font-size: 47px;\r\n      }\r\n\r\n      .rb-tagline {\r\n        letter-spacing: .11em;\r\n        line-height: 1.6;\r\n      }\r\n\r\n      .rb-intro {\r\n        font-size: 21px;\r\n        margin-bottom: 28px;\r\n      }\r\n\r\n      .rb-branch-grid,\r\n      .rb-info-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .rb-branch-card {\r\n        min-height: 230px;\r\n        padding: 26px;\r\n      }\r\n\r\n      .rb-branches {\r\n        padding: 65px 16px 72px;\r\n      }\r\n\r\n      .rb-section-title {\r\n        margin-bottom: 30px;\r\n      }\r\n\r\n      .rb-info-image {\r\n        min-height: 230px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"rb-hero\">\r\n    <div class=\"rb-hero-inner\">\r\n      <div class=\"rb-logo-wrap\">\r\n        <img decoding=\"async\" src=\"http:\/\/rbsalon.pk\/wp-content\/uploads\/2026\/07\/RB-SALON-LOGO.png\" alt=\"RB Salon logo\">\r\n      <\/div>\r\n\r\n      <h1 class=\"rb-brand\">RB SALON<\/h1>\r\n      <div class=\"rb-tagline\">Professional \u2022 Trusted \u2022 Safe<\/div>\r\n      <p class=\"rb-intro\">Two Dedicated Branches.<br>One Trusted Brand.<\/p>\r\n\r\n      <div class=\"rb-branch-grid\">\r\n        <a class=\"rb-branch-card rb-ladies\" href=\"\/ladies\/\">\r\n          <span class=\"rb-card-label\">Choose your experience<\/span>\r\n          <h2 class=\"rb-card-title\">Ladies Salon<\/h2>\r\n          <p class=\"rb-card-services\">Hair \u2022 Makeup \u2022 Skin \u2022 Nails \u2022 Bridal<\/p>\r\n          <span class=\"rb-card-button\">Explore Ladies \u2192<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"rb-branch-card rb-gents\" href=\"\/gents\/\">\r\n          <span class=\"rb-card-label\">Choose your experience<\/span>\r\n          <h2 class=\"rb-card-title\">Gents Salon<\/h2>\r\n          <p class=\"rb-card-services\">Haircut \u2022 Beard \u2022 Styling \u2022 Skin \u2022 Kids<\/p>\r\n          <span class=\"rb-card-button\">Explore Gents \u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"rb-branches\">\r\n    <div class=\"rb-section-inner\">\r\n      <p class=\"rb-eyebrow\">Our branches<\/p>\r\n      <h2 class=\"rb-section-title\">Choose Your Experience<\/h2>\r\n\r\n      <div class=\"rb-info-grid\">\r\n        <article class=\"rb-info-card\">\r\n          <div class=\"rb-info-image\" style=\"background-image:url('http:\/\/rbsalon.pk\/wp-content\/uploads\/2026\/07\/rb-salon-ladies-interior.jpg');\"><\/div>\r\n          <h3>Ladies Salon<\/h3>\r\n          <p>Professional beauty, hair and bridal services in a comfortable and dedicated ladies-only environment.<\/p>\r\n          <ul>\r\n            <li>Hair Styling<\/li>\r\n            <li>Makeup<\/li>\r\n            <li>Facials<\/li>\r\n            <li>Nails<\/li>\r\n            <li>Bridal<\/li>\r\n          <\/ul>\r\n          <a class=\"rb-dark-button\" href=\"\/ladies\/\">View Ladies Services \u2192<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"rb-info-card\">\r\n          <div class=\"rb-info-image\" style=\"background-image:url('http:\/\/rbsalon.pk\/wp-content\/uploads\/2026\/07\/rb-salon-gents-interior.jpg');\"><\/div>\r\n          <h3>Gents Salon<\/h3>\r\n          <p>Modern grooming, classic cuts and professional beard styling delivered by an experienced team.<\/p>\r\n          <ul>\r\n            <li>Haircuts<\/li>\r\n            <li>Beard Styling<\/li>\r\n            <li>Hair Colour<\/li>\r\n            <li>Facials<\/li>\r\n            <li>Kids Cuts<\/li>\r\n          <\/ul>\r\n          <a class=\"rb-dark-button\" href=\"\/gents\/\">View Gents Services \u2192<\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\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>RB SALON Professional \u2022 Trusted \u2022 Safe Two Dedicated Branches.One Trusted Brand. Choose your experience Ladies Salon Hair \u2022 Makeup<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-36988","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rbsalon.pk\/index.php\/wp-json\/wp\/v2\/pages\/36988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rbsalon.pk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rbsalon.pk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rbsalon.pk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rbsalon.pk\/index.php\/wp-json\/wp\/v2\/comments?post=36988"}],"version-history":[{"count":8,"href":"https:\/\/rbsalon.pk\/index.php\/wp-json\/wp\/v2\/pages\/36988\/revisions"}],"predecessor-version":[{"id":37034,"href":"https:\/\/rbsalon.pk\/index.php\/wp-json\/wp\/v2\/pages\/36988\/revisions\/37034"}],"wp:attachment":[{"href":"https:\/\/rbsalon.pk\/index.php\/wp-json\/wp\/v2\/media?parent=36988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}