{"id":9,"date":"2025-11-05T18:49:51","date_gmt":"2025-11-05T18:49:51","guid":{"rendered":"https:\/\/twinpare.com\/?page_id=9"},"modified":"2025-11-19T12:46:51","modified_gmt":"2025-11-19T12:46:51","slug":"welcome","status":"publish","type":"page","link":"https:\/\/twinpare.com\/","title":{"rendered":"Welcome"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b43f277 e-flex e-con-boxed e-con e-parent\" data-id=\"b43f277\" 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-8ea1fa4 elementor-widget elementor-widget-html\" data-id=\"8ea1fa4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<p>&nbsp;<\/p>\n<!-- Twinpare - Importera detta i ett \"Custom HTML\" block i WordPress eller i Elementor HTML-widget --><!-- Byt ut logo, bilder och formul\u00e4r-action enligt era behov -->\n<p><style>\n  :root{\n    --glass-bg: rgba(255,255,255,0.06);\n    --glass-border: rgba(255,255,255,0.12);\n    --accent: #ffffff;\n    --max-width: 1100px;\n  }\n\n  \/* Page background gradient (blue -> pink -> purple) *\/\n  html,body{\n    height:100%;\n    margin:0;\n    font-family: 'Poppins', sans-serif;\n    -webkit-font-smoothing:antialiased;\n    -moz-osx-font-smoothing:grayscale;\n    color: #0f1724;\n    background: radial-gradient(1000px 400px at 10% 10%, rgba(99,102,241,0.18), transparent 10%),\n                linear-gradient(120deg, #2b6df6 0%, #e06da6 45%, #7a44ff 100%);\n    background-attachment: fixed;\n  }\n\n  \/* container *\/\n  .tp-container{\n    max-width: var(--max-width);\n    margin: 0 auto;\n    padding: 48px 24px;\n  }\n\n  \/* Navbar *\/\n  .tp-nav{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:20px;\n    padding:12px 0;\n  }\n  .tp-logo{\n    display:flex;\n    align-items:center;\n    gap:50px;\n    text-decoration:none;\n    color:var(--accent);\n  }\n  .tp-logo img{ height:250px; width:auto; display:block; filter: drop-shadow(0 6px 18px rgba(0,0,0,0.15)); }\n\n  .tp-nav .tp-links{\n    display:flex;\n    gap:18px;\n    align-items:center;\n  }\n  .tp-links a{\n    color: rgba(255,255,255,0.95);\n    text-decoration:none;\n    font-weight:600;\n  }\n\n  \/* Hero *\/\n  .tp-hero{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:30px;\n    padding:48px 0;\n    color: white;\n  }\n  .tp-hero-left{ flex:1; min-width:280px; }\n  .tp-hero h1{\n    margin:0 0 12px 0;\n    font-size: clamp(28px, 4.5vw, 44px);\n    line-height:1.02;\n    text-shadow: 0 6px 30px rgba(0,0,0,0.25);\n  }\n  .tp-hero p{\n    margin:0 0 20px 0;\n    opacity:0.95;\n    max-width: 680px;\n  }\n  .tp-cta{\n    display:inline-block;\n    background: rgba(255,255,255,0.14);\n    border: 1px solid rgba(255,255,255,0.18);\n    padding:12px 22px;\n    border-radius:999px;\n    color:white;\n    text-decoration:none;\n    font-weight:700;\n    backdrop-filter: blur(6px);\n    box-shadow: 0 8px 30px rgba(0,0,0,0.25);\n  }\n\n  .tp-hero-right{\n    width:420px;\n    max-width:40%;\n    min-width:240px;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n  .tp-phone-mock{\n    width:100%;\n    border-radius:26px;\n    padding:18px;\n    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));\n    border:1px solid rgba(255,255,255,0.08);\n    box-shadow: 0 20px 60px rgba(15,23,36,0.3);\n  }\n  .tp-phone-mock img{ width:100%; height:auto; display:block; border-radius:14px; }\n\n  \/* Sections *\/\n  section.tp-section{\n    margin:36px 0;\n    padding:28px 0;\n    color: #081029;\n  }\n\n  .card-row{\n    display:grid;\n    grid-template-columns: repeat(auto-fit,minmax(220px,1fr));\n    gap:18px;\n  }\n\n  .tp-card{\n    background: rgba(255,255,255,0.06);\n    border-radius:14px;\n    padding:18px;\n    border:1px solid rgba(255,255,255,0.06);\n    backdrop-filter: blur(6px);\n    color:white;\n    min-height:120px;\n  }\n  .tp-card h3{ margin:6px 0 8px 0; font-size:18px; }\n  .tp-card p{ margin:0; opacity:0.95; font-size:14px; }\n\n  \/* Story \/ testimonial *\/\n  .tp-story{\n    display:flex;\n    gap:22px;\n    align-items:center;\n    flex-wrap:wrap;\n  }\n  .tp-story .story-media{\n    flex:0 0 360px;\n    max-width:360px;\n    min-width:260px;\n  }\n  .tp-story .story-text{ flex:1; color:white; }\n\n  \/* Signup form *\/\n  .tp-form{\n    background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));\n    border-radius:12px;\n    padding:18px;\n    border:1px solid rgba(255,255,255,0.08);\n    width:100%;\n    max-width:640px;\n    color:white;\n  }\n  .tp-form input, .tp-form textarea{\n    width:100%;\n    padding:12px 14px;\n    border-radius:10px;\n    border:1px solid rgba(255,255,255,0.06);\n    background: rgba(255,255,255,0.02);\n    color:white;\n    margin:8px 0;\n    font-size:14px;\n  }\n  .tp-form button{\n    background: linear-gradient(90deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08));\n    border: none;\n    padding:12px 18px;\n    border-radius:10px;\n    font-weight:700;\n    cursor:pointer;\n    margin-top:8px;\n    color:#07122a;\n  }\n\n  \/* Footer *\/\n  footer{\n    margin-top:36px;\n    padding:20px 0;\n    color: rgba(255,255,255,0.9);\n    text-align:center;\n    font-size:14px;\n  }\n\n  \/* Responsive *\/\n  @media (max-width:900px){\n    .tp-hero{\n      flex-direction:column-reverse;\n      text-align:center;\n    }\n    .tp-hero-right{ max-width:320px; width:80%; }\n    .tp-nav .tp-links{ display:none; }\n    .tp-container{ padding:28px 16px; }\n  }\n<\/style><\/p>\n<div id=\"twinpare-root\">\n<div class=\"tp-container\"><!-- NAV --><header class=\"tp-nav\" role=\"banner\"><a class=\"tp-logo\" href=\"https:\/\/twinpare.com\/wp-content\/uploads\/2025\/11\/42C243AE-F04D-4BC0-84AD-77894473E3D0.jpeg\"><span style=\"color: white; font-weight: bold;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-55 size-full\" src=\"https:\/\/twinpare.com\/wp-content\/uploads\/2025\/11\/fulllogo_transparent-1.png\" alt=\"\" width=\"1280\" height=\"1024\" \/><\/span><\/a><nav class=\"tp-links\" aria-label=\"Huvudmeny\"><a href=\"#about\">Om oss<\/a> <a href=\"#features\">Funktioner<\/a> <a href=\"#story\">Story<\/a> <a class=\"tp-cta\" style=\"background: rgba(255,255,255,0.12);\" href=\"#signup\">F\u00f6rhandsregistrera<\/a><\/nav><\/header><!-- HERO -->\n<section class=\"tp-hero\" aria-labelledby=\"hero-title\">\n<div class=\"tp-hero-left\">\n<h1 id=\"hero-title\">M\u00f6t din tvilling i v\u00e4rlden<\/h1>\n<p>Twinpare anv\u00e4nder AI f\u00f6r att hitta personer som speglar din stil, v\u00e4rderingar och personlighet \u2014 inte bara ditt utseende. Byggt av tvillingar, f\u00f6r \u00e4kta m\u00f6ten.<\/p>\n<a class=\"tp-cta\" href=\"#signup\">F\u00f6rhandsregistrera dig<\/a><\/div>\n<div class=\"tp-hero-right\" aria-hidden=\"true\">\n<div class=\"tp-phone-mock\"><!-- Byt ut bilden mot sk\u00e4rm-mockup eller GIF som visar appen --> <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x800?text=App+mockup\" alt=\"Twinpare app mockup\" \/><\/div>\n<\/div>\n<\/section>\n<\/div>\n<!-- ABOUT -->\n<section id=\"about\" class=\"tp-section\">\n<div class=\"tp-container\">\n<h2 style=\"color: white;\">Om Twinpare<\/h2>\n<p style=\"color: rgba(255,255,255,0.92); max-width: 820px;\">Vi \u00e4r tv\u00e5 tvillingar som byggt Twinpare f\u00f6r att skapa mer \u00e4kta och relevanta m\u00f6ten. V\u00e5r AI matchar m\u00e4nniskor p\u00e5 djupare niv\u00e5 \u2014 intressen, kommunikationsstil och livsv\u00e4rderingar \u2014 f\u00f6r att hitta din b\u00e4sta \"tvillingmatch\".<\/p>\n<\/div>\n<\/section>\n<!-- FEATURES -->\n<section id=\"features\" class=\"tp-section\" aria-labelledby=\"features\">\n<div class=\"tp-container\">\n<h2 style=\"color: white;\">V\u00e5ra Funktioner<\/h2>\n<div class=\"card-row\" style=\"margin-top: 16px;\">\n<div class=\"tp-card\">\n<h3>AI-matchning<\/h3>\n<p>En intelligent matchningsmotor som analyserar personlighetsdrag och beteendem\u00f6nster.<\/p>\n<\/div>\n<div class=\"tp-card\">\n<h3>Tvillingprofil<\/h3>\n<p>Skapa en autentisk profil som visar vem du \u00e4r \u2014 inga filter, bara du.<\/p>\n<\/div>\n<div class=\"tp-card\">\n<h3>S\u00e4kerhet &amp; Integritet<\/h3>\n<p>All data krypteras och hanteras enligt GDPR \u2013 ni har kontroll \u00f6ver er information.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- STORY -->\n<section id=\"story\" class=\"tp-section\">\n<div class=\"tp-container\">\n<h2 style=\"color: white;\">Ber\u00e4ttelser fr\u00e5n verkliga tvillingar<\/h2>\n<div class=\"tp-story\" style=\"margin-top: 14px;\">\n<div class=\"story-media tp-card\"><!-- H\u00e4r kan ni l\u00e4gga en video eller en ljudspelare --> <img decoding=\"async\" style=\"width: 100%; border-radius: 8px;\" src=\"https:\/\/via.placeholder.com\/360x220?text=Video+placeholder\" alt=\"Video placeholder\" \/>\n<p style=\"margin-top: 10px; color: white; opacity: 0.95;\">Vi planerar att l\u00e4sa upp autentiska Reddit-ber\u00e4ttelser med v\u00e5ra egna r\u00f6ster (AI-st\u00f6dda) och dela dem h\u00e4r.<\/p>\n<\/div>\n<div class=\"story-text\">\n<blockquote style=\"margin: 0 0 12px 0; color: white; font-style: italic;\">\"Det \u00e4r fascinerande hur mycket vi kan l\u00e4ra oss om oss sj\u00e4lva genom att tr\u00e4ffa n\u00e5gon som t\u00e4nker likadant.\" \u2014 En Twinpare-anv\u00e4ndare<\/blockquote>\n<p style=\"color: rgba(255,255,255,0.9);\">Vill du bidra med din ber\u00e4ttelse? F\u00f6rhandsregistrera dig nedan s\u00e5 kontaktar vi dig n\u00e4r vi spelar in n\u00e4sta serie.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SIGNUP -->\n<section id=\"signup\" class=\"tp-section\">\n<div class=\"tp-container\" style=\"display: flex; justify-content: center;\"><form id=\"signup-form\" class=\"tp-form\" action=\"#\" method=\"POST\" novalidate=\"\"><!-- S\u00e4tt form action till er e-post\/Mailchimp\/Zapier\/Firebase endpoint innan ni g\u00e5r live -->\n<h3 style=\"margin-top: 0; color: white;\">F\u00f6rhandsregistrera dig<\/h3>\n<p style=\"margin: 6px 0 12px 0; color: rgba(255,255,255,0.92);\">F\u00e5 tidig access, beta-inbjudan och exklusiva uppdateringar.<\/p>\n<input id=\"name\" name=\"name\" required=\"\" type=\"text\" placeholder=\"Ditt namn\" \/> <input id=\"email\" name=\"email\" required=\"\" type=\"email\" placeholder=\"Din e-post\" \/> <input id=\"location\" name=\"location\" type=\"text\" placeholder=\"Stad (valfritt)\" \/> <textarea id=\"note\" name=\"note\" rows=\"3\" placeholder=\"Vill du dela n\u00e5got kort? (valfritt)\"><\/textarea> <button type=\"submit\">Skicka f\u00f6rhandsregistrering<\/button>\n<p id=\"signup-msg\" style=\"margin-top: 10px; color: rgba(255,255,255,0.9); display: none;\">\u00a0<\/p>\n<\/form><\/div>\n<\/section>\n<!-- FOOTER --><footer>\n<div class=\"tp-container\">\n<p>\u00a9 <strong>TwinTech<\/strong> \/ Twinpare \u2014 Byggt av tvillingar. Alla r\u00e4ttigheter f\u00f6rbeh\u00e5llna.<\/p>\n<p style=\"font-size: 13px; opacity: 0.85;\">Integritet och s\u00e4kerhet: Din data hanteras enligt GDPR. Vi s\u00e4ljer inte din information.<\/p>\n<\/div>\n<\/footer><\/div>\n<p><script>\n  \/\/ Enkel formul\u00e4rhantering (placeholder). Byt action f\u00f6r riktig integration.\n  (function(){\n    const form = document.getElementById('signup-form');\n    const msg = document.getElementById('signup-msg');\n\n    form.addEventListener('submit', function(e){\n      e.preventDefault();\n      const name = document.getElementById('name').value.trim();\n      const email = document.getElementById('email').value.trim();\n\n      if(!email || !name){\n        msg.style.display = 'block';\n        msg.style.color = '#fff0';\n        msg.textContent = 'Var sn\u00e4ll och fyll i namn och e-post.';\n        msg.style.color = '#ffd6d6';\n        return;\n      }\n\n      \/\/ Simulerad \"s\u00e4ndning\" \u2014 h\u00e4r byter ni till Mailchimp\/Zapier\/Firebase endpoint.\n      \/\/ F\u00f6r nu: visa tackmeddelande och spara i localStorage s\u00e5 ni kan exportera offline.\n      const leads = JSON.parse(localStorage.getItem('twinpare_leads'||'[]')) || [];\n      leads.push({name, email, location: document.getElementById('location').value, note: document.getElementById('note').value, ts: new Date().toISOString()});\n      localStorage.setItem('twinpare_leads', JSON.stringify(leads));\n\n      msg.style.display = 'block';\n      msg.style.color = '#dfffe0';\n      msg.textContent = 'Tack! Vi h\u00f6r av oss snart \u2014 du \u00e4r registrerad f\u00f6r tidig access.';\n      form.reset();\n    });\n  })();\n<\/script><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-217be4a1 e-flex e-con-boxed e-con e-parent\" data-id=\"217be4a1\" 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-3d26c7be elementor-widget elementor-widget-text-editor\" data-id=\"3d26c7be\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p>&nbsp;<\/p>\n<!-- Twinpare - Importera detta i ett \"Custom HTML\" block i WordPress eller i Elementor HTML-widget --><!-- Byt ut logo, bilder och formul\u00e4r-action enligt era behov -->\n<p><style>\n  :root{\n    --glass-bg: rgba(255,255,255,0.06);\n    --glass-border: rgba(255,255,255,0.12);\n    --accent: #ffffff;\n    --max-width: 1100px;\n  }\n\n  \/* Page background gradient (blue -> pink -> purple) *\/\n  html,body{\n    height:100%;\n    margin:0;\n    font-family: 'Poppins', sans-serif;\n    -webkit-font-smoothing:antialiased;\n    -moz-osx-font-smoothing:grayscale;\n    color: #0f1724;\n    background: radial-gradient(1000px 400px at 10% 10%, rgba(99,102,241,0.18), transparent 10%),\n                linear-gradient(120deg, #2b6df6 0%, #e06da6 45%, #7a44ff 100%);\n    background-attachment: fixed;\n  }\n\n  \/* container *\/\n  .tp-container{\n    max-width: var(--max-width);\n    margin: 0 auto;\n    padding: 48px 24px;\n  }\n\n  \/* Navbar *\/\n  .tp-nav{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:20px;\n    padding:12px 0;\n  }\n  .tp-logo{\n    display:flex;\n    align-items:center;\n    gap:50px;\n    text-decoration:none;\n    color:var(--accent);\n  }\n  .tp-logo img{ height:250px; width:auto; display:block; filter: drop-shadow(0 6px 18px rgba(0,0,0,0.15)); }\n\n  .tp-nav .tp-links{\n    display:flex;\n    gap:18px;\n    align-items:center;\n  }\n  .tp-links a{\n    color: rgba(255,255,255,0.95);\n    text-decoration:none;\n    font-weight:600;\n  }\n\n  \/* Hero *\/\n  .tp-hero{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:30px;\n    padding:48px 0;\n    color: white;\n  }\n  .tp-hero-left{ flex:1; min-width:280px; }\n  .tp-hero h1{\n    margin:0 0 12px 0;\n    font-size: clamp(28px, 4.5vw, 44px);\n    line-height:1.02;\n    text-shadow: 0 6px 30px rgba(0,0,0,0.25);\n  }\n  .tp-hero p{\n    margin:0 0 20px 0;\n    opacity:0.95;\n    max-width: 680px;\n  }\n  .tp-cta{\n    display:inline-block;\n    background: rgba(255,255,255,0.14);\n    border: 1px solid rgba(255,255,255,0.18);\n    padding:12px 22px;\n    border-radius:999px;\n    color:white;\n    text-decoration:none;\n    font-weight:700;\n    backdrop-filter: blur(6px);\n    box-shadow: 0 8px 30px rgba(0,0,0,0.25);\n  }\n\n  .tp-hero-right{\n    width:420px;\n    max-width:40%;\n    min-width:240px;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n  }\n  .tp-phone-mock{\n    width:100%;\n    border-radius:26px;\n    padding:18px;\n    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));\n    border:1px solid rgba(255,255,255,0.08);\n    box-shadow: 0 20px 60px rgba(15,23,36,0.3);\n  }\n  .tp-phone-mock img{ width:100%; height:auto; display:block; border-radius:14px; }\n\n  \/* Sections *\/\n  section.tp-section{\n    margin:36px 0;\n    padding:28px 0;\n    color: #081029;\n  }\n\n  .card-row{\n    display:grid;\n    grid-template-columns: repeat(auto-fit,minmax(220px,1fr));\n    gap:18px;\n  }\n\n  .tp-card{\n    background: rgba(255,255,255,0.06);\n    border-radius:14px;\n    padding:18px;\n    border:1px solid rgba(255,255,255,0.06);\n    backdrop-filter: blur(6px);\n    color:white;\n    min-height:120px;\n  }\n  .tp-card h3{ margin:6px 0 8px 0; font-size:18px; }\n  .tp-card p{ margin:0; opacity:0.95; font-size:14px; }\n\n  \/* Story \/ testimonial *\/\n  .tp-story{\n    display:flex;\n    gap:22px;\n    align-items:center;\n    flex-wrap:wrap;\n  }\n  .tp-story .story-media{\n    flex:0 0 360px;\n    max-width:360px;\n    min-width:260px;\n  }\n  .tp-story .story-text{ flex:1; color:white; }\n\n  \/* Signup form *\/\n  .tp-form{\n    background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));\n    border-radius:12px;\n    padding:18px;\n    border:1px solid rgba(255,255,255,0.08);\n    width:100%;\n    max-width:640px;\n    color:white;\n  }\n  .tp-form input, .tp-form textarea{\n    width:100%;\n    padding:12px 14px;\n    border-radius:10px;\n    border:1px solid rgba(255,255,255,0.06);\n    background: rgba(255,255,255,0.02);\n    color:white;\n    margin:8px 0;\n    font-size:14px;\n  }\n  .tp-form button{\n    background: linear-gradient(90deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08));\n    border: none;\n    padding:12px 18px;\n    border-radius:10px;\n    font-weight:700;\n    cursor:pointer;\n    margin-top:8px;\n    color:#07122a;\n  }\n\n  \/* Footer *\/\n  footer{\n    margin-top:36px;\n    padding:20px 0;\n    color: rgba(255,255,255,0.9);\n    text-align:center;\n    font-size:14px;\n  }\n\n  \/* Responsive *\/\n  @media (max-width:900px){\n    .tp-hero{\n      flex-direction:column-reverse;\n      text-align:center;\n    }\n    .tp-hero-right{ max-width:320px; width:80%; }\n    .tp-nav .tp-links{ display:none; }\n    .tp-container{ padding:28px 16px; }\n  }\n<\/style><\/p>\n<div id=\"twinpare-root\">\n<div class=\"tp-container\"><!-- NAV --><header class=\"tp-nav\" role=\"banner\"><a class=\"tp-logo\" href=\"https:\/\/twinpare.com\/wp-content\/uploads\/2025\/11\/42C243AE-F04D-4BC0-84AD-77894473E3D0.jpeg\"><span style=\"color: white; font-weight: bold;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-55 size-full\" src=\"https:\/\/twinpare.com\/wp-content\/uploads\/2025\/11\/fulllogo_transparent-1.png\" alt=\"\" width=\"1280\" height=\"1024\" \/><\/span><\/a><nav class=\"tp-links\" aria-label=\"Huvudmeny\"><a href=\"#about\">Om oss<\/a> <a href=\"#features\">Funktioner<\/a> <a href=\"#story\">Story<\/a> <a class=\"tp-cta\" style=\"background: rgba(255,255,255,0.12);\" href=\"#signup\">F\u00f6rhandsregistrera<\/a><\/nav><\/header><!-- HERO -->\n<section class=\"tp-hero\" aria-labelledby=\"hero-title\">\n<div class=\"tp-hero-left\">\n<h1 id=\"hero-title\">M\u00f6t din tvilling i v\u00e4rlden<\/h1>\n<p>Twinpare anv\u00e4nder AI f\u00f6r att hitta personer som speglar din stil, v\u00e4rderingar och personlighet \u2014 inte bara ditt utseende. Byggt av tvillingar, f\u00f6r \u00e4kta m\u00f6ten.<\/p>\n<a class=\"tp-cta\" href=\"#signup\">F\u00f6rhandsregistrera dig<\/a><\/div>\n<div class=\"tp-hero-right\" aria-hidden=\"true\">\n<div class=\"tp-phone-mock\"><!-- Byt ut bilden mot sk\u00e4rm-mockup eller GIF som visar appen --> <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x800?text=App+mockup\" alt=\"Twinpare app mockup\" \/><\/div>\n<\/div>\n<\/section>\n<\/div>\n<!-- ABOUT -->\n<section id=\"about\" class=\"tp-section\">\n<div class=\"tp-container\">\n<h2 style=\"color: white;\">Om Twinpare<\/h2>\n<p style=\"color: rgba(255,255,255,0.92); max-width: 820px;\">Vi \u00e4r tv\u00e5 tvillingar som byggt Twinpare f\u00f6r att skapa mer \u00e4kta och relevanta m\u00f6ten. V\u00e5r AI matchar m\u00e4nniskor p\u00e5 djupare niv\u00e5 \u2014 intressen, kommunikationsstil och livsv\u00e4rderingar \u2014 f\u00f6r att hitta din b\u00e4sta &#8220;tvillingmatch&#8221;.<\/p>\n<\/div>\n<\/section>\n<!-- FEATURES -->\n<section id=\"features\" class=\"tp-section\" aria-labelledby=\"features\">\n<div class=\"tp-container\">\n<h2 style=\"color: white;\">V\u00e5ra Funktioner<\/h2>\n<div class=\"card-row\" style=\"margin-top: 16px;\">\n<div class=\"tp-card\">\n<h3>AI-matchning<\/h3>\n<p>En intelligent matchningsmotor som analyserar personlighetsdrag och beteendem\u00f6nster.<\/p>\n<\/div>\n<div class=\"tp-card\">\n<h3>Tvillingprofil<\/h3>\n<p>Skapa en autentisk profil som visar vem du \u00e4r \u2014 inga filter, bara du.<\/p>\n<\/div>\n<div class=\"tp-card\">\n<h3>S\u00e4kerhet &amp; Integritet<\/h3>\n<p>All data krypteras och hanteras enligt GDPR \u2013 ni har kontroll \u00f6ver er information.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- STORY -->\n<section id=\"story\" class=\"tp-section\">\n<div class=\"tp-container\">\n<h2 style=\"color: white;\">Ber\u00e4ttelser fr\u00e5n verkliga tvillingar<\/h2>\n<div class=\"tp-story\" style=\"margin-top: 14px;\">\n<div class=\"story-media tp-card\"><!-- H\u00e4r kan ni l\u00e4gga en video eller en ljudspelare --> <img decoding=\"async\" style=\"width: 100%; border-radius: 8px;\" src=\"https:\/\/via.placeholder.com\/360x220?text=Video+placeholder\" alt=\"Video placeholder\" \/>\n<p style=\"margin-top: 10px; color: white; opacity: 0.95;\">Vi planerar att l\u00e4sa upp autentiska Reddit-ber\u00e4ttelser med v\u00e5ra egna r\u00f6ster (AI-st\u00f6dda) och dela dem h\u00e4r.<\/p>\n<\/div>\n<div class=\"story-text\">\n<blockquote style=\"margin: 0 0 12px 0; color: white; font-style: italic;\">&#8220;Det \u00e4r fascinerande hur mycket vi kan l\u00e4ra oss om oss sj\u00e4lva genom att tr\u00e4ffa n\u00e5gon som t\u00e4nker likadant.&#8221; \u2014 En Twinpare-anv\u00e4ndare<\/blockquote>\n<p style=\"color: rgba(255,255,255,0.9);\">Vill du bidra med din ber\u00e4ttelse? F\u00f6rhandsregistrera dig nedan s\u00e5 kontaktar vi dig n\u00e4r vi spelar in n\u00e4sta serie.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- SIGNUP -->\n<section id=\"signup\" class=\"tp-section\">\n<div class=\"tp-container\" style=\"display: flex; justify-content: center;\"><form id=\"signup-form\" class=\"tp-form\" action=\"#\" method=\"POST\" novalidate=\"\"><!-- S\u00e4tt form action till er e-post\/Mailchimp\/Zapier\/Firebase endpoint innan ni g\u00e5r live -->\n<h3 style=\"margin-top: 0; color: white;\">F\u00f6rhandsregistrera dig<\/h3>\n<p style=\"margin: 6px 0 12px 0; color: rgba(255,255,255,0.92);\">F\u00e5 tidig access, beta-inbjudan och exklusiva uppdateringar.<\/p>\n<input id=\"name\" name=\"name\" required=\"\" type=\"text\" placeholder=\"Ditt namn\" \/> <input id=\"email\" name=\"email\" required=\"\" type=\"email\" placeholder=\"Din e-post\" \/> <input id=\"location\" name=\"location\" type=\"text\" placeholder=\"Stad (valfritt)\" \/> <textarea id=\"note\" name=\"note\" rows=\"3\" placeholder=\"Vill du dela n\u00e5got kort? (valfritt)\"><\/textarea> <button type=\"submit\">Skicka f\u00f6rhandsregistrering<\/button>\n<p id=\"signup-msg\" style=\"margin-top: 10px; color: rgba(255,255,255,0.9); display: none;\">\u00a0<\/p>\n<\/form><\/div>\n<\/section>\n<!-- FOOTER --><footer>\n<div class=\"tp-container\">\n<p>\u00a9 <strong>TwinTech<\/strong> \/ Twinpare \u2014 Byggt av tvillingar. Alla r\u00e4ttigheter f\u00f6rbeh\u00e5llna.<\/p>\n<p style=\"font-size: 13px; opacity: 0.85;\">Integritet och s\u00e4kerhet: Din data hanteras enligt GDPR. Vi s\u00e4ljer inte din information.<\/p>\n<\/div>\n<\/footer><\/div>\n<p><script>\n  \/\/ Enkel formul\u00e4rhantering (placeholder). Byt action f\u00f6r riktig integration.\n  (function(){\n    const form = document.getElementById('signup-form');\n    const msg = document.getElementById('signup-msg');\n\n    form.addEventListener('submit', function(e){\n      e.preventDefault();\n      const name = document.getElementById('name').value.trim();\n      const email = document.getElementById('email').value.trim();\n\n      if(!email || !name){\n        msg.style.display = 'block';\n        msg.style.color = '#fff0';\n        msg.textContent = 'Var sn\u00e4ll och fyll i namn och e-post.';\n        msg.style.color = '#ffd6d6';\n        return;\n      }\n\n      \/\/ Simulerad \"s\u00e4ndning\" \u2014 h\u00e4r byter ni till Mailchimp\/Zapier\/Firebase endpoint.\n      \/\/ F\u00f6r nu: visa tackmeddelande och spara i localStorage s\u00e5 ni kan exportera offline.\n      const leads = JSON.parse(localStorage.getItem('twinpare_leads'||'[]')) || [];\n      leads.push({name, email, location: document.getElementById('location').value, note: document.getElementById('note').value, ts: new Date().toISOString()});\n      localStorage.setItem('twinpare_leads', JSON.stringify(leads));\n\n      msg.style.display = 'block';\n      msg.style.color = '#dfffe0';\n      msg.textContent = 'Tack! Vi h\u00f6r av oss snart \u2014 du \u00e4r registrerad f\u00f6r tidig access.';\n      form.reset();\n    });\n  })();\n<\/script><\/p>\n\n\n\n<p>&nbsp;<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af987f1 elementor-widget elementor-widget-heading\" data-id=\"af987f1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">M\u00f6t din tvilling i v\u00e4rlden<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ded45f2 e-con-full e-flex e-con e-child\" data-id=\"ded45f2\" data-element_type=\"container\">\n\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>&nbsp; Om oss Funktioner Story F\u00f6rhandsregistrera M\u00f6t din tvilling i v\u00e4rlden Twinpare anv\u00e4nder AI f\u00f6r att hitta personer som speglar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twinpare.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twinpare.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twinpare.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twinpare.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twinpare.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":49,"href":"https:\/\/twinpare.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/twinpare.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/96"}],"wp:attachment":[{"href":"https:\/\/twinpare.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}