GET https://www.clubhouse.com/
Age:17Cache-Control:public, max-age=14400Cf-Cache-Status:HITCf-Ray:7243a2af3f882313-KBPContent-Type:text/html; charset=utf-8Date:Sat, 02 Jul 2022 01:33:49 GMTExpect-Ct:max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"Expires:Sat, 02 Jul 2022 05:33:49 GMTLast-Modified:Sat, 02 Jul 2022 01:31:28 GMTReferrer-Policy:same-originServer:cloudflareVary:Cookie, Accept-Encoding, OriginX-Content-Type-Options:nosniffX-Frame-Options:DENY
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang="en"> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T3HHJVG');</script> <!-- End Google Tag Manager --> <script src="https://static-assets.clubhouseapi.com/static/js/vendor/jquery.min.220afd743d9e.js"></script> <script src="https://browser.sentry-cdn.com/5.15.5/bundle.min.js" integrity="sha384-wF7Jc4ZlWVxe/L8Ji3hOIBeTgo/HwFuaeEfjGmS3EXAG7Y+7Kjjr91gJpJtr+PAT" crossorigin="anonymous"></script> <script type="text/javascript">Sentry.init({ dsn: 'https://6ce348d3f97e4220a9db5e69183fcd17@o325556.ingest.sentry.io/5245621' });</script> <script src="https://static-assets.clubhouseapi.com/static/js/vendor/gsap_1.20.6.1b2492956c8f.js"></script> <script src="https://static-assets.clubhouseapi.com/static/js/vendor/ScrollMagic.min.83591f0ddc98.js"></script> <script src="https://static-assets.clubhouseapi.com/static/js/vendor/scrollmagic_plugins/animation.gsap.min.f4e23d0a83a0.js"></script> <meta charset="UTF-8"> <meta name="archive.org_bot" content="noindex"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="shortcut icon" href="https://static-assets.clubhouseapi.com/static/favicon.8e5cc2aeba01.ico" type="image/x-icon"> <link rel="apple-touch-icon" sizes="180x180" href="https://static-assets.clubhouseapi.com/static/apple-touch-icon.880349ac9574.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://static-assets.clubhouseapi.com/static/favicon-32x32.90cedb25a222.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://static-assets.clubhouseapi.com/static/favicon-16x16.7b5b5280ee57.png"> <link rel="manifest" href="https://static-assets.clubhouseapi.com/static/site.053100cb84a5.webmanifest"> <title> Clubhouse: The Social Audio App </title> <link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href=https://static-assets.clubhouseapi.com/static/css/tailwind.00ce97614dd8.css> <style> a { cursor: pointer; } </style> <style> @font-face { font-family: "GT Maru"; font-weight: 300; src: url('https://static-assets.clubhouseapi.com/static/fonts/GT-Maru-Light.2cfe86f9abbd.woff2') format("opentype"); } @font-face { font-family: "GT Maru"; font-weight: 400; src: url('https://static-assets.clubhouseapi.com/static/fonts/GT-Maru-Regular.e7d3219290a8.woff2') format("opentype"); } @font-face { font-family: "GT Maru"; font-weight: 500; src: url('https://static-assets.clubhouseapi.com/static/fonts/GT-Maru-Medium.658e296c2efa.woff2') format("opentype"); } @font-face { font-family: "GT Maru"; font-weight: 700; src: url('https://static-assets.clubhouseapi.com/static/fonts/GT-Maru-Bold.3e885df899a6.woff2') format("opentype"); } @font-face { font-family: "GT Maru"; font-weight: 900; src: url('https://static-assets.clubhouseapi.com/static/fonts/GT-Maru-Black.34dbf7311a20.woff2') format("opentype"); } @font-face { font-family: "Lars Clubhouse"; font-weight: 400; src: url('https://static-assets.clubhouseapi.com/static/fonts/LarsClubhouse-Regular.9f8ebc7a984e.woff') format("woff"); } @font-face { font-family: "Lars Clubhouse"; font-weight: 700; src: url('https://static-assets.clubhouseapi.com/static/fonts/LarsClubhouse-BoldCondensed.391fd58ce470.woff') format("woff"); } </style> <meta name="title" content="Clubhouse: The Social Audio App"> <meta name="description" content="Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time."> <meta property="og:type" content="website"> <meta property="og:site_name" content="Clubhouse"> <meta property="og:title" content="Clubhouse: The Social Audio App"> <meta property="og:description" content="Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time."> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@clubhouse"> <meta name="twitter:title" content="Clubhouse: The Social Audio App"> <meta name="twitter:description" content="Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time."> <meta property="og:url" content="https://www.clubhouse.com/"> <meta name="twitter:url" content="https://www.clubhouse.com/"> <meta property="og:image" content="https://static-assets.clubhouseapi.com/static/img/full_tn_new.d488e720c49a.png"> <meta name="twitter:image" content="https://static-assets.clubhouseapi.com/static/img/full_tn_new.d488e720c49a.png"> </head> <body class="font-body bg-brown-900 "> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T3HHJVG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="w-full bg-brown-900 text-brown-300 text-md md:text-lg font-maru font-medium"> <div class="flex flex-col max-w-screen-lg mx-auto items-center"> <div class="flex w-full px-5 lg:px-0 py-8 md:py-10"> <div class="flex flex-col md:flex-row flex-1 items-center justify-center md:justify-start"> <div class="md:mr-6"> <div class="md:-mt-2 w-48"> <a href="/"><svg class="w-full text-brown-300 fill-current" viewBox="0 0 640 118"><path d="M595.06 72.04c-3.07 1.38-4.3.46-4.3-4.92 0-11.22 3.69-16.6 9.37-16.6 6.45 0 10.3 7.53 10.3 12.75 0 1.08-.61 1.84-2 2.46l-13.37 6.31zM212.59 70.5c0-7.53 1.23-18.9 9.68-18.9 10.76 0 13.52 21.97 13.52 30.43s-1.38 18.75-9.83 18.75c-10.6-.01-13.37-21.98-13.37-30.28zm153.97-1.84c0-6.15 1.23-19.36 9.68-19.36 10.76 0 13.52 22.43 13.52 31.04 0 6.15-1.38 19.21-9.83 19.21-10.6-.01-13.37-22.44-13.37-30.89zM40.64 33.93C19.28 33.93 1 50.99 1 76.65c0 22.9 15.67 38.72 36.57 38.72s35.5-15.67 35.5-24.12c0-2.77-1.54-5.53-4.61-5.53-1.69 0-3.38.92-6.15 3.07-4.46 3.38-9.07 5.38-14.29 5.38-13.83 0-22.13-13.98-22.13-28.12 0-13.06 3.69-19.21 9.53-19.21 5.22 0 8.76 4.92 12.75 18.13 1.38 4.61 2.92 6.45 5.38 6.45 5.22 0 17.98-10.14 17.98-17.21 0-3.84-3.07-7.99-7.53-11.83-5.38-4.61-13.06-8.45-23.36-8.45zm335.14 81.44c24.74 0 41.34-17.21 41.34-42.41 0-23.82-14.14-39.18-36.11-39.18-25.05 0-41.64 17.21-41.64 42.56-.01 23.82 13.97 39.03 36.41 39.03zm118.47-18.9c-3.69 0-4.76-4-4.76-7.53V42.69c0-6.45-2.46-8.76-5.99-8.76-2 0-4.3.61-6.76 1.69l-13.06 5.69c-5.38 2.3-6.91 4.46-6.91 7.38 0 1.84 1.08 3.69 4 5.38 2.3 1.54 3.23 3.23 3.23 9.83v18.29c0 8.3-5.99 10.14-9.83 10.14-5.38 0-7.84-3.23-7.84-11.22l.31-38.42c0-6.45-2.46-8.76-5.99-8.76-2 0-4.3.61-6.76 1.69l-12.6 5.53c-5.38 2.3-6.91 4.46-6.91 7.38 0 1.84 1.08 3.69 4 5.38 2.3 1.54 3.23 3.23 3.23 9.83 0 11.37-.92 22.59-.92 31.96 0 11.52 7.38 19.67 18.29 19.67 7.22 0 13.83-3.69 21.82-9.37 1.08-.77 2.15-1.23 3.07-1.23 1.38 0 2.15 1.08 2.92 4.92.77 4 2.46 5.69 5.38 5.69 1.84 0 4.3-.61 6.61-1.69l13.37-6.15c3.23-1.54 4.92-2 6.45-2 2 0 2.92.92 3.38 2.92l.46 2.15c.92 4.46 3.23 5.99 5.99 5.99 4.15 0 6.91-5.07 9.53-5.07 1.84 0 3.23 1.08 7.38 2.15 3.84 1.08 8.3 1.69 12.6 1.69 15.37 0 26.58-7.68 29.2-18.13.46-1.84.92-2.3 1.54-2.3.61 0 1.08.15 2 2 5.53 10.91 17.06 18.44 31.35 18.44 22.9 0 37.03-15.52 37.03-25.2 0-2.92-1.69-5.22-4.46-5.22-1.54 0-2.92.61-5.84 3.07-5.38 4.3-11.52 6.76-17.67 6.76-10.76 0-15.83-7.38-15.83-9.99 0-1.38.61-2.15 1.54-2.61l35.96-15.67c2.15-.92 4.15-2.3 4.15-5.53 0-2.61-1.08-5.07-3.53-9.83-5.84-11.22-16.13-17.21-28.43-17.21-20.9 0-37.03 18.13-38.88 37.49-.31 3.23-.92 3.84-1.69 3.84s-1.23-.46-2.15-1.38c-5.22-4.76-10.91-8.14-22.28-11.99-14.6-4.92-17.52-7.53-17.52-10.3 0-2.77 3.38-4.61 8.14-4.61 5.69 0 11.68 2.46 16.29 6.76 6.15 5.69 8.61 7.53 11.37 7.53s4.61-2.3 4.61-4.92c0-1.38-.31-2.92-.92-4.3l-5.38-13.52c-1.54-4-3.53-6.15-6.45-6.15-2 0-3.38.77-4.76 1.54-1.23.77-1.84 1.23-3.23 1.23-4.15 0-6.91-1.23-13.83-1.23-18.29 0-30.89 8.76-30.89 22.13 0 9.99 7.22 17.67 24.59 23.82 17.36 6.15 19.21 8.91 19.21 11.83 0 3.07-2.77 5.53-8.45 5.53-8.91 0-16.75-3.69-22.28-12.29-3.07-4.76-5.07-6.91-8.14-6.91-2.92 0-4.92 2.46-4.92 6.3 0 2.46.92 5.07.92 7.53-.06 3.05-1.44 4.59-4.06 4.59zM108.56 53.91c2.3 1.54 3.23 3.23 3.23 9.83 0 11.37-.92 22.59-.92 31.96 0 11.52 7.38 19.67 18.29 19.67 7.22 0 13.83-3.69 21.82-9.37 1.08-.77 2.15-1.23 3.07-1.23 1.38 0 2.15 1.08 2.92 4.92.77 4 2.46 5.69 5.38 5.69 1.84 0 4.3-.61 6.61-1.69l9.53-4.46c3.23-1.54 5.38-2 6.76-2 2.15 0 2.92 1.38 2.92 3.53 0 3.23 1.69 4.61 3.84 4.61 1.23 0 2.61-.46 4.76-1.84l5.69-3.53c1.84-1.23 2.92-1.69 4-1.69s2 .31 3.07 1.23c5.07 4.15 10.45 5.84 16.9 5.84 20.28 0 35.03-18.59 35.03-43.49 0-22.13-10.3-37.95-27.2-37.95-5.22 0-10.6 1.54-15.06 4.76-1.84 1.38-2.77 2-3.69 2-1.23 0-1.84-.92-1.84-2.61V8.27c0-4.76-2-7.22-5.53-7.22-1.54 0-3.69.46-6.91 2.46l-16.29 10.14c-3.69 2.3-4.46 4.3-4.46 5.84 0 2.15 1.38 4 4.46 5.84 2.3 1.54 3.23 2.92 3.23 10.91v53.63c0 5.53-1.38 6.76-3.69 6.76-3.69 0-4.76-4-4.76-7.53V42.69c0-6.45-2.46-8.76-5.99-8.76-2 0-4.3.61-6.76 1.69l-13.06 5.69c-5.38 2.3-6.91 4.46-6.91 7.38 0 1.84 1.08 3.69 4 5.38 2.3 1.54 3.23 3.23 3.23 9.83v18.29c0 8.3-5.99 10.14-9.83 10.14-5.38 0-7.84-3.23-7.84-11.22l.31-38.42c0-6.45-2.46-8.76-5.99-8.76-2 0-4.3.61-6.76 1.69l-12.6 5.53c-5.38 2.3-6.91 4.46-6.91 7.38-.04 1.84 1.03 3.69 3.95 5.38zm155.81 39.18c0 5.99-.46 7.53-3.38 9.37-3.38 2.15-4.61 3.69-4.61 5.99 0 3.53 3.07 5.38 8.76 5.38h23.97c5.69 0 8.76-1.84 8.76-5.38 0-2.3-1.23-3.84-4.61-5.99-2.92-1.84-3.38-3.38-3.38-9.37V67.43c0-8.76 2.77-11.99 7.07-11.99 5.99 0 8.61 6.15 11.06 19.05 1.84 9.99 2.61 20.59 2.61 22.74 0 3.07-.15 4.15-2 5.22-3.38 2-4.61 3.69-4.61 5.99 0 3.69 2.46 5.38 7.99 5.38h24.28c5.53 0 8.14-1.69 8.14-5.38 0-2.3-1.38-4.15-4-5.99-2-1.38-2.3-2.3-4.61-19.21-1.54-11.83-2.92-21.21-6.45-32.73-3.53-11.52-9.37-16.6-18.29-16.6-7.07 0-11.83 3.07-16.6 6.15-1.08.77-2 1.08-2.77 1.08-.92 0-1.84-.46-1.84-2.61V8.27c0-4.76-2-7.22-5.53-7.22-1.54 0-3.69.46-6.91 2.46l-16.29 10.14c-3.69 2.3-4.46 4.3-4.46 5.84 0 2.15 1.38 4 4.46 5.84 2.3 1.54 3.23 2.92 3.23 10.91v56.85zm-187.77 0c0 5.99-.46 7.53-3.38 9.37-3.38 2.15-4.61 3.69-4.61 5.99 0 3.53 3.07 5.38 8.76 5.38h23.97c5.69 0 8.76-1.84 8.76-5.38 0-2.3-1.23-3.84-4.61-5.99-2.92-1.84-3.38-3.38-3.38-9.37V8.27c0-4.76-2-7.22-5.53-7.22-1.54 0-3.69.46-6.91 2.46l-16.3 10.14c-3.69 2.3-4.46 4.3-4.46 5.84 0 2.15 1.38 4 4.46 5.84 2.3 1.54 3.23 2.92 3.23 10.91v56.85z"/></svg></a> </div> </div> <div id="menu" class="hidden md:flex flex-col md:flex-row text-center items-center text-lg"> <div class="md:ml-3 lg:ml-8 mt-10 md:mt-0"><a class=" link-light p-5" href="https://blog.clubhouse.com/">Blog</a></div> <div class="md:ml-3 lg:ml-10 mt-10 md:mt-0"><a class=" link-light p-5" href="https://www.clubhouse.com/jobs">Jobs</a></div> </div> </div> <div class="md:hidden"> <img id="icon-menu" class="absolute cursor-pointer right-4 object-contain h-12 w-12 -mt-1" alt="Menu" src="https://static-assets.clubhouseapi.com/static/img/homepage/icon_menu.3f10beebbfd5.png"> <img id="icon-close" class="hidden absolute cursor-pointer right-4 object-contain h-12 w-12 -mt-1" alt="Menu" src="https://static-assets.clubhouseapi.com/static/img/homepage/icon_close.076c26497c91.png"> </div> <div class="hidden ml-6 md:flex items-center justify-end relative cursor-pointer"> <div id="scan-button" class="flex items-center justify-end p-5 -m-5"> <img class="object-contain h-10" alt="QR code" src="https://static-assets.clubhouseapi.com/static/img/homepage/qr_code_light.5eed4efad9f3.png"> <span class="ml-6">Get Clubhouse</span> </div> <div id="header_qr" class="hidden text-lg font-maru font-medium justify-center w-full absolute z-10 top-20"> <div class="w-full"> <div class="bg-orange-500 w-full pr-4 pl-4 pb-4 pt-10 rounded-room"> <div class="text-center text-yellow-500"> Scan to download the app </div> <div class="bg-white p-6 w-full mt-4 rounded-room"> <img class="object-contain w-full" alt="QR code" src="https://static-assets.clubhouseapi.com/static/img/homepage/qr_code_large.004fde133284.png"> </div> </div> </div> </div> <script> var timer_header_qr; $(document).ready(function () { $("#scan-button, #header_qr").mouseenter(function(){ clearTimeout(timer_header_qr); $("#header_qr").fadeIn(200); }); $("#header_qr, #scan-button").mouseleave(function(){ clearTimeout(timer_header_qr); timer_header_qr = setTimeout(function(){ $("#header_qr").fadeOut(200); }, 600); }); }); </script> </div> </div> </div> </div> <script> $(document).ready(function () { $("#icon-menu").click(function() { $("#icon-menu").hide(); $("#icon-close").show(); $("#menu").show(); }); $("#icon-close").click(function() { $("#icon-close").hide(); $("#icon-menu").show(); $("#menu").hide(); }); }); </script> <div class="overflow-hidden"> <div class="w-full bg-brown-900 text-brown-300 mb-56 md:mb-16 text-md md:text-lg font-maru font-medium"> <div class="flex flex-col max-w-screen-lg mx-auto items-center"> <div class="w-full flex md:px-5 lg:px-0 justify-center py-2 md:py-8 overflow-hidden"> <img class="object-contain max-w-none mx-auto md:hidden" style="width: 640px" alt="The Social Audio App" src="https://static-assets.clubhouseapi.com/static/img/homepage/hero_sm.fafb9d143a72.png"> <img class="object-contain hidden md:block" alt="The Social Audio App" src="https://static-assets.clubhouseapi.com/static/img/homepage/hero_lg.6c049473202f.png"> </div> <div class="w-full px-5 lg:px-0"> <div class="w-full py-6 md:py-8 text-center md:text-left md:border-t md:border-b border-opacity-10"> Bounce around the hallways of the Internet and meet incredible people </div> <div class="hidden md:flex mt-8 w-full md:justify-start"> <a href="https://clubhouse.app.link/app?%24deeplink_path=&%24fallback_url=https%3A%2F%2Fapps.apple.com%2Fus%2Fapp%2Fid1503133294&~campaign=website"><img class="h-12" alt="Download on the App Store" src=https://static-assets.clubhouseapi.com/static/img/appstore.6f955d329ad7.svg></a> <a href="https://clubhouse.app.link/app?%24deeplink_path=&%24fallback_url=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.clubhouse.app&~campaign=website"> <img class="h-12 ml-4" alt="Get it on Google Play" src="https://static-assets.clubhouseapi.com/static/img/googleplay.a1b4ed6211c9.svg"> </a> </div> <div class="md:hidden mt-3 w-full flex flex-col justify-center items-center"> <a href="https://clubhouse.app.link/app?%24deeplink_path=&%24fallback_url=https%3A%2F%2Fapps.apple.com%2Fus%2Fapp%2Fid1503133294&~campaign=website"><img class="h-16" alt="Download on the App Store" src=https://static-assets.clubhouseapi.com/static/img/homepage/img_appstore.9a951403ff1c.png></a> <a class="mt-5 font-light text-brown-500 opacity-90" href="https://clubhouse.app.link/app?%24deeplink_path=&%24fallback_url=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.clubhouse.app&~campaign=website"> On <span class="border-b">Android</span> too! 🙌 </a> </div> </div> </div> </div> <div id="section_phone" class="w-full px-6 py-12 bg-brown-300 text-brown-900"> <div class="flex md:flex-row flex-col font-maru font-bold max-w-screen-lg mx-auto items-center"> <div class="flex w-full md:w-8/12 justify-center"> <img id="img_phone_frame_lg" class="phone_lg_initial" alt="App Screenshot" src="https://static-assets.clubhouseapi.com/static/img/homepage/phone_frame_lg.a6d0e08449b4.png"> </div> <div class="flex text-lg md:text-xl flex-col w-full md:w-4/12"> <div class="flex flex-col"> <div><img class="h-12 md:h-14" alt="Explore" src="https://static-assets.clubhouseapi.com/static/img/homepage/icon_stars.af07f514011e.png"></div> <div>Explore the hallways</div> <div class="mt-2 tracking-tight opacity-75 font-lars font-normal">Discover millions of rooms, filled with fascinating and unexpected conversations.</div> </div> <div class="flex flex-col mt-8"> <div><img class="h-12 md:h-14" alt="Find" src="https://static-assets.clubhouseapi.com/static/img/homepage/icon_handwave.e4e18a316038.png"></div> <div>Listen in, or share your thoughts</div> <div class="mt-2 tracking-tight opacity-75 font-lars font-normal">Drop into your favorite rooms while you’re commuting, walking your poodle or running in the park. Raise your hand if you’d like to chime in!</div> </div> <div class="flex flex-col mt-8"> <div><img class="h-12 md:h-14" alt="Be surprised" src="https://static-assets.clubhouseapi.com/static/img/homepage/icon_people.19ccd02f8e8f.png"></div> <div>Talk with amazing people</div> <div class="mt-2 tracking-tight opacity-75 font-lars font-normal">Clubhouse is a thoughtful and generous place — where you bump into old friends and make new ones too.</div> </div> <div class="flex flex-col mt-8"> <div><img class="h-12 md:h-14" alt="Hello" src="https://static-assets.clubhouseapi.com/static/img/homepage/icon_speech.3feebce9f928.png"></div> <div>Host a room of your own</div> <div class="mt-2 tracking-tight opacity-75 font-lars font-normal">Every day, people are telling jokes, reading the morning news, making music together, and sharing deep thoughts. What about you?</div> </div> </div> </div> </div> <div id="section_unlikely_collisions" class="w-full px-6 py-16 overflow-hidden bg-tan-500 text-yellow-500"> <div class="flex font-maru font-bold max-w-screen-lg mx-auto items-center"> <div class="w-full"> <div class="flex w-full justify-start"> <div class="max-w-lg md:ml-16 text-xl md:text-4xl font-maru font-light text-left"> The magic of Clubhouse is witnessing the most </div> </div> <div class="mt-5 w-full flex flex-col items-center relative"> <img id="img_unlikely" class="unlikely_apart" alt="Unlikely" src="https://static-assets.clubhouseapi.com/static/img/homepage/img_unlikely.a973b3546b1e.png"> <img id="img_collisions" class="collisions_apart" alt="Collisions" src="https://static-assets.clubhouseapi.com/static/img/homepage/img_collisions.4f05b80b632a.png"> </div> <div class="flex w-full justify-end"> <div class="max-w-lg mt-6 md:mr-16 text-xl md:text-4xl font-maru font-light text-right"> of people. </div> </div> </div> </div> </div> <div id="section_people" class="w-full px-3 md:px-6 py-16 bg-yellow-500 text-orange-500"> <div class="mt-5 md:mb-12 flex md:flex-row flex-col max-w-screen-lg mx-auto items-center"> <div class="flex flex-col w-full md:w-6/12 mx-auto text-2_5xl md:text-4xl font-maru font-light text-center md:text-left"> <div> <div class="font-normal inline md:block">We designed Clubhouse with the belief that</div> <div class="font-bold inline md:block">people are at the center of every moment.</div> </div> <div class="mt-10 text-brown-900 text-base md:text-lg font-bold"> We are so excited for you to join :) </div> </div> <div class="mt-12 md:-mt-5 w-full md:w-6/12 flex flex-col items-center"> <a href="#" class="install-app-url"> <img class="object-contain w-36 h-36 border-2 border-brown-900 rounded-app shadow-hard-brown active:shadow-none active:-mb-2 active:mt-2" alt="App Icon" src="https://static-assets.clubhouseapi.com/static/img/img_app_icon_wws.1c1a80b353ce.png"> </a> <div class="mt-12"> <div class="w-56 mx-auto relative"> <div id="people_download_qr" class="hidden text-lg font-maru font-medium justify-center w-full absolute z-10 bottom-10"> <div class="w-full"> <div class="bg-orange-500 w-full pr-4 pl-4 pb-4 pt-10 rounded-room"> <div class="text-center text-yellow-500"> Scan to download the app </div> <div class="bg-white p-6 w-full mt-4 rounded-room"> <img class="object-contain w-full" alt="QR code" src="https://static-assets.clubhouseapi.com/static/img/homepage/qr_code_large.004fde133284.png"> </div> </div> </div> </div> <script> var timer_people_download_qr; $(document).ready(function () { $("#download-cta, #people_download_qr").mouseenter(function(){ clearTimeout(timer_people_download_qr); $("#people_download_qr").fadeIn(10); }); $("#people_download_qr, #download-cta").mouseleave(function(){ clearTimeout(timer_people_download_qr); timer_people_download_qr = setTimeout(function(){ $("#people_download_qr").fadeOut(10); }, 10); }); }); </script> </div> <div id="download-cta" class="hidden md:block"> <span class="block py-2 cursor-pointer"> <span class="flex justify-center items-center max-w-max px-8 py-5 bg-brown-300 border-2 border-brown-900 rounded-full text-brown-900 font-bold shadow-hard-orange hover:shadow-none hover:-mb-2 hover:mt-2 "> <img class="object-contain h-10 mr-5" src=https://static-assets.clubhouseapi.com/static/img/homepage/qr_code_dark.abd8babca33e.png /> <span class="font-maru">Download the app</span> </span> </span> </div> <div class="md:hidden"> <a class="block py-2" href="/app?src=website"> <span class="flex justify-center items-center max-w-max px-8 py-5 bg-brown-300 border-2 border-brown-900 rounded-full text-brown-900 font-bold shadow-hard-orange active:shadow-none active:-mb-2 active:mt-2 hover:bg-brown-900 hover:text-brown-300 active:bg-brown-300 active:text-brown-900 "> <span class="font-maru">Download the app</span> </span> </a> </div> </div> </div> </div> </div> <div class="md:hidden fixed bottom-0 w-full text-center py-9 text-white bg-tan-500 bg-opacity-95"> <a href="#" class="install-app-url"> <div class="bg-brown-950 rounded-full py-4 px-8 w-auto inline-block"> <div class="flex justify-center items-center"> <span class="text-white font-maru text-md font-medium">Download Clubhouse</span> <img class="h-3 ml-3" src="https://static-assets.clubhouseapi.com/static/img/homepage/icon_right_arrow.19885c671fa9.png"> </div> </div> </a> </div> </div> <script> // init controller var controller = new ScrollMagic.Controller(); // build tweens var tween_unlikely = TweenMax.to("#img_unlikely", 1, {className: "unlikely_meet"}); var tween_collisions = TweenMax.to("#img_collisions", 1, {className: "collisions_meet"}); var tween_unlikely_out = TweenMax.to("#img_unlikely", 1, {className: "unlikely_through"}); var tween_collisions_out = TweenMax.to("#img_collisions", 1, {className: "collisions_through"}); var tween_phone_lg_rotate_1 = TweenMax.to("#img_phone_frame_lg", 1, {className: "phone_lg_1"}); var tween_phone_lg_rotate_2 = TweenMax.to("#img_phone_frame_lg", 1, {className: "phone_lg_2"}); // build scenes var scene_unlikely = new ScrollMagic.Scene({triggerElement: "#section_unlikely_collisions", duration: 700, offset: -250}) .setTween(tween_unlikely) .addTo(controller); var scene_collisions = new ScrollMagic.Scene({triggerElement: "#section_unlikely_collisions", duration: 700, offset: -250}) .setTween(tween_collisions) .addTo(controller); var scene_unlikely_out = new ScrollMagic.Scene({triggerElement: "#section_people", duration: 700, offset: 50}) .setTween(tween_unlikely_out) .addTo(controller); var scene_collisions_out = new ScrollMagic.Scene({triggerElement: "#section_people", duration: 700, offset: 50}) .setTween(tween_collisions_out) .addTo(controller); var scene_phone_rotate_1 = new ScrollMagic.Scene({triggerElement: "#section_phone", duration: 700, offset: 50}) .setTween(tween_phone_lg_rotate_1) .addTo(controller); var scene_phone_rotate_2 = new ScrollMagic.Scene({triggerElement: "#section_unlikely_collisions", duration: 900, offset: -150}) .setTween(tween_phone_lg_rotate_2) .addTo(controller); </script> <script> const getAppUrl = () => { const ANDROID_REGEX = /Android/g; const isAndroid = ANDROID_REGEX.test(navigator.userAgent); return isAndroid ? "https://clubhouse.app.link/app?%24deeplink_path=&%24fallback_url=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.clubhouse.app&~campaign=website" : "https://clubhouse.app.link/app?%24deeplink_path=&%24fallback_url=https%3A%2F%2Fapps.apple.com%2Fus%2Fapp%2Fid1503133294&~campaign=website"; } </script> <script> const installUrl = getAppUrl(); document.querySelectorAll('a.install-app-url').forEach((el) => el.setAttribute('href', installUrl)) </script> <div class="w-full px-6 py-16 bg-brown-900 text-brown-300 text-lg"> <div class="flex flex-col mt-5 md:mb-12 font-maru max-w-screen-lg mx-auto items-start"> <div class="flex w-full md:flex-row flex-col justify-between"> <div class="flex flex-col items-start"> <img class="object-contain w-20 h-20 border-2 border-brown-900 rounded-app" alt="App Icon" src="https://static-assets.clubhouseapi.com/static/img/img_app_icon_wws.1c1a80b353ce.png"> <img class="object-contain mt-6 md:mt-5 h-7 md:h-8" alt="Clubhouse" src="https://static-assets.clubhouseapi.com/static/img/logo.2af78f862152.png"> <div class="flex mt-10 md:mt-7 w-full md:justify-start"> <a href="https://clubhouse.app.link/app?%24deeplink_path=&%24fallback_url=https%3A%2F%2Fapps.apple.com%2Fus%2Fapp%2Fid1503133294&~campaign=website"> <img class="h-10 md:h-12" alt="Download on the App Store" src="https://static-assets.clubhouseapi.com/static/img/appstore.6f955d329ad7.svg"> </a> <a href="https://clubhouse.app.link/app?%24deeplink_path=&%24fallback_url=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.clubhouse.app&~campaign=website"> <img class="h-10 md:h-12 ml-4" alt="Get it on Google Play" src="https://static-assets.clubhouseapi.com/static/img/googleplay.a1b4ed6211c9.svg"> </a> </div> </div> <div class="flex flex-col items-start md:ml-12 lg:ml-20 mt-16 md:mt-0"> <div class="font-bold">More Clubhouse</div> <div class="mt-4 font-lars font-normal opacity-75"> <div class="mt-3"><a class="link-light" href="https://blog.clubhouse.com/">Blog</a></div> <div class="mt-3"><a class="link-light" href="https://support.clubhouse.com/">Knowledge Center</a></div> <div class="mt-3"><a class="link-light" href="https://welcome.clubhouse.com/">New User Guide</a></div> <div class="mt-3"><a class="link-light" href="https://creators.clubhouse.com/">Creator Guide</a></div> <div class="mt-3"><a class="link-light" href="https://community.clubhouse.com/">Guidelines</a></div> </div> </div> <div class="flex flex-col items-start md:ml-12 lg:ml-20 md:mr-12 lg:mr-8 mt-12 md:mt-0"> <div class="font-bold">Get in touch</div> <div class="mt-4 font-lars font-normal opacity-75"> <div class="mt-3"><a class="link-light" href="/contact">Contact</a></div> <div class="mt-3"><a class="link-light" href="/jobs">Jobs</a></div> <div class="mt-3"><a class="link-light" href="/press">Press</a></div> <div class="mt-3"><a class="link-light" href="https://airtable.com/shrlj9iU76wa0JvLg">Ask a town hall question</a></div> </div> </div> </div> <div class="flex flex-col md:flex-row justify-between items-start md:items-center mt-12 py-12 md:border-t w-full border-brown-700 border-opacity-50 font-lars"> <div class="flex"> <a href="https://twitter.com/clubhouse"><img class="object-contain h-7 w-7 md:h-8 md:w-8" alt="Twitter" src="https://static-assets.clubhouseapi.com/static/img/icon_twitter.1bed94c864d8.png"></a> <a href="https://www.instagram.com/clubhouse/"><img class="object-contain h-7 w-7 md:h-8 md:w-8 ml-8 md:ml-6" alt="Instagram" src="https://static-assets.clubhouseapi.com/static/img/icon_instagram.901c4bfd032a.png"></a> <a href="https://www.linkedin.com/company/clubhouse-app"><img class="object-contain h-7 w-7 md:h-8 md:w-8 ml-8 md:ml-6" alt="LinkedIn" src="https://static-assets.clubhouseapi.com/static/img/icon_linkedin.ac76dea71e47.png"></a> </div> <div class="flex mt-16 md:mt-0 mr-4 text-sm md:text-base opacity-75"> <div><a class="link-light" href="https://privacy.clubhouse.com/">Privacy</a></div> <div class="ml-10"><a class="link-light" href="https://tos.clubhouse.com/">Terms</a></div> </div> </div> </div> </div> <script id="__ch_content_data" type="application/json">""</script> <script> (function() { window.fbq = function() {}; var installFBPixel = function() { !function(f,b,e,v,n,t,s) {n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '182076140712433'); fbq('track', 'PageView'); } window.__ch_log = function(event, opt_eventData, opt_callback) { if (opt_callback) { // Do this even if logging is disabled. setTimeout(opt_callback, 100); } }; setTimeout(function() { __ch_log("pageview", {"referer": document.referrer || null}); if (/\bfbclid=/.test(document.location.href)) { // Only install the FB pixel on referrals from FB. installFBPixel(); } $('a').click(function(evt) { evt.preventDefault(); var href = $(evt.target).closest('a').attr('href'); __ch_log("click", {"href": href}, function() { window.location.href = href; }); // Log FB conversion. if ( href.indexOf("/app") == 0 || href.indexOf("/ios_app") == 0 || href.indexOf("/android_app") == 0 || href.indexOf("clubhouse.app.link") > 0 ) { fbq("track", "Lead"); } }); }, 0); })(); </script> </body> </html>
GET https://www.joinclubhouse.com/
Cache-Control:max-age=3600Cf-Ray:7243a2ad9bad5b7a-FRADate:Sat, 02 Jul 2022 01:33:49 GMTExpect-Ct:max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"Expires:Sat, 02 Jul 2022 02:33:49 GMTLocation:https://www.clubhouse.com/Server:cloudflare
Empty body