Outiref

Code source de l'URL : http://justurk.com/fr/

<!DOCTYPE html>

<html lang="fr">
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>    Justurk - Site de Rencontres pour les Turcs de France, d&#039;Allemagne et de toute l&#039;Europe
</title>

    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

            <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png?v=2">
        <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png?v=2">
        <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon/android-chrome-192x192.png?v=2">
        <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png?v=2">
        <link rel="manifest" href="/images/favicon/site.webmanifest?v=2">
        <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg?v=2" color="#e61f50">
        <link rel="shortcut icon" href="/images/favicon/favicon.ico?v=2">
        <meta name="apple-mobile-web-app-title" content="JusTurk">
        <meta name="application-name" content="JusTurk">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="/mstile-144x144.png?v=2">
        <meta name="theme-color" content="#ffffff">
    
        
            <link rel="stylesheet" href="/build/shop/shop-entry.e0fbe425.css" data-turbo-track="reload">
<link rel="stylesheet" href="/build/bitbag/cms/shop/bitbag-cms-shop.css" data-turbo-track="reload">



    
    



            <script src="/build/shop/shop-entry.bfc9b07a.js" defer data-turbo-track="reload"></script>
<script src="/build/bitbag/cms/shop/bitbag-cms-shop.js" defer data-turbo-track="reload"></script>



    </head>

<body data-controller="chatroom-counter" class="pushable">
    <div data-controller="gtm"></div>

    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXX4ZQSG" height="0" width="0" style="display:none;visibility:hidden">
        </iframe>
    </noscript>
<!-- End Google Tag Manager (noscript) -->
            <div id="rc_cookie_consent" class="fixed bottom-0">
            
    <script src="/bundles/chcookieconsent/js/cookie_consent.js"></script>

<div class="ch-cookie-consent ch-cookie-consent--light-theme ch-cookie-consent--bottom">
            <h3 class="ch-cookie-consent__title">Les cookies sur notre site.</h3>
    
            <p class="ch-cookie-consent__intro"></p>
    
            <a class="ch-cookie-consent__read-more" href="/privacy-statement"></a>
    
    <form name="cookie_consent" method="post" action="/gtm" class="ch-cookie-consent__form">
        <div class="ch-cookie-consent__category-group">
                                                    <div class="ch-cookie-consent__category">
        <div class="ch-cookie-consent__category-toggle">
                            <input type="radio" id="cookie_consent_analytics_storage_0" name="cookie_consent[analytics_storage]" required="required" value="true" /><label for="cookie_consent_analytics_storage_0" class="required">Oui</label>                            <input type="radio" id="cookie_consent_analytics_storage_1" name="cookie_consent[analytics_storage]" required="required" value="false" checked="checked" /><label for="cookie_consent_analytics_storage_1" class="required">Non</label>                    </div>
        <div class="ch-cookie-consent__category-information">
            <h4 class="ch-cookie-consent__category-title">Cookies analytiques</h4>
            <p class="ch-cookie-consent__category-description">Permet le stockage lié à l&#039;analyse, par exemple la durée des visites.</p>
        </div>
    </div>

                                                                    <div class="ch-cookie-consent__category">
        <div class="ch-cookie-consent__category-toggle">
                            <input type="radio" id="cookie_consent_ad_storage_0" name="cookie_consent[ad_storage]" required="required" value="true" /><label for="cookie_consent_ad_storage_0" class="required">Oui</label>                            <input type="radio" id="cookie_consent_ad_storage_1" name="cookie_consent[ad_storage]" required="required" value="false" checked="checked" /><label for="cookie_consent_ad_storage_1" class="required">Non</label>                    </div>
        <div class="ch-cookie-consent__category-information">
            <h4 class="ch-cookie-consent__category-title">Cookies publicitaires</h4>
            <p class="ch-cookie-consent__category-description">Permet le stockage lié à la publicité.</p>
        </div>
    </div>

                                                                    <div class="ch-cookie-consent__category">
        <div class="ch-cookie-consent__category-toggle">
                            <input type="radio" id="cookie_consent_ad_user_data_0" name="cookie_consent[ad_user_data]" required="required" value="true" /><label for="cookie_consent_ad_user_data_0" class="required">Oui</label>                            <input type="radio" id="cookie_consent_ad_user_data_1" name="cookie_consent[ad_user_data]" required="required" value="false" checked="checked" /><label for="cookie_consent_ad_user_data_1" class="required">Non</label>                    </div>
        <div class="ch-cookie-consent__category-information">
            <h4 class="ch-cookie-consent__category-title">Données de navigation de l&#039;utilisateur</h4>
            <p class="ch-cookie-consent__category-description">Partage les informations de navigation de l&#039;utilisateur afin de proposer de la publicité ciblée</p>
        </div>
    </div>

                                                                    <div class="ch-cookie-consent__category">
        <div class="ch-cookie-consent__category-toggle">
                            <input type="radio" id="cookie_consent_ad_personalization_0" name="cookie_consent[ad_personalization]" required="required" value="true" /><label for="cookie_consent_ad_personalization_0" class="required">Oui</label>                            <input type="radio" id="cookie_consent_ad_personalization_1" name="cookie_consent[ad_personalization]" required="required" value="false" checked="checked" /><label for="cookie_consent_ad_personalization_1" class="required">Non</label>                    </div>
        <div class="ch-cookie-consent__category-information">
            <h4 class="ch-cookie-consent__category-title">Personnalisation de la publicité</h4>
            <p class="ch-cookie-consent__category-description">Personalise l&#039;expérience publicitaire en permettant à Google de personnaliser la publicité que le visiteur visualise</p>
        </div>
    </div>

                                                                                            <input type="hidden" id="cookie_consent__token" name="cookie_consent[_token]" value="7a49351f.Z1MS8kS8nkEnX-QK3loTqKuy8IPl4CN2JAj07tQHp2I.Amdchjz18Xh0KJFPrDhjnpLzuOWqqUQFfV-elJ5XzQAlDGW1cebyN3QFhw" />
                                    </div>

        <div class="ch-cookie-consent__btn-group">
                <div class="ch-cookie-consent__btn-wrapper">
        <button type="button" id="cookie_consent_save" name="cookie_consent[save]" class="btn ch-cookie-consent__btn">Sauvegarder</button>
    </div>

                    </div>
    </form>
</div>


        </div>
        <div class="pusher">
                                                            <div class="">

                            <header class="header_web w-full py-[0.35rem] lg:py-3  header_web_home" >
                    <div class="px-app flex justify-between items-center">
    <div class="flex items-center">
        <div class="locale-switch_ctn text-white bg-white/20 flex items-center rounded-full py-[5px] px-[12px]">
                <div class="flex items-center uppercase" >
        <span class="sylius-active-locale font-bold mr-2 text-xl" >
            fr
        </span>
        <span class="font-light text-sm"> | </span>
                                                        <a href="/fr/switch-locale/tr" class="font-light ml-2 text-base pt-[1px]" >
                    tr
                </a>
                        </div>

        </div>
                    <a href="/fr/pages/blog" class="underline text-white font-light ml-5 hidden lg:block">
                Conseils rencontre
            </a>
            </div>
    <figure class="absolute left-1/2 -translate-x-1/2 mt-[2px]">
        <a href="  /fr/ ">
            <img class="max-w-[125px] sm:max-w-[150px]"
                                    src="/images/logo-justurk-blanc.svg"
                                 alt="logo JusTurk rouge">
        </a>
    </figure>

                    <div class="hidden lg:flex items-center">
            <a href="/fr/se-connecter" class="underline text-white font-light mr-4">
                Se connecter
            </a>
            <a href="/connect/facebook"  class="fb-connect p-[6px] min-w-[60px] bg-fb hidden-mobile cursor-pointer btn xl:px-[2.4rem] xl:py-[0.7rem]">
                <img class="static xl:absolute left-[12px]" width="24" height="24" alt="" src="/images/logo-facebook-blanc.svg">
                <span class="absolute left-0 top-[8px] xl:static">
                    <input class="text-white relative left-[14px] font-normal text-[0.98rem] hidden xl:inline-block uppercase text-lg cursor-pointer relative -bottom-[1px]" type="button"
                           value="Continuer avec Facebook" />
                </span>
            </a>
        </div>

        <nav class="nav_hamburger absolute w-full h-full left-0 top-0 min-h-screen z-50" style="display:none;">
            <ul class="bg-[#FDE9EE] !my-0 h-full pt-[20vh] flex flex-col gap-2.5">
                <li class="bg-white rounded-[0.5rem] mx-3"><a class="px-6 py-4 flex justify-between !no-underline" href="/fr/creer-un-compte"> Rejoindre JusTurk <span class="text-just font-bold">></span></a> </li>
                <li class="bg-white rounded-[0.5rem] mx-3"><a class="px-6 py-4 flex justify-between !no-underline" href="/connect/facebook"> Continuer avec Facebook <span class="text-just font-bold">></span></a> </li>
                <li class="bg-white rounded-[0.5rem] mx-3"> <a class="px-6 py-4 flex justify-between !no-underline" href="/fr/se-connecter">Se connecter  <span class="text-just font-bold">></span> </a> </li>
                <li class="bg-white rounded-[0.5rem] mx-3">  <a class="px-6 py-4 flex justify-between !no-underline" href="/fr/pages/blog"> Conseils rencontre  <span class="text-just font-bold">></span> </a> </li>
                <li class="bg-white rounded-[0.5rem] mx-3"> <a class="px-6 py-4 flex justify-between !no-underline" href="/fr/contact/"> Contact <span class="text-just font-bold">></span>  </a> </li>
            </ul>
        </nav>
    
        <button class="btn_hamburger lg:hidden flex flex-col items-center justify-center relative  bg-just rounded-full pt-[12px] pb-[12px] pl-[14px] pr-[10px] shadow-just/15 shadow-2xl z-[51] relative">
        <svg class="btn_open" width="39" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="26" height="2.5" rx="1.25" fill="#fff"/><rect y="16" width="20" height="2.5" rx="1.25" fill="#fff"/><rect y="8" width="26" height="2.5" rx="1.25" fill="#fff"/><path d="M36.142 11.327a.529.529 0 0 1-.784 0l-2.23-2.496c-.291-.326-.053-.831.391-.831h4.462c.444 0 .682.505.392.83l-2.231 2.497z" fill="#fff"/></svg>
        <svg class="btn_close" style="display:none;" width="37" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path transform="matrix(.69991 .71423 -.77443 .63266 0 2)" stroke="#fff" stroke-width="2.5" stroke-linecap="round" d="M1.25-1.25h22.702"/><path transform="matrix(.6999 -.71423 .77443 .63265 2.075 20)" stroke="#fff" stroke-width="2.5" stroke-linecap="round" d="M1.25-1.25h22.702"/><path d="M33.358 8.173a.529.529 0 0 1 .784 0l2.23 2.496c.291.325.053.831-.391.831h-4.462c-.444 0-.682-.505-.392-.83l2.231-2.497z" fill="#fff"/></svg>
    </button>

</div>





    <script src="/build/shop/tooltip-user-submenu.4341149b.js" defer data-turbo-track="reload"></script>

                </header>
            

            
                
                                                                                    <div id="flash-messages"></div>
                                <div >
                    

                        <div class="homepage">

                <section class="homepage_baseline-cta relative">
            <div class="baseline-cta_figure h-screen md:h-[620px] lg:h-[700px]">
                <div class="overlay"></div>
                <video class="baseline-cta_video h-full" autoplay="autoplay" loop="loop" preload="auto" muted="true"
                       src="/videos/fr/accueil/video-justurk-couple-turc.mov">
                </video>
                <div class="baseline-cta_text center-x justify-center w-full h-full px-app">
                    <div class="center-x space-row my-auto md:my-0 w-full md:pt-16">
                        <img class="hidden-desktop mb-6" src="/images/fr/logo-justurk-blanc.svg" alt="logo JusTurk blanc">
                        <h1 class="text-white md:font-medium md:mb-auto"> Rencontre les célibataires Turcs de France </h1>

                        <h2 class="hidden-mobile text-white text-xl">
                            <span class="font-light text-xl italic">JustTurk &#58; N°1 de la rencontre franco-turque</span>
                            <span class="text-2xl font-secondary tracking-[1px]">depuis 2007</span>
                        </h2>
                    </div>
                    <div class="center-x space-row py-app my-app mt-auto md:mt-0 w-full">
                        <a class="btn btn-lg btn-red lg:mt-4 min-w-[310px]" href="/fr/creer-un-compte" title="Naviguer vers la page d&#039;inscription">
                            <svg class="absolute left-[16px] fill-white hover:fill-just" width="28" height="28"  viewbox="0 0 30 26" xmlns="http://www.w3.org/2000/svg"><path d="M10 15.3a10.8 10.8 0 0 1 0 0zM14.5 12.1c-.5.7-1.1 1.4-1.8 2 1-.8 1.7-1.5 1.8-2zM9.5 15.5h-.1z" fill="#fff"/><path d="M22 0c-3 0-5.6 1.5-7 3.8A8.1 8.1 0 0 0 8 0a8 8 0 0 0-8 7.8c0 2.1.9 4 2.3 5.4L15 25.5l12.4-12A7.6 7.6 0 0 0 30 7.8 8 8 0 0 0 22 0zm2.4 12-.3.2-3.4 3.3-.1.1-6.9 6.7-5-4.8c-.7-.9-.2-1.8.7-2l.6-.2c1-.3 2-.8 2.7-1.3.7-.5 1.3-1.2 1.8-1.9a6.3 6.3 0 0 1-4.3 1.8c-3.5 0-6.6-2.7-6.6-6s3.1-6 6.6-6A6.3 6.3 0 0 1 15 4.2l.1-.2A6.3 6.3 0 0 1 20 2c3.4 0 6.5 2.6 6.5 5.9 0 1.6-1 3-2 4z"/></svg>
                            <span class="relative left-[14px] font-medium">Rejoindre JusTurk </span>
                        </a>
                        <p class="hidden-mobile text-white font-secondary tracking-[1px] text-xl"> Inscription 100% GRATUITE</p>

                                                <a href="/connect/facebook" class="btn btn-lg bg-fb hidden-desktop cursor-pointer">
                            <svg class="absolute left-[12px]" width="24" height="24"  fill="none" viewbox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><mask id="b" x="0" y="0" style="mask-type:alpha" maskunits="userSpaceOnUse"><path d="M0 0h31v30.8H0V0z" fill="#fff"/></mask><g mask="url(#b)"><path d="M31 15.5a15.5 15.5 0 1 0-18 15.3V20H9.2v-4.5h4v-3.4c0-3.9 2.3-6 5.8-6 1.7 0 3.5.3 3.5.3v3.8h-2c-1.9 0-2.5 1.2-2.5 2.4v2.9h4.3l-.7 4.5H18v10.8C25.3 29.6 31 23.2 31 15.5z" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"/></g></g><defs><clippath id="a"><path fill="#fff" d="M0 0H31V31H0z"/></clippath></defs></svg>
                            <span class="text-white text-base relative left-[14px] font-medium cursor-pointer text-lg uppercase">Continuer avec Facebook </span>
                        </a>
                        <a class="hidden-desktop text-white underline" href="/fr/se-connecter" title="Se connecter à JusTurk ">
                            Se connecter
                        </a>
                    </div>
                </div>
            </div>

        </section>

                <section class="homepage_reassurance relative flex flex-wrap md:flex-nowrap justify-evenly px-app py-16 gap-y-20 ctn">
    <div class="w-full md:w-1/4">
        <div class="space-row flex center-x mx-auto max-w-[270px]">
            <svg height="60" fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 85 64"><path d="M41 19.2 34.6 11a51.5 51.5 0 0 1-1-1.5h-.1v6.2a26 26 0 0 1 0 1.8H35V19h-4.6v-1.3l.8-.1.4-.5c.2-.2.2-.6.2-1.2V8.3a26.1 26.1 0 0 1 0-1.8 37.9 37.9 0 0 1-1.5 0V5h3.2l6.1 7.7a25.3 25.3 0 0 1 1.4 2V8.2a26.1 26.1 0 0 1 0-1.8 39.7 39.7 0 0 1-1.4 0V5H44v1.3a3 3 0 0 0-.7.1l-.5.5a3 3 0 0 0-.2 1.2v11.1H41ZM48.7 11.1c-.7 0-1.3-.1-1.8-.4a3.1 3.1 0 0 1-1.5-2.8A3 3 0 0 1 47.1 5c.5-.3 1-.4 1.6-.4.7 0 1.2.1 1.7.4.5.3.9.7 1.1 1.1a3.3 3.3 0 0 1-1.2 4.5c-.5.3-1 .4-1.6.4Zm0-1.4c.4 0 .8-.2 1.1-.6.3-.3.5-.7.5-1.2a2 2 0 0 0-.5-1.3c-.3-.3-.7-.5-1.1-.5-.5 0-.9.2-1.1.5A2 2 0 0 0 47 8c0 .5.2.9.5 1.2.2.4.6.6 1 .6ZM54 19v-1.3l.9-.1.4-.5c.2-.2.2-.6.2-1.2V8l-2.2 1.3-.7-1.2 4.6-3.3h1.2v11a26.1 26.1 0 0 1 0 1.8h1.4V19h-5.7Z" fill="#CFAC61"/><path d="M79.3 33.2c2.5-1.6 4.4-4.6 5.1-8-2.2-.3-4.6.4-6.8 2.2-1.8 1.3-3.2 3-4.4 5 1-2.8 1.9-5.6 2.4-8.5 2.2.3 4.5-.3 6.4-2.3 2-2.2 3.1-5.4 3-9-2.3.1-4.4 1.4-6 3.5a18.4 18.4 0 0 0-3 5.8l.3-6c0-.3 1.4-5.4.9-8.3-.7-3.3-2.6-6-4.8-7.6-.6 2.6-.7 5.4-.1 8.3.5 2.6 2.4 7.3 2.4 7.6a42 42 0 0 1-.4 5.5c-.2-2-1-3.9-2.2-5.3-1.8-2-4-2.6-6.3-2.5a13 13 0 0 0 2.6 6.6 9 9 0 0 0 5.6 3.4 43 43 0 0 1-2.3 8c.3-2 0-4-.9-5.7a7.4 7.4 0 0 0-5.6-3.7c-.3 2.4 0 4.7 1 6.9 1 2 2.7 3.6 4.7 4.4-1.2 2.6-2.5 5-4.1 7.4.8-2 1-4 .4-5.8-.7-2.4-2.5-4-4.7-4.7a12 12 0 0 0-.5 6.9 8.5 8.5 0 0 0 3.5 5.3 48.2 48.2 0 0 1-5.9 6.4c1.3-1.8 2-3.7 2-5.6a6.9 6.9 0 0 0-3.6-5.6c-1.3 2-2.2 4.2-2.2 6.6 0 2.4.7 4.5 2.2 6a51 51 0 0 1-7.5 5.2c1.7-1.5 3-3.3 3.3-5.2.5-2.5-.5-4.7-2-6.2a13.3 13.3 0 0 0-4 6 8 8 0 0 0 .7 6.5l-3.2 1.5h-.1a3.5 3.5 0 0 0-2.7-1.2c-1.1 0-2 .5-2.7 1.3v-.1l-3.3-1.5a8 8 0 0 0 .7-6.4c-.7-2.4-2.1-4.4-4-6.1a6.6 6.6 0 0 0-2 6.2 9.3 9.3 0 0 0 3.3 5.2 50.8 50.8 0 0 1-7.5-5.2 8.2 8.2 0 0 0 2.2-6c0-2.4-.9-4.6-2.2-6.6-2 1.2-3.4 3-3.5 5.6-.1 1.9.6 3.8 1.8 5.6-2.1-2-4-4.1-5.8-6.4 1.8-1.2 3-3 3.5-5.3a12 12 0 0 0-.5-6.9c-2.2.8-4 2.3-4.7 4.7-.6 1.8-.4 3.8.4 5.8-1.6-2.4-3-4.8-4-7.4 2-.8 3.6-2.4 4.6-4.4 1-2.2 1.3-4.5 1-6.9a7.4 7.4 0 0 0-5.6 3.7 8.6 8.6 0 0 0-1 5.6 43 43 0 0 1-2.2-7.9 9 9 0 0 0 5.6-3.4 13 13 0 0 0 2.6-6.6c-2.2-.1-4.5.6-6.3 2.5a9 9 0 0 0-2.2 5.3c-.2-1.8-.4-3.6-.4-5.5 0-.3 2-5 2.4-7.6.6-3 .5-5.7 0-8.3a12.3 12.3 0 0 0-4.9 7.6c-.5 2.9.9 8 .9 8.3 0 2 .1 4 .4 6-.7-2.1-1.7-4-3-5.8-1.7-2.1-3.8-3.4-6-3.4-.2 3.5.9 6.7 2.9 8.9 1.9 2 4.2 2.6 6.4 2.3.5 2.9 1.3 5.7 2.4 8.4-1.2-1.9-2.6-3.6-4.4-5-2.2-1.7-4.6-2.4-6.8-2 .7 3.3 2.6 6.3 5 8a7.5 7.5 0 0 0 7 .8 47 47 0 0 0 4.5 8 19.7 19.7 0 0 0-5.6-4.2c-2.7-1.2-5.2-1.4-7.3-.6 1.5 3.1 4 5.6 6.9 6.7 2.8 1 5.2.7 7-.5 2 2.5 4.2 4.8 6.6 7a21.1 21.1 0 0 0-6.8-3c-2.8-.7-5.4-.4-7.3.8 2.3 2.8 5.4 4.7 8.5 5.2 3 .5 5.3-.4 6.8-2 2.5 2.2 5.3 4 8.3 5.7-2.5-1-5-1.6-7.5-1.7-3 0-5.5.7-7 2.4 2.9 2.2 6.5 3.5 9.6 3.4 3.1-.1 5.3-1.5 6.4-3.3 1 .6 2.2 1 3.3 1.6h.2l-.1.5c0 1.7 1.5 3.1 3.4 3.1s3.4-1.4 3.4-3v-.6l3.4-1.6c1.1 1.8 3.2 3.2 6.4 3.3 3.1.1 6.7-1.2 9.6-3.4-1.5-1.7-4-2.4-7-2.4-2.5 0-5 .7-7.5 1.7 3-1.7 5.8-3.5 8.3-5.6a7.6 7.6 0 0 0 6.8 2c3.1-.6 6.2-2.5 8.5-5.3-2-1.2-4.5-1.5-7.4-.9-2.3.6-4.6 1.7-6.7 3 2.4-2 4.6-4.4 6.5-7a7.6 7.6 0 0 0 7.1.6c2.8-1 5.4-3.6 6.9-6.7-2.1-.8-4.6-.6-7.3.6-2 1-4 2.4-5.6 4.1 1.8-2.5 3.3-5.1 4.5-7.9 2 .8 4.5.7 7-.9Z" fill="#E61D50"/></svg>
            <h3 class="!mt-1 text-xl font-semibold"> Leader de la rencontre franco-turque et des amoureux de la Turquie </h3>
            <h4 class="text-grey font-light"> Plus de 100 000 inscrits sur JusTurk </h4>
        </div>
    </div>
    <div class="w-full md:w-1/4">
        <div class="space-row flex center-x  mx-auto max-w-[270px]">
            <svg height="60" fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 60 64"><path d="M60 9.4v22.1c0 16.3-13.2 29.4-30 31.7C13.1 60.9 0 47.8 0 31.5V9.4c14 0 18.3-3.2 30-9.4 11.8 6.3 15.8 9.4 30 9.4Zm-31.3 50V32.8H4a29.4 29.4 0 0 0 24.8 26.4Zm2.6-28.9H56V13C45.3 12.7 40 9.5 31.3 5v25.6Z" fill="#E61D50"/></svg>
            <h3 class="!mt-1 text-xl font-semibold"> Sécurité et confiance pour des <strong class="underline font-semibold">rencontres sérieuses</strong>  </h3>
            <h4 class="text-grey font-light"> Comptes protégés, profils modérés, signalement et blocage 24h/24 et 7J/7 </h4>
        </div>
    </div>
    <div class="w-full md:w-1/4">
        <div class="space-row flex center-x mx-auto max-w-[270px]">
            <svg height="60"  fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 75 64"><path d="m66.6 38.7-.6-.5-2-1.5h-.5l.2.2.7.5.3.3 1 .8.3.2h.6Z" fill="url(#a)"/><path d="M63.5 36.7h-.1l-.3-.3-2.4.2-.8.2.3.3.5-.1" fill="url(#b)"/><path d="m64 36.7-.4-.4h-.5l.3.3.1.1h.5Z" fill="url(#c)"/><path d="M25 38.3a27 27 0 0 1 0 0ZM36.3 30.3a22 22 0 0 1-4.6 4.7c2.5-1.7 4.3-3.6 4.6-4.7ZM23.7 38.7h-.2a19.2 19.2 0 0 0 .2 0Z" fill="#E51C50"/><path d="M54.8 0C47.4 0 41 3.8 37.5 9.5 34 3.8 27.5 0 20.2 0A19.8 19.8 0 0 0 0 19.5 19 19 0 0 0 5.8 33v.1H6l31.6 30.5 30.9-29.9c4-3.5 6.6-8.6 6.6-14.3C75 8.7 66 0 54.8 0ZM61 29.8l-.8.8-8.4 8.1-.3.3-17.2 16.7-12.5-12c-1.9-2.2-.6-4.4 1.7-5h.2l-.1-.1 1.5-.3a27 27 0 0 0 6.6-3.3 22 22 0 0 0 4.6-4.7 15.7 15.7 0 0 1-11 4.4C16.9 34.7 9 28 9 19.7c0-8.2 7.8-14.9 16.4-14.9a15.7 15.7 0 0 1 12 5.7l.4-.4c2.9-3.2 7.1-5.3 11.8-5.3 8.6 0 16.3 6.7 16.3 15 0 3.8-2.4 7.4-5 10Z" fill="#E61D50"/><path d="M54.5 27.4c-.2.4-.2 1 .2 1.6a27 27 0 0 1 8.8 4.8 26 26 0 0 1 7 7c.8.3 1.3.2 1.6-.1 1-1.1-2.3-5-7.1-8.7-4.9-3.6-9.6-5.7-10.5-4.6Z" fill="url(#d)"/><path d="M46.2 38.4c0 .4.5.7 1.3 1 1.7-1.1 5.4-2.2 9.7-2.8 4.3-.5 8.2-.4 10.1.2.7-.5 1-1 1-1.3-.2-1.5-5.3-2-11.4-1.1-6.1.8-11 2.6-10.7 4Z" fill="url(#e)"/><path d="m67.3 36.8-2.5 1.1H64.5l-.1.1h-.2l-.1.1h-.2l-.1.1h-.2l-.1.1H63.2v.1h-.4l-.1.1A43.1 43.1 0 0 1 52.4 40h-2.2l-2.8-.5-1-.5v-1.2c-1.6 2.2.4 3.5.4 3.5 1.3 1 5.8 1.3 11 .6 5.3-.7 9.5-2.1 10.5-3.4 0 0 1.6-1.8-.5-3.5l.2 1.2a3 3 0 0 1-.8.7Z" fill="url(#f)"/><path d="M46.2 38.4a.8.8 0 0 0 0 .1c.7 1.3 5.6 1.8 11.4 1 5.9-.8 10.5-2.5 10.7-3.8v-.2c-.2-1.5-5.3-2-11.4-1.1-6.1.8-11 2.6-10.7 4Zm21.5-2.9v.4h-.1v.1h-.1v.1l-.1.1h-.1v.1l-.5.3c-1.5 1-4.9 2-9.2 2.6a27.6 27.6 0 0 1-10.1-.3h-.2l-.1-.1H47v-.1H47v-.1h-.1v-.1h-.1v-.1c-.2-1.1 4-2.9 10.1-3.7 6.2-.8 10.7-.2 10.8.8Z" fill="url(#g)"/><path d="m56.2 34.5-2.8 2.7-.3.3-1.5 1.5s9.7-.1 8.2-1.4c-1.7-1.4-2.5-2-3.6-3.1Z" fill="#E51C50"/><path d="M70.4 40.9c-.7-.2-1.6-.5-2.6-1h-.2l-.2-.2h-.2v-.1H67l-.1-.1-.1-.1h-.2v-.1h-.1l-.2-.1-.1-.1H66V39l-.2-.1a42.3 42.3 0 0 1-8-6v-.1h-.1v-.1h-.1v-.1l-.1-.1-.2-.1v-.1h-.1V32H57l-.1-.2h-.1v-.1l-.1-.1-.1-.1-.1-.1-.1-.1-.1-.1c-.7-.9-1.3-1.6-1.6-2.3a3 3 0 0 1-.3-.9l.8-1c-2.7.5-2.3 2.8-2.3 2.8 0 .9 1 2.3 2.5 3.9a38.7 38.7 0 0 0 5.2 4.5c4 2.9 7.8 4.7 9.4 4.5 0 0 2.4-.2 2.3-2.8l-.8 1-1-.1Z" fill="url(#h)"/><path d="M54.5 27.4v.2c-.6 1.3 2.5 5 7.1 8.5 4.7 3.5 9.2 5.5 10.4 4.7v-.1h.1c1-1.1-2.3-5-7.1-8.7-1.3-1-2.5-1.8-3.7-2.5-3.4-2-6.1-2.9-6.8-2Zm17.2 13h-.2v.1H70.1a27 27 0 0 1-8.3-4.7 25.9 25.9 0 0 1-7-7V27.7c.8-.8 5 .8 9.9 4.5s7.6 7.2 6.9 8Z" fill="url(#i)"/><path d="m64.5 37.7 4-3.9c4-3.5 6.5-8.7 6.5-14.4l-9 .3c0 4-2.5 7.4-5 10.1l-.8.7-2.1 2.1a43 43 0 0 0 6.4 5Z" fill="#E51C50"/><defs><lineargradient id="a" x1="64.9" y1="37.9" x2="68.3" y2="33.4" gradientunits="userSpaceOnUse"><stop stop-color="#FAF7D5"/><stop offset="1" stop-color="#F2D35A"/></lineargradient><lineargradient id="b" x1="74.9" y1="46.8" x2="55.9" y2="31.3" gradientunits="userSpaceOnUse"><stop stop-color="#CEAB60"/><stop offset=".4" stop-color="#F3D865"/><stop offset=".6" stop-color="#FAF7D5"/><stop offset=".8" stop-color="#F3D865"/><stop offset="1" stop-color="#CEAB60"/></lineargradient><lineargradient id="c" x1="63.4" y1="36.7" x2="66.8" y2="32.3" gradientunits="userSpaceOnUse"><stop stop-color="#FAF7D5"/><stop offset="1" stop-color="#F2D35A"/></lineargradient><lineargradient id="d" x1="55.2" y1="27" x2="71.8" y2="40.6" gradientunits="userSpaceOnUse"><stop stop-color="#A17F33"/><stop offset="0" stop-color="#A88538"/><stop offset=".3" stop-color="#E1C467"/><stop offset="1" stop-color="#A17F33"/></lineargradient><lineargradient id="e" x1="46.3" y1="37.7" x2="67.9" y2="34.6" gradientunits="userSpaceOnUse"><stop stop-color="#A17F33"/><stop offset=".3" stop-color="#E1C467"/><stop offset="1" stop-color="#A17F33"/></lineargradient><lineargradient id="f" x1="69.1" y1="37.5" x2="46.1" y2="40.8" gradientunits="userSpaceOnUse"><stop stop-color="#CEAB60"/><stop offset=".4" stop-color="#F3D865"/><stop offset=".6" stop-color="#FAF7D5"/><stop offset=".8" stop-color="#F3D865"/><stop offset="1" stop-color="#CEAB60"/></lineargradient><lineargradient id="g" x1="57.6" y1="39.5" x2="56.9" y2="34.4" gradientunits="userSpaceOnUse"><stop stop-color="#FAF7D5"/><stop offset="1" stop-color="#F2D35A"/></lineargradient><lineargradient id="h" x1="71.1" y1="42.7" x2="53.3" y2="28.2" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#CEAB60"/><stop offset=".4" stop-color="#F3D865"/><stop offset=".6" stop-color="#FAF7D5"/><stop offset=".8" stop-color="#F3D865"/><stop offset="1" stop-color="#CEAB60"/></lineargradient><lineargradient id="i" x1="61.7" y1="36.1" x2="64.8" y2="31.9" gradientunits="userSpaceOnUse"><stop stop-color="#FAF7D5"/><stop offset="1" stop-color="#F2D35A"/></lineargradient></defs></svg>
            <h3 class="!mt-1 text-xl font-semibold">Histoires d’amour et mariages à la turque </h3>
            <h4 class="text-grey font-light"> Plus de mille couples formés et mariés depuis 2007 </h4>
        </div>
    </div>
</section>

        <section class="homepage_screen-app relative xl:px-app pt-10 pb-[5rem] md:pb-[7rem] gap-y-20 xl:ctn xl:flex">
            <div class="relative md:px-app xl:px-0 xl:order-2 xl:w-1/2 xl:flex xl:items-center max-w-5xl mx-auto">
                <figure class="relative">
                    <div class="overlay md:rounded-[40px]"></div>
                    <img class="xs:block md:rounded-[40px] w-full object-cover h-[380px] md:h-[540px] object-[50%] md:object-left"
                         src="/images/fr/accueil-belle-femme-turque.jpg"
                         alt="Belle femme turque souriante au bord de mer">
                </figure>
                <figure class="absolute left-1/2 -translate-x-1/2  top-[60%] sm:top-[50%] md:top-[60%] lg:top-[80%] lg:-translate-y-1/2 xl:top-1/2 xl:left-[10%] flex justify-center z-10">
                    <img class="w-[150px] md:!w-[190px] ml-1 xs:mr-2"
                         src="/images/fr/mobile-rencontres-turque-recherche-femme-turque.png"
                         alt="Aperçu de l'application web JusTurk &#58; les profils">
                    <img class="w-[150px] md:w-[190px] mr-1 xs:ml-2"
                         src="/images/fr/mobile-rencontres-turque-recherche-homme-turc.png"
                         alt="Aperçu de l'application web JusTurk &#58; les profils">
                </figure>
            </div>
            <div class="pt-[180px] md:pt-[15rem] lg:pt-[13rem] xl:pt-0 flex xl:order-1 xl:w-1/2 xl:items-center">
                <div class="px-app xl:px-0 flex flex-col space-row max-w-5xl xl:max-w-[520px] xl:pr-16">
                    <h2 class="text-3xl text-black font-semibold">En quête d’un.e partenaire Turc ? </h2>
                    <h3 class="font-semibold text-just text-xl mb-2"> JusTurk &#58; trouve l’amour d’origine Turque ! </h3>
                    <p class="text-grey font-light">
                        JusTurk est la solution idéale pour <em class="font-medium not-italic">rencontrer des femmes ou hommes turcs résidant dans un pays francophone</em> comme la France (Paris, Lyon, Strasbourg, Marseille, région Alsace...), la Belgique ou encore le Canada (Quebec).
                    </p>
                    <p class="text-grey font-light">
                        Le site propose aussi un service <span>« turkish chat/chat</span> <br class="hidden xl:flex"> <span> turquie »</span> , te donnant l’opportunité de <em class="font-medium not-italic">communiquer instantanément avec des célibataires turcs</em> et autres amoureux de la Turquie.
                    </p>
                    <p class="text-grey font-light">
                        Envie de construire <em class="font-medium not-italic">une <span class="underline">relation durable</span> avec un homme ou une fille turque</em> ? Chez JusTurk, l’âme soeur est à deux clics.
                    </p>
                </div>
            </div>
        </section>

        <section id="testimonials" class="homepage_testimonials relative">
            <figure class="relative">
                <div class="overlay"></div>
                <img class="w-full object-cover h-[500px] md:h-[700px] object-[20%] blur-[0.1rem] md:blur-[0]"
                     src="/images/fr/couple-turcs-en-tenue-de-mariage.jpg"
                     alt="Couple turcs vêtus d&#039;habits de mariage &amp;#58; l&#039;époux embrasse sa femme en robe de mariée sur la joue">
            </figure>
            <div class="w-full absolute z-10 left-0 top-0 h-full">
                <div class="px-app w-full ctn absolute top-[50%] lg:top-1/2 -translate-y-1/2 lg:bottom-auto lg:left-0 lg:right-0">
                    <div class="max-w-[590px] bg-white/90 lg:bg-white rounded-[20px] md:rounded-[40px] pt-10 pb-20 px-10 xs:px-14 sm:pt-[4rem] md:pt-[5rem] sm:pb-[6rem] sm:px-20 space-row flex flex-col mx-auto lg:ml-auto lg:mr-0 lg:shadow-2xl lg:shadow-black/50">
                        <h2 class="text-2xl xs:text-3xl text-black font-semibold sm:mb-2">Ils se sont rencontrés <br>sur JusTurk</h2>
                        <div class="splide" aria-labelledby="carousel-heading">
                            <div class="splide__arrows">
                                <button class="splide__arrow splide__arrow--prev">
                                    <svg width="19" height="12" viewbox="0 0 19 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M15.6986 6.62053L1.57352 6.62053C1.22999 6.62053 0.950685 6.34408 0.95 6.00201L0.95 6.00191C0.95 5.65941 1.2295 5.38326 1.57298 5.38326L15.8449 5.38326L13.6386 3.42964L11.8834 2.05348L11.8833 2.05345C11.6137 1.84161 11.5676 1.45268 11.7812 1.18455L11.8203 1.21571L11.7812 1.18455C11.9043 1.0301 12.0869 0.95 12.2702 0.95C12.4057 0.95 12.5423 0.993827 12.6563 1.08353L15.6986 6.62053ZM15.6986 6.62053L11.7995 9.96322L11.7995 9.96323C11.5391 10.1866 11.5102 10.5772 11.7354 10.8359C11.9598 11.0943 12.3531 11.1227 12.6133 10.8998L12.6133 10.8998L17.8341 6.42373C17.9697 6.30747 18.0486 6.13874 18.05 5.96006C18.0514 5.78169 17.9752 5.61192 17.8413 5.49361L14.4406 2.48411L14.4406 2.48404L14.4383 2.48222L12.6564 1.08357L15.6986 6.62053Z" fill="white" stroke="white" stroke-width="0.1"/>
                                    </svg>
                                </button>
                                <button class="splide__arrow splide__arrow--next">
                                    <svg width="19" height="12" viewbox="0 0 19 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M15.6986 6.62053L1.57352 6.62053C1.22999 6.62053 0.950685 6.34408 0.95 6.00201L0.95 6.00191C0.95 5.65941 1.2295 5.38326 1.57298 5.38326L15.8449 5.38326L13.6386 3.42964L11.8834 2.05348L11.8833 2.05345C11.6137 1.84161 11.5676 1.45268 11.7812 1.18455L11.8203 1.21571L11.7812 1.18455C11.9043 1.0301 12.0869 0.95 12.2702 0.95C12.4057 0.95 12.5423 0.993827 12.6563 1.08353L15.6986 6.62053ZM15.6986 6.62053L11.7995 9.96322L11.7995 9.96323C11.5391 10.1866 11.5102 10.5772 11.7354 10.8359C11.9598 11.0943 12.3531 11.1227 12.6133 10.8998L12.6133 10.8998L17.8341 6.42373C17.9697 6.30747 18.0486 6.13874 18.05 5.96006C18.0514 5.78169 17.9752 5.61192 17.8413 5.49361L14.4406 2.48411L14.4406 2.48404L14.4383 2.48222L12.6564 1.08357L15.6986 6.62053Z" fill="white" stroke="white" stroke-width="0.1"/>
                                    </svg>
                                </button>
                            </div>
                            <div class="splide__track">
                                <ul class="splide__list">
                                    <li class="splide__slide">
                                        <figure class="flex flex-col">
                                            <blockquote class="text-grey font-light italic inline-block max-w-[400px] mb-2">
                                                “Dans l&#039;ensemble le site est plutot bien fait et à propos des rencontres, ca a été une expérience très positive.. j&#039;ai même rencontré mon petit coeur. Par conséquent, je n&#039;ai pas grand chose à rajouter car vous faîtes du bon boulot, bonne continuation..:p”
                                            </blockquote>
                                            <figcaption class="text-grey font-light italic inline-block w-full max-w-[400px] text-right">
                                                Nursen
                                            </figcaption>
                                        </figure>
                                    </li>
                                    <li class="splide__slide">
                                        <figure class="flex flex-col">
                                            <blockquote class="text-grey font-light italic inline-block max-w-[400px] mb-2">
                                                “J&#039;ai trouvé l&#039;homme de ma vie grâce à votre site...  Un grand MERCI à toute l&#039;équipe!  iyiki varsiniz!!!”
                                            </blockquote>
                                            <figcaption class="text-grey font-light italic inline-block w-full max-w-[400px] text-right">
                                                Eysen
                                            </figcaption>
                                        </figure>
                                    </li>
                                    <li class="splide__slide">
                                        <figure class="flex flex-col">
                                            <blockquote class="text-grey font-light italic inline-block max-w-[400px]  mb-2">
                                                “Je remercie l&#039;ensemble de votre équipe. Grâce à vous, j&#039;ai trouvé l amour de ma vie ! Avec qui je vais me marier dans un avenir proche. Bonne continuation.”
                                            </blockquote>
                                            <figcaption class="text-grey font-light italic inline-block w-full max-w-[400px] text-right">
                                                Dilek
                                            </figcaption>
                                        </figure>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="homepage_cta_community bg-just pt-[6rem]  pb-[5rem] md:pt-20 md:pb-16">
            <div class="ctn px-app center-x space-row">
                <h2 class="text-2xl sm:text-3xl text-white max-w-3xl font-medium mb-4">
                    Plus de 100 000 membres sont déjà inscrits <br class="hidden md:inline-block">sur JusTurk, rejoins la communauté maintenant !
                </h2>
                <a class="btn btn-lg btn-white min-w-[310px]" href="/fr/creer-un-compte" title="Rejoindre la communauté JusTurk">
                    <svg class="absolute left-[16px] fill-just hover:fill-white" width="28" height="28"  viewbox="0 0 30 26" xmlns="http://www.w3.org/2000/svg"><path d="M10 15.3a10.8 10.8 0 0 1 0 0zM14.5 12.1c-.5.7-1.1 1.4-1.8 2 1-.8 1.7-1.5 1.8-2zM9.5 15.5h-.1z" fill="#fff"/><path d="M22 0c-3 0-5.6 1.5-7 3.8A8.1 8.1 0 0 0 8 0a8 8 0 0 0-8 7.8c0 2.1.9 4 2.3 5.4L15 25.5l12.4-12A7.6 7.6 0 0 0 30 7.8 8 8 0 0 0 22 0zm2.4 12-.3.2-3.4 3.3-.1.1-6.9 6.7-5-4.8c-.7-.9-.2-1.8.7-2l.6-.2c1-.3 2-.8 2.7-1.3.7-.5 1.3-1.2 1.8-1.9a6.3 6.3 0 0 1-4.3 1.8c-3.5 0-6.6-2.7-6.6-6s3.1-6 6.6-6A6.3 6.3 0 0 1 15 4.2l.1-.2A6.3 6.3 0 0 1 20 2c3.4 0 6.5 2.6 6.5 5.9 0 1.6-1 3-2 4z"/></svg>
                    <span class="relative left-[14px] font-semibold uppercase"> Rejoindre JusTurk </span>
                </a>
                <p class="hidden-mobile text-white font-secondary tracking-[1px] text-xl"> Inscription 100% GRATUITE </p>
            </div>
        </section>

        <section class="homepage_who-are-them pt-[6rem] md:pt-20">
            <div class="ctn px-app center-x space-row">
                <h2 class="text-black text-3xl max-w-xl mb-2 font-semibold"> Qui sont les célibataires JusTurk ? </h2>
                <div class="flex flex-wrap md:flex-nowrap justify-evenly px-app py-16 gap-y-20">
                    <div class="w-full md:w-1/4">
                        <div class="space-row flex center-x mx-auto max-w-lg">
                            <span class="text-4xl lg:text-5xl font-semibold text-just"> 96% </span>
                            <h3 class="text-black text-xl font-medium"> sont Turcs </h3>
                            <h4 class="mt-1 text-grey font-light">
                                La majorité de nos membres sont <strong>natifs ou originaires de Turquie</strong> et vivent actuellement dans un pays francophone. Ne cherche plus, la communauté turque est sur Justurk !
                            </h4>
                        </div>
                    </div>
                    <div class="w-full md:w-1/4">
                        <div class="space-row flex center-x mx-auto max-w-lg">
                            <span class="text-4xl lg:text-5xl font-semibold text-just"> 30 / SEM. </span>
                            <h3 class="text-black text-xl font-medium"> sont des nouveaux membres </h3>
                            <h4 class="mt-1 text-grey font-light">
                                Pars à la découverte de nouveaux célibataires qui recherchent <strong>une relation durable et sérieuse</strong>. JusTurk est recherché 10 000 x / mois sur Google, ce n’est qu’une question de temps pour que tu y trouves ton âme soeur.
                            </h4>
                        </div>
                    </div>
                    <div class="w-full md:w-1/4">
                        <div class="space-row flex center-x mx-auto max-w-lg">
                            <span class="text-4xl lg:text-5xl font-semibold text-just"> 1/3 </span>
                            <h3 class="text-black text-xl font-medium"> sont des femmes </h3>
                            <h4 class="mt-1 text-grey font-light">
                                Le ratio femme homme est <strong>largement supérieur à la moyenne</strong> des autres sites de rencontre (1/4). C’est une très bonne nouvelle pour ta recherche de partenaire !
                            </h4>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <section class="homepage_location py-[6rem] md:py-20">
            <div class="ctn px-app center-x space-row">
                <div class="flex flex-wrap md:flex-nowrap">
                    <div class="w-full md:w-1/2">
                        <figure>
                            <img class="xs:block w-full"
                                 src="/images/fr/justurk-regions-villes-turquie.png"
                                 alt="Villes de Turquie">
                        </figure>
                    </div>
                    <div class="w-full md:w-1/2 md:text-left md:flex md:items-center">
                        <div class="md:max-w-lg flex flex-col items-center md:items-start space-row md:pl-10">
                            <h2 class="text-3xl max-w-xl mb-2 font-semibold"> Découvre les célibataires de la région de ton choix </h2>
                            <p class="mb-4 text-grey font-light"> JusTurk te permet d’être en relation avec des turcs de France originaires de toute la Turquie. </p>
                            <a class="btn btn-lg btn-red min-w-[310px]" href="/fr/creer-un-compte" title="Rejoindre la communauté JusTurk">
                                <svg class="absolute left-[16px] fill-white hover:fill-just" width="28" height="28"  viewbox="0 0 30 26" xmlns="http://www.w3.org/2000/svg"><path d="M10 15.3a10.8 10.8 0 0 1 0 0zM14.5 12.1c-.5.7-1.1 1.4-1.8 2 1-.8 1.7-1.5 1.8-2zM9.5 15.5h-.1z" fill="#fff"/><path d="M22 0c-3 0-5.6 1.5-7 3.8A8.1 8.1 0 0 0 8 0a8 8 0 0 0-8 7.8c0 2.1.9 4 2.3 5.4L15 25.5l12.4-12A7.6 7.6 0 0 0 30 7.8 8 8 0 0 0 22 0zm2.4 12-.3.2-3.4 3.3-.1.1-6.9 6.7-5-4.8c-.7-.9-.2-1.8.7-2l.6-.2c1-.3 2-.8 2.7-1.3.7-.5 1.3-1.2 1.8-1.9a6.3 6.3 0 0 1-4.3 1.8c-3.5 0-6.6-2.7-6.6-6s3.1-6 6.6-6A6.3 6.3 0 0 1 15 4.2l.1-.2A6.3 6.3 0 0 1 20 2c3.4 0 6.5 2.6 6.5 5.9 0 1.6-1 3-2 4z"/></svg>
                                <span class="relative left-[14px]  font-semibold"> Rejoindre JusTurk </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="homepage_private-live bg-just bg-opacity-10 py-[4rem] md:py-20">
            <div class="max-w-5xl mx-auto text-grey font-light flex flex-col gap-y-[1.5rem] px-app">

                <h3 class="text-base"> Vie privée </h3>

                <p class="text-sm">
                    Fini les sites de chat ou autres forums et skyblog.... Affinités pour le football turc, pour la musique turque ou plus pour des personnes de toutes les régions de Turquie (anadolu, karadeniz, ege, marmara, dogu). Le site est ouvert à toutes les populations issues de Turquie, de France et de Nazarre ! Turk kizlari arayanlara veya turk bogoss’umu yoksa miss turk’mu ? Hepsi var ! Guzeli, dilberi...
                </p>
                <p class="text-sm">
                    Vous cherchez un turk ? Une jeune fille turque ? Ou bien une femme turque ? Des milliers de femmes turques sont inscrites sur notre site de rencontre pour turk de france. Femme turk, fille turk, JusTurk s'adresse aussi à vous ! Via notre chat turc vous pouvez faire des rencontres amoureuses. A tous les amoureux de la Turquie souhaitant organiser un mariage turk, JusTurk est la solution idéale. Nous sommes leaders dans les rencontres made in turk france.
                </p>
                <p class="text-sm">
                    Pour les femmes turques, femme turk, fille turk, fille turque, et les autres turk, JusTurk est le site de rencontre turk de france numéro UN. Notre application chat turc est spécialement conçu pour vous faciliter les rencontres aboutissant à un mariage turk.
                </p>

                <h3 class="text-base"> Charte éthique </h3>

                <p class="text-sm">
                    JusTurk est un site de rencontres sérieuses, notre objectif est de vous permettre de construire une relation durable et épanouie.
                </p>
                <p class="text-sm">
                    Nous acceptons uniquement les célibataires porteurs d’un projet sincère, sain, sérieux et respectueux. Si, in fine, cette relation aboutit à un mariage, toute l'équipe de JusTurk en sera ravie.
                </p>
                <p class="text-sm">
                    L'intégrité étant notre exigence primordiale, JusTurk s'interdit la mise en oeuvre de faux profils, ainsi que l'utilisation de robots de dialogue automatique.
                </p>
                <p class="text-sm">
                    Nous nous réservons le droit de supprimer tout profil ne remplissant pas les critères cités précédemment.
                </p>
            </div>
        </section>


    </div>

    <script src="/build/shop/homepage.7ef44914.js" defer data-turbo-track="reload"></script>

                    

                </div>

                                    </div>
                                <div id="install-app_banner" class="banner w-full sm:w-[420px] md:!hidden pl-4 pr-4 sm:pl-10 sm:pr-10 pt-4 pb-4">
            <button class="close-button px-6 py-4 text-2xl">×</button>
            <div class="banner-content">
                <div class="flex items-center justify-center">
                    <i class="mobile alternate icon !text-[4.25rem] !h-auto !mr-6 relative top-[1px]"></i>
                    <div>
                        <h3 class="font-medium text-2xl">Installe JusTurk</h3>
                        <p class="text-base font-light mt-2">Installe l&#039;application en raccourci sur ton téléphone pour y accéder à tout instant.</p>
                    </div>
                </div>
                <hr class="w-full text-opacity-20 mt-3 mb-3">
                <ol>
                    <li class="font-normal mb-2">
                        <i class="mr-2 not-italic">1.</i> Clique sur l&#039;icone
                        <i class="ellipsis vertical icon !mr-0"></i> (Android) ou
                        <svg class="svg-icon inline w-[24px] h-[24px]" style="fill: currentColor; overflow: hidden;" viewbox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M576 288 576 320 800 320 800 864 224 864 224 320 448 320 448 288 192 288 192 896 832 896 832 288Z"  /><path d="M386.2 236.2 363 213 512 64 661 213 637.8 236.2 528.4 126.8 528.4 612.8 495.6 612.8 495.6 126.8Z"  /></svg>
                        (IOS) de ton navigateur
                    </li>
                    <li class="font-normal flex items-center"><i class="mr-2 not-italic">2.</i> Sélectionne
                        <span class="ml-2 text-black rounded-sm px-2 py-0.5 bg-white text-sm capitalize"> Ajouter à l&#039;écran d&#039;Accueil </span>
                    </li>
                </ol>
                <button class="never-show-button underline text-sm font-light text-center w-full mt-4">Ne plus jamais afficher ce message</button>
            </div>
        </div>

                                    <div class="">
                    <footer id="footer-elmt" class="footer bg-just text-white pt-20 pb-10">
    <div class="ctn px-app center-x">
        <figure>
            <a href="/fr/">
                <img class="mb-6" src="/images/logo-justurk-blanc.svg" alt="logo JusTurk blanc">
            </a>
        </figure>
        <div class="mt-10">
                <div class="flex items-center uppercase" >
        <span class="sylius-active-locale font-bold mr-2 text-xl" >
            fr
        </span>
        <span class="font-light text-sm"> | </span>
                                                        <a href="/fr/switch-locale/tr" class="font-light ml-2 text-base pt-[1px]" >
                    tr
                </a>
                        </div>

        </div>
        <div class="mt-8 flex flex-wrap justify-center font-light gap-y-[0.5rem] text-base">
            <a class="item" href="/fr/pages/blog">
    Conseils - Blog
</a>

<a class="item" href="/fr/contact/">
    Aide / Contact
</a>

<a class="item" href="/fr/page/condition-generales-d-utilisation">
    Politique de confidentialité
</a>

<a class="item" href="/fr/page/condition-generales-d-utilisation">
    Condition générales d’utilisation 
</a>

<a class="item" href="/fr/page/mentions-legales">
    Mentions légales
</a>

        </div>
        <div class="mt-10">
            <p class="text-base font-light"> SAV JusTurk basé à Paris </p>
            <p class="text-base font-light"> Copyright © JusTurk. Tous droits réservés.  </p>
            <p class="mt-4 text-base font-light">
                Site réalisé par l'<a class="text-base font-light underline" target="_blank" href="https://reactic.io">agence digitale Reactic à Marseille (France)</a>
            </p>
        </div>
    </div>
</footer>
                </div>
            
                    
                    <div class="ui small basic modal" id="confirmation-modal">
    <div class="ui icon header">
        <i class="warning sign icon"></i>
        Confirmez votre action
    </div>
    <div class="content">
        <p>Êtes-vous sûr de vouloir effectuer cette action ?</p>
    </div>
    <div class="actions">
        <div class="ui red basic cancel inverted button">
            <i class="remove icon"></i>
            Non
        </div>
        <div class="ui green ok inverted button" id="confirmation-button">
            <i class="checkmark icon"></i>
            Oui
        </div>
    </div>
</div>
            
<div class="ui modal scale bottom-0 !my-0 !w-full md:!w-[70.4%] lg:!w-[680px] xl:!w-[720px] md:bottom-auto md:m-8 p-8 z-50 bg-white shadow-2xl    shadow-black/5 !rounded-t-[2rem] !rounded-b-0 md:!rounded-[2.5rem] border border-black/5 border-opacity-10 md:w-auto"
     id="blockUserModal" tabindex="-1" role="dialog" aria-labelledby="blockUserModal" aria-hidden="true">
    <div class="modal-dialog h-full" role="document">
        <div class="modal-content max-w-lg mx-auto flex flex-col">
            <div class="modal-header">
                <div class="max-w-lg mx-auto flex flex-col items-center mb-2 md:hidden">
                    <h1 id="rc_confirm_title" class="rc_confirm_title text-xl text-black/75 font-medium">
                        Êtes vous sûr de vouloir confirmer cette action ?
                    </h1>
                </div>
                <div class="max-w-lg mx-auto flex flex-col items-center pt-8 pb-8 hidden md:block">
                    <h1 id="rc_confirm_title" class="rc_confirm_title text-3xl text-center md:text-[2.25rem] md:text-4xl mb-2 font-bold">
                        Êtes vous sûr de vouloir confirmer cette action ?
                    </h1>
                    <h2 id="rc_confirm_subtitle" class="rc_confirm_subtitle mt-1 text-center font-light text-lg text-black">
                        Certaines actions necessitent de prendre un instant avant confirmation
                    </h2>
                </div>
                <button id="rc_confirm_close" class="rc_confirm_close fixed top-0 right-0 mt-[18px] md:mt-4 m-4 flex flex-col items-center justify-center bg-transparent md:bg-just rounded-full py-2 px-6 md:pb-[12px] md:pt-[12px] md:pb-[12px] md:px-10 md:shadow-just/15 md:shadow-2xl">
                    <span class="text-4xl text-dark/70 md:text-white leading-none" aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body mt-4 md:mt-0">
                <p id="rc_confirm_text" class="rc_confirm_text text-center text-grey font-light text-lg">
                    Certaines actions necessitent de prendre un instant avant confirmation
                </p>
            </div>

            <div class="modal-footer actions mt-10 mb-8 flex flex-nowrap justify-center gap-x-4 hidden md:flex">
                <div id="rc_confirm_cancel" class="rc_confirm_cancel cursor-pointer deny btn btn-lg btn-white border border-grey uppercase text-grey hover:bg-grey">
                    Annuler
                </div>
                <button  id="rc_confirm_submit"  class="rc_confirm_submit submit w-full cursor-pointer btn btn-lg btn-red" >Oui</button>
            </div>

            <div class="modal-footer actions mt-10 mb-8 flex justify-center gap-x-4 hidden-desktop">
                <button id="rc_confirm_submit" class="rc_confirm_submit submit w-full cursor-pointer btn btn-lg btn-red" >Oui</button>
            </div>

        </div>
    </div>
</div>
        
                    <!-- Début de la modal -->
<div class="ui modal scale bottom-0 !my-0 !w-full md:!w-[70.4%] lg:!w-[680px] xl:!w-[720px] md:bottom-auto md:m-8 p-8 z-50 bg-white shadow-2xl    shadow-black/5 !rounded-t-[2rem] !rounded-b-0 md:!rounded-[2.5rem] border border-black/5 border-opacity-10 md:w-auto"
     id="welcomeModal" tabindex="-1" role="dialog" aria-labelledby="welcomeModal" aria-hidden="true">
    <div class="modal-dialog h-full" role="document">
        <div class="modal-content max-w-lg mx-auto flex flex-col">
            <!-- Contenu de la modal -->
            <div class="modal-header">
                <div class="max-w-lg mx-auto flex flex-col items-center mb-2 md:hidden">
                    <h1 id="rc_confirm_title" class="rc_confirm_title text-2xl text-black/75 font-semibold">
                        Nouvelle version JusTurk !
                    </h1>
                </div>
                <div class="max-w-lg mx-auto flex flex-col items-center pt-8 pb-8 hidden md:block">
                    <h1 id="rc_confirm_title" class="rc_confirm_title text-3xl text-center md:text-[2.25rem] md:text-4xl mb-2 font-bold">
                        Nouvelle version JusTurk !
                    </h1>
                </div>
                <button id="dontShowForThisSession" class="rc_confirm_close fixed top-0 right-0 mt-[18px] md:mt-4 m-4 flex flex-col items-center justify-center bg-transparent md:bg-just rounded-full py-2 px-6 md:pb-[12px] md:pt-[12px] md:pb-[12px] md:px-10 md:shadow-just/15 md:shadow-2xl">
                    <span class="text-4xl text-dark/70 md:text-white leading-none" aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body mt-4 md:mt-0">
                <p class="text-center text-grey font-light text-lg">
                    <span class="font-medium">Cher.e. membre, </span> <br><br>
                    JusTurk s&#039;est refait une beauté ! <br><br><span> <strong class="font-medium">Nouveau site, nouvelles fonctionnalités,</strong> <br>mais toujours N°1 de la rencontre franco-turque,
                    avec le même objectif : vous faire rencontrer votre âme sœur !</span><br><br>Pas d&#039;inquiétude, vous aurez toujours accès à votre compte..
                    Il vous suffira seulement de télécharger à nouveau vos photos <span class="font-medium"> et de valider votre adresse email.</span><br><br>
                    Pour le reste, on s&#039;est occupé de tout!<br><br>
                    Une version mobile est aussi dès à présent disponible, donc n&#039;hésitez pas à y aller faire un tour.
                </p>
            </div>
            <div class="modal-footer actions mt-4 mb-8 flex flex-col flex-nowrap justify-center gap-x-4 hidden md:flex">
                <a href="/fr/se-connecter" class="connect-button w-full cursor-pointer btn btn-lg btn-red mt-4">Je me connecte sans plus attendre !</a>
                <div class="ui toggle checkbox flex justify-center mt-4">
                    <input type="checkbox" name="public">
                    <label id="dontShowAgain" class="mt-4 ml-16">Ne plus jamais afficher ce message</label>
                </div>
            </div>
            <div class="modal-footer actions mt-6 mb-8 flex flex-col justify-center gap-x-4 hidden-desktop">
                <a href="/fr/se-connecter" class="w-full cursor-pointer btn btn-lg btn-red mt-4">Je me connecte sans plus attendre !</a>
                <div class="ui toggle checkbox flex justify-center mt-4">
                    <input type="checkbox" name="public">
                    <label id="dontShowAgain">Ne plus jamais afficher ce message</label>
                </div>
            </div>
        </div>
    </div>

</div>
<!-- Fin de la modal -->
            <div data-controller="welcome-modal"></div>
                <div data-controller="install-app"></div>

    </div>
</body>
</html>