{"id":8,"date":"2026-07-20T20:13:25","date_gmt":"2026-07-20T20:13:25","guid":{"rendered":"https:\/\/shahabfatemi.ir\/?page_id=8"},"modified":"2026-08-03T08:45:17","modified_gmt":"2026-08-03T08:45:17","slug":"rebuilding","status":"publish","type":"page","link":"https:\/\/shahabfatemi.ir\/fr\/","title":{"rendered":"REbuilding"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>See you Soon \u00b7 again<\/title>\n  <!-- Fonts & Icons -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&#038;family=Montserrat:wght@200;300;400;500&#038;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #0b090a; \/* deep charcoal base *\/\n      font-family: 'Montserrat', sans-serif;\n      padding: 1.5rem;\n    }\n\n    \/* MAIN CARD \u2013 like a refined marble plinth *\/\n    .landing {\n      position: relative;\n      max-width: 1100px;\n      width: 100%;\n      background: radial-gradient(circle at 30% 20%, #2a2526, #0f0d0e 80%);\n      border-radius: 3.5rem 3.5rem 3rem 3rem;\n      box-shadow: \n        0 30px 60px rgba(0,0,0,0.8),\n        0 0 0 1px rgba(210, 180, 140, 0.15) inset,\n        0 0 0 2px rgba(255, 215, 175, 0.03) inset;\n      padding: 4rem 2.5rem;\n      overflow: hidden;\n      transition: all 0.3s ease;\n      backdrop-filter: blur(2px);\n      border: 1px solid rgba(230, 200, 170, 0.08);\n    }\n\n    \/* subtle texture overlay *\/\n    .landing::before {\n      content: '';\n      position: absolute;\n      top: -30%;\n      left: -20%;\n      width: 150%;\n      height: 150%;\n      background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><rect width=\"100\" height=\"100\" fill=\"none\" \/><path d=\"M10 10 L 90 10 L 90 90 L 10 90 Z\" stroke=\"rgba(210,180,140,0.03)\" stroke-width=\"0.5\" fill=\"none\"\/><path d=\"M30 30 L 70 30 L 70 70 L 30 70 Z\" stroke=\"rgba(210,180,140,0.02)\" stroke-width=\"0.5\" fill=\"none\"\/><\/svg>');\n      opacity: 0.5;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    \/* gold accent line \u2013 luxury detail *\/\n    .landing::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 10%;\n      width: 80%;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, #d4af37, #f5e5c0, #d4af37, transparent);\n      opacity: 0.5;\n      z-index: 1;\n    }\n\n    .content {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n    }\n\n    \/* DECORATIVE ORNAMENT *\/\n    .ornament {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 1.2rem;\n      margin-bottom: 1.8rem;\n      width: 100%;\n      opacity: 0.7;\n    }\n\n    .ornament-line {\n      flex: 0 1 80px;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #c9b29b, #e8d5c0, #c9b29b, transparent);\n    }\n\n    .ornament-icon {\n      color: #d8c4ae;\n      font-size: 1.4rem;\n      letter-spacing: 6px;\n      font-weight: 300;\n    }\n\n    .ornament-icon i {\n      margin: 0 6px;\n      font-size: 1.1rem;\n      color: #d4af37;\n      text-shadow: 0 0 12px rgba(212, 175, 55, 0.2);\n    }\n\n    \/* MAIN HEADLINE *\/\n    h1 {\n      font-family: 'Cormorant Garamond', serif;\n      font-weight: 300;\n      font-size: clamp(4.5rem, 18vw, 8.5rem);\n      letter-spacing: 0.12em;\n      color: #f0e3d4;\n      text-shadow: \n        0 4px 30px rgba(0,0,0,0.6),\n        0 0 0 1px rgba(230, 200, 170, 0.2),\n        0 0 40px rgba(180, 140, 100, 0.1);\n      line-height: 1;\n      margin: 0.2rem 0 0.4rem 0;\n      word-break: break-word;\n      transition: all 0.5s ease;\n    }\n\n    \/* GOLDEN TOUCH ON \"again\" *\/\n    .again-gold {\n      font-family: 'Cormorant Garamond', serif;\n      font-weight: 300;\n      font-style: italic;\n      background: linear-gradient(135deg, #e9d6b0, #d4af37, #b8963a);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n      text-shadow: 0 0 30px rgba(212, 175, 55, 0.15);\n      letter-spacing: 0.2em;\n      margin-left: 6px;\n      display: inline-block;\n    }\n\n    \/* SUBTITLE \/ DIVIDER *\/\n    .sub-glow {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 2rem;\n      margin: 1.2rem 0 2.8rem 0;\n      width: 100%;\n      max-width: 500px;\n      opacity: 0.7;\n    }\n\n    .sub-glow span {\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 200;\n      text-transform: uppercase;\n      letter-spacing: 8px;\n      font-size: 0.7rem;\n      color: #cbb8a8;\n      background: rgba(30, 25, 22, 0.4);\n      padding: 0.4rem 1.2rem;\n      border-radius: 40px;\n      backdrop-filter: blur(3px);\n      border: 1px solid rgba(210, 180, 140, 0.15);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    }\n\n    .sub-glow i {\n      color: #d4af37;\n      font-size: 0.9rem;\n      opacity: 0.5;\n    }\n\n    \/* BESPOKE MESSAGE *\/\n    .message {\n      font-family: 'Cormorant Garamond', serif;\n      font-weight: 300;\n      font-size: 1.3rem;\n      color: #d6c7b8;\n      letter-spacing: 0.3em;\n      margin-bottom: 2.8rem;\n      padding: 0.2rem 2rem;\n      border-top: 1px solid rgba(210, 180, 140, 0.15);\n      border-bottom: 1px solid rgba(210, 180, 140, 0.15);\n      display: inline-block;\n      backdrop-filter: blur(2px);\n      background: rgba(15, 12, 11, 0.2);\n      border-radius: 60px;\n      padding: 0.7rem 2.5rem;\n      font-style: italic;\n      box-shadow: 0 0 20px rgba(0,0,0,0.2);\n    }\n\n    .message i {\n      color: #c4a88a;\n      margin: 0 8px;\n      font-size: 0.9rem;\n    }\n\n    \/* ELEGANT DIVIDER WITH ICON *\/\n    .divider-lux {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 1.5rem;\n      margin: 0.8rem 0 2.5rem 0;\n      width: 70%;\n      max-width: 350px;\n    }\n\n    .divider-lux .line {\n      flex: 1;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #8f7a68, #c9b29b, #8f7a68, transparent);\n    }\n\n    .divider-lux i {\n      color: #b3967a;\n      font-size: 1.2rem;\n      opacity: 0.6;\n      text-shadow: 0 0 20px rgba(180, 140, 100, 0.2);\n    }\n\n    \/* SOCIAL \/ FOOTER \u2013 minimal and classy *\/\n    .footer-lux {\n      margin-top: 3.2rem;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: center;\n      gap: 2rem 3.5rem;\n      width: 100%;\n      padding-top: 1.5rem;\n      border-top: 1px solid rgba(210, 180, 140, 0.08);\n      position: relative;\n    }\n\n    .footer-lux a {\n      color: #b7a697;\n      font-size: 1.1rem;\n      letter-spacing: 0.1em;\n      text-decoration: none;\n      font-weight: 200;\n      transition: all 0.4s ease;\n      font-family: 'Montserrat', sans-serif;\n      text-transform: uppercase;\n      font-size: 0.7rem;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      border: 1px solid rgba(210, 180, 140, 0.05);\n      padding: 0.4rem 1.2rem;\n      border-radius: 40px;\n      background: rgba(20, 16, 15, 0.2);\n      backdrop-filter: blur(4px);\n      box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    }\n\n    .footer-lux a i {\n      font-size: 1rem;\n      color: #d4af37;\n      opacity: 0.6;\n      transition: 0.3s;\n    }\n\n    .footer-lux a:hover {\n      color: #f0e3d4;\n      border-color: rgba(212, 175, 55, 0.25);\n      background: rgba(30, 25, 22, 0.5);\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgba(0,0,0,0.4);\n    }\n\n    .footer-lux a:hover i {\n      opacity: 1;\n      color: #f5e5c0;\n    }\n\n    .footer-lux .copy {\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 200;\n      font-size: 0.6rem;\n      letter-spacing: 0.3em;\n      color: #7f6f62;\n      opacity: 0.5;\n      text-transform: uppercase;\n    }\n\n    \/* RESPONSIVE TOUCH *\/\n    @media (max-width: 640px) {\n      .landing {\n        padding: 2.5rem 1.5rem;\n        border-radius: 2.5rem;\n      }\n      h1 {\n        font-size: clamp(3.2rem, 16vw, 4.8rem);\n        letter-spacing: 0.06em;\n      }\n      .sub-glow span {\n        font-size: 0.5rem;\n        letter-spacing: 4px;\n        padding: 0.2rem 1rem;\n      }\n      .message {\n        font-size: 1rem;\n        padding: 0.4rem 1.2rem;\n        letter-spacing: 0.2em;\n      }\n      .ornament-line {\n        flex: 0 1 30px;\n      }\n      .footer-lux {\n        gap: 1rem;\n        flex-direction: column;\n        align-items: center;\n      }\n      .footer-lux a {\n        padding: 0.3rem 1rem;\n        font-size: 0.6rem;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .landing {\n        padding: 1.8rem 1rem;\n        border-radius: 2rem;\n      }\n      h1 {\n        font-size: clamp(2.8rem, 14vw, 3.6rem);\n      }\n      .again-gold {\n        display: inline;\n      }\n      .ornament-icon i {\n        font-size: 0.9rem;\n      }\n      .message {\n        font-size: 0.9rem;\n        padding: 0.3rem 1rem;\n        letter-spacing: 0.15em;\n      }\n    }\n\n    \/* subtle animation \u2013 breathe *\/\n    .content {\n      animation: softRise 1.4s ease-out forwards;\n      opacity: 0;\n      transform: translateY(20px);\n    }\n\n    @keyframes softRise {\n      0% { opacity: 0; transform: translateY(25px); }\n      100% { opacity: 1; transform: translateY(0); }\n    }\n\n    .ornament, h1, .sub-glow, .message, .divider-lux, .footer-lux {\n      animation: fadeIn 1.6s ease forwards;\n      opacity: 0;\n    }\n\n    .ornament { animation-delay: 0.1s; }\n    h1 { animation-delay: 0.25s; }\n    .sub-glow { animation-delay: 0.4s; }\n    .message { animation-delay: 0.55s; }\n    .divider-lux { animation-delay: 0.7s; }\n    .footer-lux { animation-delay: 0.9s; }\n\n    @keyframes fadeIn {\n      0% { opacity: 0; transform: translateY(8px); }\n      100% { opacity: 1; transform: translateY(0); }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"landing\">\n    <div class=\"content\">\n\n      <!-- ornament top -->\n      <div class=\"ornament\">\n        <span class=\"ornament-line\"><\/span>\n        <span class=\"ornament-icon\">\n          <i class=\"fas fa-asterisk\"><\/i>\n          <i class=\"fas fa-circle\" style=\"font-size: 0.4rem; vertical-align: middle;\"><\/i>\n          <i class=\"fas fa-asterisk\"><\/i>\n        <\/span>\n        <span class=\"ornament-line\"><\/span>\n      <\/div>\n     \n\n      <!-- elegant message -->\n      <div class=\"message\">\n        <i class=\"fas fa-quote-left\" style=\"opacity:0.4;\"><\/i>\n        until we meet under the same light\n        <i class=\"fas fa-quote-right\" style=\"opacity:0.4;\"><\/i>\n      <\/div>\n\n       <!-- subtitle divider -->\n      <div class=\"sub-glow\">\n        <i class=\"fas fa-minus\"><\/i>\n        <span>Shahab<\/span>\n        <i class=\"fas fa-minus\"><\/i>\n      <\/div>\n\n      <!-- divider with diamond -->\n      <div class=\"divider-lux\">\n        <span class=\"line\"><\/span>\n        <i class=\"fas fa-gem\"><\/i>\n        <span class=\"line\"><\/span>\n      <\/div>\n\n      <!-- footer \u2013 social & copyright (luxury minimal) -->\n      <div class=\"footer-lux\">\n        <a href=\"https:\/\/www.instagram.com\/shahabfatemi_\/\"><i class=\"fab fa-instagram\"><\/i> instagram<\/a>\n        <a href=\"https:\/\/www.linkedin.com\/in\/shahabfatemi\/\"><i class=\"far fa-envelope\"><\/i> contact<\/a>\n        <a href=\"https:\/\/www.linkedin.com\/in\/shahabfatemi\/\"><i class=\"fas fa-map-pin\"><\/i> exclusive<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/shahabfatemi.ir\/fr\/apps\/\">All apps<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>See you Soon \u00b7 again until we meet under the same light Shahab instagram contact exclusive<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shahabfatemi.ir\/fr\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shahabfatemi.ir\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shahabfatemi.ir\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shahabfatemi.ir\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shahabfatemi.ir\/fr\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":9,"href":"https:\/\/shahabfatemi.ir\/fr\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":608,"href":"https:\/\/shahabfatemi.ir\/fr\/wp-json\/wp\/v2\/pages\/8\/revisions\/608"}],"wp:attachment":[{"href":"https:\/\/shahabfatemi.ir\/fr\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}