{"id":57,"date":"2025-11-18T07:09:44","date_gmt":"2025-11-18T07:09:44","guid":{"rendered":"https:\/\/marriagetimeline.com\/?page_id=57"},"modified":"2025-11-19T10:02:46","modified_gmt":"2025-11-19T10:02:46","slug":"home2","status":"publish","type":"page","link":"https:\/\/marriagetimeline.com\/","title":{"rendered":"Marriage APP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"57\" class=\"elementor elementor-57\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3436cbf e-flex e-con-boxed e-con e-parent\" data-id=\"3436cbf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63fd7f3 elementor-widget elementor-widget-html\" data-id=\"63fd7f3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  html,\n  body {\n    margin: 0;\n    padding: 0;\n    background: #050012;\n  }\n\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", system-ui, sans-serif;\n    color: #ffffff;\n  }\n\n  .hero {\n    min-height: 100vh;\n    padding: 80px 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n    width: 100vw;\n    margin: 0 calc(50% - 50vw);\n  }\n\n  \/* Video katman\u0131 *\/\n  .hero-video {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    z-index: 0;\n  }\n\n  .hero-video video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: brightness(0.9) saturate(1.2);\n  }\n\n  \/* Mor overlay *\/\n  .hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at top left, #3c0f72 0, #050012 55%, #020008 100%);\n    opacity: 0.86;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  \/* I\u015f\u0131k lekeleri *\/\n  .hero::before {\n    content: \"\";\n    position: absolute;\n    inset: -40%;\n    background:\n      radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.05) 0, transparent 50%),\n      radial-gradient(circle at 90% 100%, rgba(255, 0, 128, 0.12) 0, transparent 55%);\n    opacity: 0.9;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  \/* Hareket eden y\u0131ld\u0131zlar *\/\n  .hero::after {\n    content: \"\";\n    position: absolute;\n    inset: -20%;\n    background-image:\n      radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,0.9) 0, transparent 50%),\n      radial-gradient(1.5px 1.5px at 30% 80%, rgba(166,199,255,0.9) 0, transparent 50%),\n      radial-gradient(1px 1px at 70% 30%, rgba(255,255,255,0.8) 0, transparent 50%),\n      radial-gradient(1.5px 1.5px at 90% 60%, rgba(255,214,165,0.9) 0, transparent 50%),\n      radial-gradient(1px 1px at 50% 10%, rgba(255,255,255,0.6) 0, transparent 50%);\n    opacity: 0.6;\n    mix-blend-mode: screen;\n    animation: floatStars 40s linear infinite;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  @keyframes floatStars {\n    from { transform: translate3d(0, 0, 0); }\n    to   { transform: translate3d(-120px, -200px, 0); }\n  }\n\n  .hero-inner {\n    position: relative;\n    z-index: 5;\n    max-width: 1200px;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 48px;\n  }\n\n  .hero-copy {\n    flex: 1 1 50%;\n  }\n\n  .hero-eyebrow {\n    font-size: 13px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #d2b8ff;\n    margin-bottom: 14px;\n  }\n\n  .hero-title {\n    font-size: clamp(32px, 4vw, 46px);\n    line-height: 1.1;\n    font-weight: 800;\n    margin-bottom: 18px;\n    background: linear-gradient(135deg, #ffe9a3 0%, #ffcf5a 30%, #ff9d3b 55%, #fff4c3 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    text-shadow:\n      0 0 10px rgba(255, 200, 120, 0.35),\n      0 0 22px rgba(255, 180, 80, 0.6);\n  }\n\n  .hero-subtitle {\n    font-size: 17px;\n    color: #d8d4f5;\n    line-height: 1.5;\n    margin-bottom: 18px;\n  }\n\n  .hero-bullets {\n    list-style: none;\n    margin-bottom: 26px;\n    color: #b8b2f0;\n    font-size: 14px;\n  }\n\n  .hero-bullets li {\n    margin-bottom: 6px;\n  }\n\n  .hero-bullets li::before {\n    content: \"\u2022\";\n    color: #8cffc7;\n    margin-right: 6px;\n  }\n\n  .btn-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-bottom: 18px;\n  }\n\n  .btn-appstore {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 14px 32px;\n    border-radius: 999px;\n    border: none;\n    cursor: pointer;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 15px;\n    background: linear-gradient(135deg, #0a84ff, #0051ff);\n    color: #ffffff;\n    box-shadow:\n      0 0 0 1px rgba(255, 255, 255, 0.06),\n      0 14px 32px rgba(0, 0, 0, 0.65);\n    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;\n    white-space: nowrap;\n  }\n\n  .btn-appstore:hover {\n    transform: translateY(-1px);\n    box-shadow:\n      0 0 0 1px rgba(255, 255, 255, 0.12),\n      0 18px 40px rgba(0, 0, 0, 0.8);\n    filter: brightness(1.03);\n  }\n\n  .btn-appstore-icon {\n    height: 32px;\n    width: 32px;\n    border-radius: 999px;\n    display: block;\n    object-fit: cover;\n    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.7);\n  }\n\n  .hero-note {\n    font-size: 12px;\n    color: #8a84d8;\n  }\n\n  .hero-section {\n    margin-top: 18px;\n    max-width: 520px;\n  }\n\n  .hero-section-title {\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    color: #b7b1ff;\n    margin-bottom: 6px;\n  }\n\n  .hero-steps,\n  .hero-details {\n    font-size: 13px;\n    color: #c2bdf5;\n    line-height: 1.6;\n    margin-bottom: 10px;\n  }\n\n  .hero-steps {\n    padding-left: 18px;\n  }\n\n  .hero-steps li {\n    margin-bottom: 4px;\n  }\n\n  .hero-details li {\n    margin-bottom: 4px;\n    list-style: none;\n  }\n\n  .hero-details li::before {\n    content: \"\u2013\";\n    margin-right: 6px;\n    color: #8cffc7;\n  }\n\n  \/* === \u0130LLUSTRATION + KONU\u015eMA BALONU === *\/\n  .hero-illustration {\n    flex: 1 1 50%;\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    position: relative;\n  }\n\n  .hero-illustration img {\n    max-width: 420px;\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 32px;\n    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.75);\n    -webkit-mask-image: radial-gradient(ellipse at center, #000 60%, transparent 100%);\n    mask-image: radial-gradient(ellipse at center, #000 60%, transparent 100%);\n  }\n\n  \/* MASA\u00dcST\u00dc BALON \u2013 biraz yukar\u0131da *\/\n  .speech-bubble {\n    position: absolute;\n    top: -8%;\n    left: 50%;\n    transform: translate(-50%, 0);\n    max-width: 55%;\n    padding: 10px 14px;\n    border-radius: 16px;\n    background: rgba(10, 4, 40, 0.88);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);\n    font-size: clamp(13px, 1.4vw, 15px);\n    line-height: 1.4;\n    color: #fef6ff;\n    text-align: left;\n    backdrop-filter: blur(10px);\n    animation: bubbleFloat 4s ease-in-out infinite;\n  }\n\n  .speech-bubble strong {\n    color: #ffd27f;\n  }\n\n  .speech-bubble::after {\n    content: \"\";\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    border-width: 10px 10px 0 10px;\n    border-style: solid;\n    border-color: rgba(10, 4, 40, 0.88) transparent transparent transparent;\n    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.6));\n  }\n\n  @keyframes bubbleFloat {\n    0%   { transform: translate(-50%, 0); }\n    50%  { transform: translate(-50%, -6px); }\n    100% { transform: translate(-50%, 0); }\n  }\n\n  \/* KALP YA\u011eMURU \u2013 SADE MET\u0130N HEART *\/\n  .heart-rain {\n    position: absolute;\n    inset: 0;\n    z-index: 7;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .heart {\n    position: absolute;\n    top: -10%;\n    font-size: 28px;\n    opacity: 0;\n    animation: fallHeart 10s linear infinite;\n    filter: drop-shadow(0 0 8px rgba(255, 120, 180, 0.85));\n  }\n\n  .heart-1 { left: 8%;  color: #ff6fa3; animation-duration: 13s; animation-delay: 0s; }\n  .heart-2 { left: 18%; color: #ffb3c6; animation-duration: 11s; animation-delay: 2s; }\n  .heart-3 { left: 30%; color: #ff4081; animation-duration: 15s; animation-delay: 4s; }\n  .heart-4 { left: 42%; color: #ffca7a; animation-duration: 12s; animation-delay: 1s; }\n  .heart-5 { left: 55%; color: #ff8da1; animation-duration: 14s; animation-delay: 3s; }\n  .heart-6 { left: 68%; color: #ffb6ff; animation-duration: 16s; animation-delay: 5s; }\n  .heart-7 { left: 80%; color: #ff6fa3; animation-duration: 12s; animation-delay: 6s; }\n  .heart-8 { left: 92%; color: #ffd27f; animation-duration: 17s; animation-delay: 2s; }\n\n  @keyframes fallHeart {\n    0% {\n      transform: translateY(-40vh);\n      opacity: 0;\n    }\n    15% {\n      opacity: 1;\n    }\n    100% {\n      transform: translateY(120vh);\n      opacity: 0;\n    }\n  }\n\n  \/* Footer *\/\n  footer {\n    padding: 16px 20px 28px;\n    text-align: center;\n    font-size: 11px;\n    color: #7b76c2;\n    background: #050012;\n    width: 100vw;\n    margin: 0 calc(50% - 50vw);\n    border-top: 1px solid rgba(255, 255, 255, 0.06);\n  }\n\n  @media (max-width: 900px) {\n    .hero {\n      padding: 56px 20px 72px;\n      margin: 0;\n      width: 100%;\n    }\n\n    .hero-inner {\n      flex-direction: column-reverse;\n      text-align: center;\n    }\n\n    .btn-row {\n      justify-content: center;\n    }\n\n    .hero-section {\n      margin-left: auto;\n      margin-right: auto;\n      text-align: left;\n    }\n\n    .hero-illustration {\n      margin-top: 24px;\n    }\n\n    .hero-illustration img {\n      max-width: 340px;\n    }\n\n    .speech-bubble {\n      top: auto;\n      bottom: 6%;\n      left: 50%;\n      transform: translate(-50%, 0);\n      max-width: 80%;\n      text-align: center;\n      animation: bubbleFloatMobile 4s ease-in-out infinite;\n      font-size: 13px;\n    }\n\n    .speech-bubble::after {\n      bottom: -10px;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n\n    @keyframes bubbleFloatMobile {\n      0%   { transform: translate(-50%, 0); }\n      50%  { transform: translate(-50%, -4px); }\n      100% { transform: translate(-50%, 0); }\n    }\n\n    footer {\n      width: 100%;\n      margin: 0;\n    }\n  }\n<\/style>\n\n<main class=\"hero\">\n  <!-- Video -->\n  <div class=\"hero-video\">\n    <video\n      src=\"https:\/\/marriagetimeline.com\/wp-content\/uploads\/2025\/11\/12922667_1920_1080_30fps.mp4\"\n      autoplay\n      muted\n      loop\n      playsinline\n    ><\/video>\n  <\/div>\n\n  <!-- Mor overlay -->\n  <div class=\"hero-overlay\"><\/div>\n\n  <!-- Kalp ya\u011fmuru -->\n  <div class=\"heart-rain\">\n    <span class=\"heart heart-1\">\u2665<\/span>\n    <span class=\"heart heart-2\">\u2665<\/span>\n    <span class=\"heart heart-3\">\u2665<\/span>\n    <span class=\"heart heart-4\">\u2665<\/span>\n    <span class=\"heart heart-5\">\u2665<\/span>\n    <span class=\"heart heart-6\">\u2665<\/span>\n    <span class=\"heart heart-7\">\u2665<\/span>\n    <span class=\"heart heart-8\">\u2665<\/span>\n  <\/div>\n\n  <div class=\"hero-inner\">\n    <div class=\"hero-copy\">\n      <div class=\"hero-eyebrow\">iOS \u2022 Offline \u2022 Private<\/div>\n      <h1 class=\"hero-title\">Marriage Timeline AI<\/h1>\n      <p class=\"hero-subtitle\">\n        Marriage prediction \u2013 personal timing analyzer. Discover when your emotional paths are most likely to align for a serious relationship or marriage.\n      <\/p>\n\n      <ul class=\"hero-bullets\">\n        <li>Works 100% offline on your iPhone.<\/li>\n        <li>No account, no signup, no internet required.<\/li>\n        <li>Instant, personal timeline based on your birth details.<\/li>\n      <\/ul>\n\n      <div class=\"btn-row\">\n        <a\n          class=\"btn-appstore\"\n          href=\"https:\/\/apps.apple.com\/us\/app\/marriage-timeline-ai\/id6751749607\"\n          target=\"_blank\"\n          rel=\"noopener\"\n        >\n          <img decoding=\"async\"\n            class=\"btn-appstore-icon\"\n            src=\"https:\/\/marriagetimeline.com\/wp-content\/uploads\/2025\/11\/Adsiz-tasarim-10-1.png\"\n            alt=\"Marriage Timeline AI icon\"\n          \/>\n          <span>Download on the App Store<\/span>\n        <\/a>\n        <span class=\"hero-note\">Runs locally. Your data never leaves your phone.<\/span>\n      <\/div>\n\n      <div class=\"hero-section\">\n        <div class=\"hero-section-title\">How it works<\/div>\n        <ol class=\"hero-steps\">\n          <li>Enter your birth date, time and place as accurately as possible.<\/li>\n          <li>The app builds a personal relationship timeline and highlights likely windows for commitment and marriage.<\/li>\n          <li>You get a clear marriage window, a live countdown to the key date range, and short notes about your emotional patterns.<\/li>\n        <\/ol>\n      <\/div>\n\n      <div class=\"hero-section\">\n        <div class=\"hero-section-title\">Details<\/div>\n        <ul class=\"hero-details\">\n          <li>One-time personal forecast: designed for a single prediction, stored securely on your device.<\/li>\n          <li>Works even after reinstall: your result can be restored without sending anything to a server.<\/li>\n          <li>100% offline engine \u2014 no servers, no cloud, no tracking; calculations run entirely on your iPhone.<\/li>\n          <li>Multilingual support: English, Turkish, Arabic, Simplified Chinese, French, German, Hindi, Italian, Japanese, Portuguese (Brazil), Russian, Spanish.<\/li>\n          <li>Built for fun, reflection and self-insight. Not a substitute for professional or medical advice.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"hero-illustration\">\n      <img decoding=\"async\"\n        src=\"https:\/\/marriagetimeline.com\/wp-content\/uploads\/2025\/11\/wiz.png\"\n        alt=\"Friendly oracle holding a glowing crystal ball\"\n      \/>\n\n      <div class=\"speech-bubble\">\n        <strong>I know when you'll get married.<\/strong><br \/>\n        Tell me your birth details and I\u2019ll show your marriage window.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/main>\n\n<footer>\n  Copyright\u00a92019-2025. All rights reserved. GNSAC Bili\u015fim Teknolojileri LTD. \u015eT\u0130.\n<\/footer>\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>\u2665 \u2665 \u2665 \u2665 \u2665 \u2665 \u2665 \u2665 iOS \u2022 Offline \u2022 Private Marriage Timeline AI Marriage prediction \u2013 personal timing analyzer. Discover when your emotional paths are most likely to align for a serious relationship or marriage. Works 100% offline on your iPhone. No account, no signup, no internet required. Instant, personal timeline based &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/marriagetimeline.com\/index.php\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marriagetimeline.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marriagetimeline.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marriagetimeline.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marriagetimeline.com\/index.php\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":17,"href":"https:\/\/marriagetimeline.com\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/marriagetimeline.com\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/marriagetimeline.com\/index.php\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}