1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="csrf-token" content="253o8ZK1NBf6kwBC1YqYwhQ6qtmEzyxl1Z1x9ZQi"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <meta name="referrer" content="unsafe-url"> 10 <meta name='impact-site-verification' value='338995129'> 11 <meta name="myprosandcons-brand-verification" content="WPe9rq4aLy-VolejRejNm-cmFuay5pZA==-1772762997"> 12 13 <title>Rank — Who We Are</title> 14<meta content="index, follow, max-image-preview:large" name="robots" /> 15<link href="https://rank.id/about" rel="canonical" /> 16 <link rel="apple-touch-icon" sizes="180x180" href="https://rank.id/assets/img/icon/apple-touch-icon.png"> 17 <link rel="shortcut icon" href="https://rank.id/assets/img/icon/favicon.ico"> 18 19 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/default/zebra_tooltips.min.css"> 20<link rel="stylesheet" type="text/css" href="https://rank.id/assets/css/main.css"> 21<link rel="stylesheet" type="text/css" href="https://rank.id/assets/css/style.css?1790410434"> 22 23 <link rel="preconnect" href="https://fonts.googleapis.com"> 24 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 25 <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 26 27
27<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
27 28
28<script> 29 tailwind.config = { 30 darkMode: 'class', 31 corePlugins: { 32 transform: true, // pastikan transform aktif 33 }, 34 theme: { 35 display: ['group-hover'], 36 screens: { 37 xs: '400px', 38 sm: '640px', 39 md: '768px', 40 lg: '1024px', 41 xl: '1280px', 42 '2xl': '1536px', 43 }, 44 extend: { 45 fontFamily: { 46 sans: ['Outfit'], 47 }, 48 colors: ({ 49 colors 50 }) => ({ 51 transparent: colors.transparent, 52 black: colors.black, 53 white: colors.white, 54 indigo: colors.indigo, 55 violet: colors.violet, 56 orange: colors.orange, 57 green: colors.green, 58 blue: colors.blue, 59 purple: colors.purple, 60 gray: colors.gray, 61 rose: colors.rose, 62 amber: colors.amber, 63 emerald: colors.emerald, 64 teal: colors.teal, 65 lime: colors.lime, 66 fuchsia: colors.fuchsia, 67 cyan: colors.cyan, 68 sky: colors.sky, 69 stone: colors.stone, 70 neutral: colors.neutral, 71 zinc: colors.zinc, 72 slate: colors.slate, 73 red: colors.red, 74 75 // Custom aliases 76 c0: colors.neutral, 77 cx: { 78 DEFAULT: '#F93636', 79 50: '#FFEAEA', 80 100: '#FFCACA', 81 200: '#FFA5A5', 82 300: '#FF7D7D', 83 400: '#F96363', 84 500: '#F93636', 85 600: '#D12E2E', 86 700: '#A92424', 87 800: '#7D1A1A', 88 900: '#541111', 89 950: '#3B0B0B', 90 }, 91 cy: { 92 DEFAULT: '#CEA15F', 93 50: '#F7ECD7', 94 100: '#F1DEBE', 95 200: '#E8CA9C', 96 300: '#DEB578', 97 400: '#D6A65F', 98 500: '#CEA15F', 99 600: '#AF8547', 100 700: '#8F6935', 101 800: '#6F5129', 102 900: '#513B1D', 103 950: '#3D2C15', 104 }, 105 106 we: colors.white, 107 }), 108 boxShadow: { 109 xs: '0 0.5px 1px rgba(0, 0, 0, 0.03)', 110 sm: '0 1px 2px rgba(0, 0, 0, 0.05)', 111 base: '0 2px 4px rgba(0, 0, 0, 0.1)', 112 md: '0 4px 8px rgba(0, 0, 0, 0.15)', 113 lg: '0 8px 16px rgba(0, 0, 0, 0.2)', 114 xl: '0 16px 32px rgba(0, 0, 0, 0.25)', 115 '2xl': '0 32px 64px rgba(0, 0, 0, 0.3)', 116 inner: 'inset 0 2px 4px rgba(0, 0, 0, 0.05)', 117 above: '0 -2px 2px rgba(0, 0, 0, 0.05)', 118 none: 'none', 119 }, 120 fontSize: { 121 xxs: '.650rem', 122 xs: '.75rem', 123 sm: '.875rem', 124 base: '1rem', 125 md: '1.125rem', 126 lg: '1.25rem', 127 xl: '1.5rem', 128 '2xl': '1.75rem', 129 '3xl': '2rem', 130 '4xl': '2.5rem', 131 '5xl': '3rem', 132 '6xl': '3.5rem', 133 '7xl': '4rem', 134 }, 135 // Placeholder untuk future animations/will-change 136 keyframes: {}, 137 animation: {}, 138 willChange: {}, 139 }, 140 }, 141 plugins: [], 142 } 143 </script>
143 144 145</head> 146 147<body class="subpixel-antialiased selection:text-we selection:bg-cx-500" itemscope itemtype="https://schema.org/WebPage"> 148<div class="page bg-we text-c0-950 flex flex-row gap-0 transition-colors duration-700 ease-in-out"> 149 <!-- Sidebar --> 150 <div class="shrink-0 h-screen sticky top-0 z-50"> 151 <div class="sidebar-left flex flex-row h-full"> 152 <div class="nav-vertical group/vertical w-[56px] bg-we hover:bg-c0-800 text-c0-950 hover:text-we border-r border-c0-950/10 hover:border-we/10 px-2 py-2 cursor-pointer transition-all duration-300 flex flex-col justify-between gap-3"> 153 <nav class="nav-vertical-top flex flex-col items-center gap-3"> 154 <div class="flex flex-col items-center justify-center p-3"> 155 <a href="https://rank.id"> 156 <svg class="group w-8 shrink-0 text-cx-500 hover:text-we transition duration-300" fill="currentColor" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" viewBox="0 0 257 268"> 157 <path fill="currentColor" d="M248 55c-10,0 -22,-2 -35,-3 -25,-3 -53,-7 -73,-10 -52,-5 -34,-1 -42,-18 -20,-38 -74,-28 -82,9 -5,24 7,39 21,49l-37 186 60 0c2,-7 3,-14 4,-22 2,-7 3,-14 5,-21l24 -130c10,3 23,4 34,5 11,2 24,3 35,5l-12 32c-7,25 -7,52 1,76 5,16 16,31 30,39 11,8 21,11 32,13 13,3 27,3 44,3l0 -59 -14 0c-15,0 -25,-7 -30,-18 -8,-15 -6,-37 0,-55 8,-25 13,-31 26,-52 10,-17 9,-7 9,-29z"></path> 158 </svg> 159 </a> 160 </div> 161 </nav> 162 <nav class="nav-vertical-bottom grow h-full flex flex-col items-center justify-start gap-4"> 163 <ul class="h-full flex flex-col items-center justify-center gap-3"> 164 <li class="-mt-24"> 165 <button class="button-menu relative w-5 h-5 z-50"> 166 <div class="relative w-full h-full"> 167 <span class="line line-1 absolute top-1/2 left-1/2 w-[1px] h-5 bg-c0-800 group-hover/vertical:bg-we transition-transform duration-300 origin-center -translate-x-[8px] -translate-y-1/2 rotate-0"></span> 168 <span class="line line-2 absolute top-1/2 left-1/2 w-[1px] h-5 bg-c0-800 group-hover/vertical:bg-we transition-opacity duration-300 -translate-x-[1px] -translate-y-1/2"></span> 169 <span class="line line-3 absolute top-1/2 left-1/2 w-[1px] h-5 bg-c0-800 group-hover/vertical:bg-we transition-transform duration-300 origin-center translate-x-[6px] -translate-y-1/2 rotate-0"></span> 170 </div> 171 <span class="sr-only">Toggle Menu</span> 172 </button> 173 </li> 174 </ul> 175 </nav> 176 </div> 177 </div> 178</div> 179 180<!-- Sidebar Besar (toggle) --> 181<div class="sidebar-menu group/sidebar-menu fixed top-0 left-[56px] w-[calc(100vw-56px)] lg:w-[60vw] h-screen bg-c0-800 text-we border-none shadow-none transform -translate-x-full transition-transform duration-300 z-40"> 182 <div class="w-full h-full relative flex flex-col justify-between py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12"> 183 <div class="z-10 flex justify-between gap-24 text-sm text-c0-400"> 184 <ul class="socials"> 185 <li><a class="hover:text-we transition duration-300" href="https://www.facebook.com/rankmediateknologi/" target="_blank" rel="noopener noreferrer">Facebook</a></li> 186 <li><a class="hover:text-we transition duration-300" href="https://www.linkedin.com/company/rankmediateknologi/" target="_blank" rel="noopener noreferrer">LinkedIn</a></li> 187 <li><a class="hover:text-we transition duration-300" href="https://www.instagram.com/rankmediateknologi/" target="_blank" rel="noopener noreferrer">Instagram</a></li> 188 <li><a class="hover:text-we transition duration-300" href="https://www.x.com/" target="_blank" rel="noopener noreferrer">Twitter</a></li> 189 </ul> 190 <ul class="contacts"> 191 <li><a class="hover:text-we transition duration-300" href="/cdn-cgi/l/email-protection#f9919c959596b98b989792d7909d" target="_blank" rel="noopener noreferrer"><span class="__cf_email__" data-cfemail="4b232e2727240b392a252065222f">[email protected]</span></a></li> 192 <li><a class="hover:text-we transition duration-300" href="/cdn-cgi/l/email-protection#097b6c6a7b7c607d646c677d497b68676227606d" target="_blank" rel="noopener noreferrer"><span class="__cf_email__" data-cfemail="9fedfafcedeaf6ebf2faf1ebdfedfef1f4b1f6fb">[email protected]</span></a></li> 193 <li><a class="hover:text-we transition duration-300" href="https://api.whatsapp.com/se
193nd?phone=6282211122111" target="_blank" rel="noopener noreferrer">+6282211122111</a></li> 194 <li><a class="hover:text-we transition duration-300" href="https://api.whatsapp.com/send?phone=6281311131113" target="_blank" rel="noopener noreferrer">+6281311131113</a></li> 195 <li><a class="hover:text-we transition duration-300" href="https://api.whatsapp.com/send?phone=6282211122111" target="_blank" rel="noopener noreferrer">+6282211122111</a></li> 196 </ul> 197 <ul class="address max-w-xs space-y-3 hidden sm:block"> 198 <li>Puri Surya Jaya, Paris B1-1A Gedangan, Sidoarjo, Jawa Timur, Indonesia 61254</li> 199 <li>Level 8, Capital Square, 13 Church Street, #04-05, Singapore 049481</li> 200 <li> </li> 201 </ul> 202 </div> 203 204 <div class="z-10 grow h-full flex items-center"> 205 <ul class="menu flex flex-col gap-1.5 md:gap-2"> 206 <li> 207 <a class="group text-xl md:text-2xl font-medium leading-none flex items-center" href="https://rank.id"> 208 <span class="group-hover:opacity-70 transition duration-300"> 209 Letâs Rank 210 </span> 211 <span class="opacity-0 group-hover:opacity-100 group-hover:-rotate-180 ml-2 mt-1 flex items-center justify-center w-6 h-6 shrink-0 bg-cx-500 text-we rounded-full border-none shadow-base ring-none cursor-pointer transition duration-300"> 212 <svg class="w-4 h-4 shrink-0 -rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> 213 <path d="M253.44 127.8002c0 4.4221 -3.5849 8.007 -8.007 8.007H29.897l82.4057 82.4191c4.5094 4.202 2.7789 11.71 -3.1149 13.5142 -2.9292 0.8967 -6.1133 0.0435 -8.2017 -2.1976L4.9017 133.4585c-3.1223 -3.1262 -3.1223 -8.1905 0 -11.3166l96.0844 -96.0844c4.5094 -4.2021 11.8767 -1.9468 13.2611 4.0595 0.5974 2.5918 -0.1312 5.3112 -1.9445 7.2571l-82.4057 82.419h215.536c4.4221 0 8.007 3.5849 8.007 8.0071Z" stroke-width="1"></path> 214 </svg> 215 </span> 216 </a> 217 </li> 218 <li> 219 <a class="group text-xl md:text-2xl font-medium leading-none flex items-center" href="https://rank.id/about"> 220 <span class="group-hover:opacity-70 transition duration-300"> 221 Who We Are 222 </span> 223 <span class="opacity-0 group-hover:opacity-100 group-hover:-rotate-180 ml-2 mt-1 flex items-center justify-center w-6 h-6 shrink-0 bg-cx-500 text-we rounded-full border-none shadow-base ring-none cursor-pointer transition duration-300"> 224 <svg class="w-4 h-4 shrink-0 -rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> 225 <path d="M253.44 127.8002c0 4.4221 -3.5849 8.007 -8.007 8.007H29.897l82.4057 82.4191c4.5094 4.202 2.7789 11.71 -3.1149 13.5142 -2.9292 0.8967 -6.1133 0.0435 -8.2017 -2.1976L4.9017 133.4585c-3.1223 -3.1262 -3.1223 -8.1905 0 -11.3166l96.0844 -96.0844c4.5094 -4.2021 11.8767 -1.9468 13.2611 4.0595 0.5974 2.5918 -0.1312 5.3112 -1.9445 7.2571l-82.4057 82.419h215.536c4.4221 0 8.007 3.5849 8.007 8.0071Z" stroke-width="1"></path> 226 </svg> 227 </span> 228 </a> 229 </li> 230 <li> 231 <a class="group text-xl md:text-2xl font-medium leading-none flex items-center" href="https://rank.id/project"> 232 <span class="group-hover:opacity-70 transition duration-300"> 233 See Our Magic 234 </span> 235 <span class="opacity-0 group-hover:opacity-100 group-hover:-rotate-180 ml-2 mt-1 flex items-center justify-center w-6 h-6 shrink-0 bg-cx-500 text-we rounded-full border-none shadow-base ring-none cursor-pointer transition duration-300"> 236 <svg class="w-4 h-4 shrink-0 -rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> 237 <path d="M253.44 127.8002c0 4.4221 -3.5849 8.007 -8.007 8.007H29.897l82.4057 82.4191c4.5094 4.202 2.7789 11.71 -3.1149 13.5142 -2.9292 0.8967 -6.1133 0.0435 -8.2017 -2.1976L4.9017 133.4585c-3.1223 -3.1262 -3.1223 -8.1905 0 -11.3166l96.0844 -96.0844c4.5094 -4.2021 11.8767
237-1.9468 13.2611 4.0595 0.5974 2.5918 -0.1312 5.3112 -1.9445 7.2571l-82.4057 82.419h215.536c4.4221 0 8.007 3.5849 8.007 8.0071Z" stroke-width="1"></path> 238 </svg> 239 </span> 240 </a> 241 </li> 242 <li> 243 <a class="group text-xl md:text-2xl font-medium leading-none flex items-center" href="https://rank.id/contact"> 244 <span class="group-hover:opacity-70 transition duration-300"> 245 Talk to Us 246 </span> 247 <span class="opacity-0 group-hover:opacity-100 group-hover:-rotate-180 ml-2 mt-1 flex items-center justify-center w-6 h-6 shrink-0 bg-cx-500 text-we rounded-full border-none shadow-base ring-none cursor-pointer transition duration-300"> 248 <svg class="w-4 h-4 shrink-0 -rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> 249 <path d="M253.44 127.8002c0 4.4221 -3.5849 8.007 -8.007 8.007H29.897l82.4057 82.4191c4.5094 4.202 2.7789 11.71 -3.1149 13.5142 -2.9292 0.8967 -6.1133 0.0435 -8.2017 -2.1976L4.9017 133.4585c-3.1223 -3.1262 -3.1223 -8.1905 0 -11.3166l96.0844 -96.0844c4.5094 -4.2021 11.8767 -1.9468 13.2611 4.0595 0.5974 2.5918 -0.1312 5.3112 -1.9445 7.2571l-82.4057 82.419h215.536c4.4221 0 8.007 3.5849 8.007 8.0071Z" stroke-width="1"></path> 250 </svg> 251 </span> 252 </a> 253 </li> 254 <li> 255 <a class="group text-xl md:text-2xl font-medium leading-none flex items-center" href="https://rank.id/blog"> 256 <span class="group-hover:opacity-70 transition duration-300"> 257 Brain Snacks 258 </span> 259 <span class="opacity-0 group-hover:opacity-100 group-hover:-rotate-180 ml-2 mt-1 flex items-center justify-center w-6 h-6 shrink-0 bg-cx-500 text-we rounded-full border-none shadow-base ring-none cursor-pointer transition duration-300"> 260 <svg class="w-4 h-4 shrink-0 -rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> 261 <path d="M253.44 127.8002c0 4.4221 -3.5849 8.007 -8.007 8.007H29.897l82.4057 82.4191c4.5094 4.202 2.7789 11.71 -3.1149 13.5142 -2.9292 0.8967 -6.1133 0.0435 -8.2017 -2.1976L4.9017 133.4585c-3.1223 -3.1262 -3.1223 -8.1905 0 -11.3166l96.0844 -96.0844c4.5094 -4.2021 11.8767 -1.9468 13.2611 4.0595 0.5974 2.5918 -0.1312 5.3112 -1.9445 7.2571l-82.4057 82.419h215.536c4.4221 0 8.007 3.5849 8.007 8.0071Z" stroke-width="1"></path> 262 </svg> 263 </span> 264 </a> 265 </li> 266 <li> 267 <a class="group text-xl md:text-2xl font-medium leading-none flex items-center" href="https://rank.id/career"> 268 <span class="group-hover:opacity-70"> 269 Join the Squad! 270 </span> 271 <span class="opacity-0 group-hover:opacity-100 group-hover:-rotate-180 ml-2 mt-1 flex items-center justify-center w-6 h-6 shrink-0 bg-cx-500 text-we rounded-full border-none shadow-base ring-none cursor-pointer transition duration-300"> 272 <svg class="w-4 h-4 shrink-0 -rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> 273 <path d="M253.44 127.8002c0 4.4221 -3.5849 8.007 -8.007 8.007H29.897l82.4057 82.4191c4.5094 4.202 2.7789 11.71 -3.1149 13.5142 -2.9292 0.8967 -6.1133 0.0435 -8.2017 -2.1976L4.9017 133.4585c-3.1223 -3.1262 -3.1223 -8.1905 0 -11.3166l96.0844 -96.0844c4.5094 -4.2021 11.8767 -1.9468 13.2611 4.0595 0.5974 2.5918 -0.1312 5.3112 -1.9445 7.2571l-82.4057 82.419h215.536c4.4221 0 8.007 3.5849 8.007 8.0071Z" stroke-width="1"></path> 274 </svg> 275 </span> 276 </a> 277 </li> 278 <li> 279 <a class="group text-xl md:text-2xl font-medium leading-none flex items-center" href="https://rank.id/press">
280 <span class="group-hover:opacity-70"> 281 Press & Brand Kit 282 </span> 283 <span class="opacity-0 group-hover:opacity-100 group-hover:-rotate-180 ml-2 mt-1 flex items-center justify-center w-6 h-6 shrink-0 bg-cx-500 text-we rounded-full border-none shadow-base ring-none cursor-pointer transition duration-300"> 284 <svg class="w-4 h-4 shrink-0 -rotate-45" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> 285 <path d="M253.44 127.8002c0 4.4221 -3.5849 8.007 -8.007 8.007H29.897l82.4057 82.4191c4.5094 4.202 2.7789 11.71 -3.1149 13.5142 -2.9292 0.8967 -6.1133 0.0435 -8.2017 -2.1976L4.9017 133.4585c-3.1223 -3.1262 -3.1223 -8.1905 0 -11.3166l96.0844 -96.0844c4.5094 -4.2021 11.8767 -1.9468 13.2611 4.0595 0.5974 2.5918 -0.1312 5.3112 -1.9445 7.2571l-82.4057 82.419h215.536c4.4221 0 8.007 3.5849 8.007 8.0071Z" stroke-width="1"></path> 286 </svg> 287 </span> 288 </a> 289 </li> 290 </ul> 291 </div> 292 293 <div class="z-10 space-y-2 text-sm text-c0-400"> 294 <ul class="flex flex-wrap items-center gap-2 text-xxs md:text-xxs text-c0-400 uppercase tracking-wide"> 295 <li> 296 <a class="hover:text-we transition duration-300" href="https://rank.id/terms">Terms & Conditions</a> 297 </li> 298 <li> 299 <a class="hover:text-we transition duration-300" href="https://rank.id/privacy">Privacy Policy</a> 300 </li> 301 <li> 302 <a class="hover:text-we transition duration-300" href="https://rank.id/brand-ip-policy">Brand & IP Policy</a> 303 </li> 304 <li> 305 <a class="hover:text-we transition duration-300" href="https://rank.id/affiliate-disclosure">Affiliate Disclosure</a> 306 </li> 307 </ul> 308 <p> 309 © 2020—2026 310 <span class="inline-flex items-start justify-end text-md text-cx-500 font-semibold leading-normal tracking-wide" title="Rank Media Teknologi PT"> 311 <svg class="w-3 h-fit shrink-0 mx-px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" viewBox="0 0 257 268"> 312 <path fill="currentColor" d="M248 55c-10,0 -22,-2 -35,-3 -25,-3 -53,-7 -73,-10 -52,-5 -34,-1 -42,-18 -20,-38 -74,-28 -82,9 -5,24 7,39 21,49l-37 186 60 0c2,-7 3,-14 4,-22 2,-7 3,-14 5,-21l24 -130c10,3 23,4 34,5 11,2 24,3 35,5l-12 32c-7,25 -7,52 1,76 5,16 16,31 30,39 11,8 21,11 32,13 13,3 27,3 44,3l0 -59 -14 0c-15,0 -25,-7 -30,-18 -8,-15 -6,-37 0,-55 8,-25 13,-31 26,-52 10,-17 9,-7 9,-29z"> 313 </path> 314 </svg> 315 <span class="leading-none -mt-[2px]"> 316 <span class="sr-only">R</span>ank 317 </span> 318 </span> 319 — Rank Media Teknologi PT. All rights reserved. 320 </p> 321 </div> 322 323 <div class="absolute bottom-0 right-0 z-0 pointer-events-none opacity-90 group-hover/sidebar-menu:opacity-100 transition duration-300"> 324 <!--<svg class="group w-64 sm:w-96 shrink-0 text-cx-500 transition duration-300" fill="currentColor" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" viewBox="0 0 257 268">--> 325 <!-- <path fill="currentColor" d="M248 55c-10,0 -22,-2 -35,-3 -25,-3 -53,-7 -73,-10 -52,-5 -34,-1 -42,-18 -20,-38 -74,-28 -82,9 -5,24 7,39 21,49l-37 186 60 0c2,-7 3,-14 4,-22 2,-7 3,-14 5,-21l24 -130c10,3 23,4 34,5 11,2 24,3 35,5l-12 32c-7,25 -7,52 1,76 5,16 16,31 30,39 11,8 21,11 32,13 13,3 27,3 44,3l0 -59 -14 0c-15,0 -25,-7 -30,-18 -8,-15 -6,-37 0,-55 8,-25 13,-31 26,-52 10,-17 9,-7 9,-29z"></path>--> 326 <!--</svg>--> 327 <figure class="group w-[250px] sm:w-[250px] md:w-[300px] lg:w-[350px] shrink-0 text-cx-500 transition duration-600"> 328 <img class="w-full h-full shrink-0" src="https://www.rankcdn.com/cdn-cgi/image/quality=100,onerror=redirect,format=webp,fit=cover,width=750,height=1000/rank.id/rara.png" alt="Rank Navigation"> 329 </figure> 330 </div> 331 </div> 332</div> 333 <!-- Kontainer utama yang akan digeser --> 334 <div class="page-container w-[calc(100vw-56px)] ml-0 transition-all duration-300"> 335 336 <main class="horizontal-scroll relative"> 337 338 <div class="horizontal-scroll-container fixed top-0 left-[56px] h-screen flex gap-0 px-0 transition-all duration-300"> 339 340 <section class="horizontal-scroll-item relative shrink-0 w-[calc(100vw-56px)] lg:w-[70vw] h-screen" 341 data-bg-color=""> 342 <div class="w-full h-full relative flex flex-col justify-between py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12"> 343 <div class="flex gap-24 text-sm text-c0-400"> 344 <ul class="socials"> 345 <li><a class="hover:text-c0-950 transition duration-300" href="https://www.facebook.com/rankmediateknologi/" target="_blank" rel="noopener noreferrer">Facebook</a></li> 346 <li><a class="hover:text-c0-950 transition duration-300" href="https://www.linkedin.com/company/rankmediateknologi/" target="_blank" rel="noopener noreferrer">LinkedIn</a></li> 347 <li><a class="hover:text-c0-950 transition duration-300" href="https://www.instagram.com/rankmediateknologi/" target="_blank" rel="noopener noreferrer">Instagram</a></li> 348 <li><a class="hover:text-c0-950 transition duration-300" href="https://www.x.com/" target="_blank" rel="noopener noreferrer">Twitter</a></li> 349 </ul> 350 <ul class="contacts"> 351 <li><a class="hover:text-c0-950 transition duration-300" href="/cdn-cgi/l/email-protection#660e030a0a09261407080d480f02" target="_blank" rel="noopener noreferrer"><span class="__cf_email__" data-cfemail="ee868b828281ae9c8f8085c0878a">[email protected]</span></a></li> 352 <li><a class="hover:text-c0-950 transition duration-300" href="/cdn-cgi/l/email-protection#70021513020519041d151e043002111e1b5e1914" target="_blank" rel="noopener noreferrer"><span class="__cf_email__" data-cfemail="41332422333428352c242f350133202f2a6f2825">[email protected]</span></a></li> 353 <li><a class="hover:text-c0-950 transition duration-300" href="https://api.whatsapp.com/se
353nd?phone=6282211122111" target="_blank" rel="noopener noreferrer">+6282211122111</a></li> 354 <li><a class="hover:text-c0-950 transition duration-300" href="https://api.whatsapp.com/send?phone=6281311131113" target="_blank" rel="noopener noreferrer">+6281311131113</a></li> 355 <li><a class="hover:text-c0-950 transition duration-300" href="https://api.whatsapp.com/send?phone=6282211122111" target="_blank" rel="noopener noreferrer">+6282211122111</a></li> 356 </ul> 357 <div 358 class="scroll-hint absolute z-10 top-1/2 -right-8 lg:-right-16 transform -translate-y-1/2 text-base text-c0-600 font-light space-y-3"> 359 <div class="hidden md:flex">Scroll</div> 360 <div class="flex md:hidden">Swipe</div> 361 <div class="h-[1px] w-24 lg:w-32 bg-c0-600"> 362 </div> 363 </div> 364 </div> 365 <div 366 class="z-10 max-w-screen-md pr-16 item-mover opacity-0 -translate-x-20 transition-all duration-700 ease-out"> 367 <h1> 368 <span 369 class="text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-4xl leading-[35px] sm:leading-[40px] md:leading-[45px] lg:leading-[50px] xl:leading-[55px] font-normal"> 370 <span class="inline-flex items-center text-cx-500 font-bold"> 371 <svg class="w-4 md:w-5 lg:w-6 shrink-0 mt-1 mr-0.5" fill="currentColor" 372 xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1"
373 viewBox="0 0 257 268"> 374 <path fill="currentColor" 375 d="M248 55c-10,0 -22,-2 -35,-3 -25,-3 -53,-7 -73,-10 -52,-5 -34,-1 -42,-18 -20,-38 -74,-28 -82,9 -5,24 7,39 21,49l-37 186 60 0c2,-7 3,-14 4,-22 2,-7 3,-14 5,-21l24 -130c10,3 23,4 34,5 11,2 24,3 35,5l-12 32c-7,25 -7,52 1,76 5,16 16,31 30,39 11,8 21,11 32,13 13,3 27,3 44,3l0 -59 -14 0c-15,0 -25,-7 -30,-18 -8,-15 -6,-37 0,-55 8,-25 13,-31 26,-52 10,-17 9,-7 9,-29z"> 376 </path> 377 </svg> 378 <span class="sr-only">r</span>ank 379 </span> builds <strong>crowd-powered product comparisons</strong> that take the guesswork 380 out of shopping â so you can <strong>find the good stuff, easier, faster,</strong> with help from 381 <strong>people whoâve been there</strong>. 382 </span> 383 </h1> 384 </div> 385 <div class="max-w-[250px]"> 386 <p> 387 <a class="group text-sm text-c0-400 hover:text-c0-950 transition duration-300" href="https://rank.id/project"> 388 See <span class="text-c0-950 group-hover:text-cx-500 transition duration-300">Rank in action 389 🔥</span> — we promise it's pretty. 390 </a> 391 </p> 392 </div> 393 <div class="absolute z-0 bottom-0 right-2 z-0 pointer-events-none opacity-30"> 394 <figure class="group w-[250px] sm:w-[250px] md:w-[300px] lg:w-[350px] shrink-0 text-cx-500 transition duration-600"> 395 <img class="w-full h-full shrink-0" src="https://www.rankcdn.com/cdn-cgi/image/quality=100,onerror=redirect,format=webp,fit=cover,width=750,height=1000/rank.id/rara.png" alt="Rank Navigation"> 396 </figure> 397 </div> 398 </div> 399 </section> 400 401 402 403 404 <section class="horizontal-scroll-item relative shrink-0 w-[calc(100vw-56px)] sm:w-[400px] md:w-[500px] lg:w-[600px] xl:w-[500px] h-screen" 405 data-bg-color=""> 406 <div class="w-full h-full border-l border-c0-200 flex flex-col justify-between"> 407 <div 408 class="grow w-full h-full flex flex-col items-start justify-center space-y-6 py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12 item-mover opacity-0 -translate-y-20 origin-top transition-all duration-700 ease-out"> 409 <h2> 410 <span 411 class="text-2xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl leading-[30px] sm:leading-[30px] md:leading-[35px] lg:leading-[40px] xl:leading-[45px] font-normal"> 412 Driven by <strong>AI</strong>, Powered by <strong>People</strong>. 413 </span> 414 </h2> 415 <p class="text-lg text-c0-500"> 416 Built for curious shoppers, data nerds, and anyone tired of guessing. Your next pick? Backed by 417 real insights. And the best part? Youâre not deciding alone anymore. 418 </p> 419 </div> 420 <div class="order-last w-full h-[50vh] shrink-0 flex flex-col justify-between py-0 px-6"> 421 <img class="w-full h-full rounded-t-3xl object-contain object-top item-mover opacity-0 translate-y-20 origin-bottom transition-all duration-700 ease-out" 422 src="https://www.rankcdn.com/cdn-cgi/image/quality=100,onerror=redirect,format=webp,fit=cover,width=800,height=1000/rank.id/raisya-nobg.png" 423 alt="Rank" itemprop="image" /> 424 </div> 425 </div> 426 </section> 427 428 <section class="horizontal-scroll-item relative shrink-0 w-[calc(100vw-56px)] sm:w-[400px] md:w-[500px] lg:w-[600px] xl:w-[500px] h-screen" 429 data-bg-color=""> 430 <div 431 class="w-full h-full border-none border-c0-200 flex flex-col justify-between py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12"> 432 <div class="grow w-full h-full flex flex-col items-start justify-center space-y-6"> 433 <h2>
434 <span 435 class="text-2xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl leading-[30px] sm:leading-[30px] md:leading-[35px] lg:leading-[40px] xl:leading-[45px] font-normal"> 436 Start with the <strong>Crowd</strong> 437 </span> 438 </h2> 439 <p class="text-lg text-c0-500"> 440 Rank listens to real shoppers â reviews, votes, discussions, and experiences all contribute to a 441 collective product understanding. No filters, no bias, just raw signals from people whoâve been 442 there. 443 </p> 444 </div> 445 </div> 446 </section> 447 448 <section class="horizontal-scroll-item relative shrink-0 w-[calc(100vw-56px)] sm:w-[400px] md:w-[500px] lg:w-[600px] xl:w-[500px] h-screen" 449 data-bg-color=""> 450 <div class="w-full h-full border-none border-c0-200 flex flex-col justify-between"> 451 <div 452 class="grow w-full h-full flex flex-col items-start justify-center space-y-6 py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12 item-mover opacity-0 -translate-y-20 origin-top transition-all duration-700 ease-out"> 453 <h2> 454 <span 455 class="text-2xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl leading-[30px] sm:leading-[30px] md:leading-[35px] lg:leading-[40px] xl:leading-[45px] font-normal"> 456 Structure the <strong>Chaos</strong> 457 </span> 458 </h2> 459 <p class="text-lg text-c0-500"> 460 We extract specs, features, sentiment, and pros & cons from raw data â then structure them into 461 easy-to-read formats. You see the patterns, not the noise. 462 </p> 463 </div> 464 <div class="order-last w-full h-[50vh] shrink-0 flex flex-col justify-between py-0 px-6"> 465 <img class="w-full h-full rounded-t-3xl object-contain object-top item-mover opacity-0 translate-y-20 origin-bottom transition-all duration-700 ease-out" 466 src="https://www.rankcdn.com/cdn-cgi/image/quality=90,onerror=redirect,format=webp,fit=cover,width=800,height=1000/rank.id/randi.png" 467 alt="Rank" itemprop="image" /> 468 </div> 469 </div> 470 </section> 471 472 <section class="horizontal-scroll-item relative shrink-0 w-[calc(100vw-56px)] sm:w-[400px] md:w-[500px] lg:w-[600px] xl:w-[500px] h-screen" 473 data-bg-color=""> 474 <div 475 class="w-full h-full border-none border-c0-200 flex flex-col justify-between py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12"> 476 <div class="grow w-full h-full flex flex-col items-start justify-center space-y-6"> 477 <h2> 478 <span 479 class="text-2xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl leading-[30px] sm:leading-[30px] md:leading-[35px] lg:leading-[40px] xl:leading-[45px] font-normal"> 480 Rank with <strong>Context</strong> 481 </span> 482 </h2> 483 <p class="text-lg text-c0-500"> 484 Our ranking system adapts to what matters most to you â whether itâs price, durability, 485 aesthetics, or community approval. Rank personalizes rankings without forcing choices. 486 </p> 487 </div> 488 </div> 489 </section> 490 491 <section class="horizontal-scroll-item relative shrink-0 w-[calc(100vw-56px)] sm:w-[400px] md:w-[500px] lg:w-[600px] xl:w-[500px] h-screen" 492 data-bg-color=""> 493 <div class="w-full h-full border-r border-c0-200 flex flex-col justify-between"> 494 <div 495 class="grow w-full h-full flex flex-col items-start justify-center space-y-6 py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12 item-mover opacity-0 -translate-y-20 origin-top transition-all duration-700 ease-out"> 496 <h2>
497 <span 498 class="text-2xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl leading-[30px] sm:leading-[30px] md:leading-[35px] lg:leading-[40px] xl:leading-[45px] font-normal"> 499 Decide with <strong>Confidence</strong> 500 </span> 501 </h2> 502 <p class="text-lg text-c0-500"> 503 No more endless tabs or second-guessing. Rank gives you a complete view of what to buy, why it 504 matters, and what real users really think â all in one place. 505 </p> 506 </div> 507 <div class="order-last w-full h-[50vh] shrink-0 flex flex-col justify-between py-0 px-6"> 508 <img class="w-full h-full rounded-t-3xl object-contain object-top item-mover opacity-0 translate-y-20 origin-bottom transition-all duration-700 ease-out" 509 src="https://www.rankcdn.com/cdn-cgi/image/quality=90,onerror=redirect,format=webp,fit=cover,width=800,height=1000/rank.id/rara-confi.png" 510 alt="Rank" itemprop="image" /> 511 </div> 512 </div> 513 </section> 514 515 516 517 518 <section class="horizontal-scroll-item relative shrink-0 w-[calc(100vw-56px)] sm:w-[50vw] h-screen" 519 data-bg-color=""> 520 <div class="w-full h-full flex flex-col justify-between py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12"> 521 <div class="max-w-screen-md pr-16 grow flex items-center"> 522 <h2> 523 <span 524 class="text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-4xl leading-[35px] sm:leading-[40px] md:leading-[45px] lg:leading-[50px] xl:leading-[55px] font-normal"> 525 Our platform brings together <strong>real opinions</strong>, <strong>AI smarts</strong>, and 526 <strong>helpful data</strong> — all to guide <strong>better decisions</strong>. 527 </span> 528 </h2> 529 </div> 530 <div class="max-w-[250px]"> 531 <p> 532 <a class="text-sm text-c0-400 hover:text-c0-950 transition duration-300" href="https://rank.id/project"> 533 Take a peek at what weâve been up to. Itâs cooler than it sounds. 534 </a> 535 </p> 536 </div> 537 <div class="absolute bottom-0 right-2 z-0 pointer-events-none opacity-20"> 538 <figure class="group w-[250px] sm:w-[250px] md:w-[300px] lg:w-[350px] shrink-0 text-cx-500 transition duration-600"> 539 <img class="w-full h-full shrink-0" src="https://www.rankcdn.com/cdn-cgi/image/quality=90,onerror=redirect,format=webp,fit=cover,width=800,height=1000/rank.id/rara-thinking.png" alt="Rank"> 540 </figure> 541 </div> 542 </div> 543 </section> 544 545 <section class="horizontal-scroll-item relative shrink-0 w-[calc(100vw-56px)] sm:w-[50vw] lg:w-[33vw] h-screen bg-we" data-bg-color=""> 546 <div class="w-full h-full border-l border-c0-200 flex flex-col justify-between py-6 px-6 sm:px-6 md:px-8 lg:px-10 xl:px-12"> 547 <div class="grow"> 548 <figure class="-ml-6 w-36 h-36 shrink-0"> 549 <img class="w-full h-full shrink-0 object-cover" src="https://www.rankcdn.com/cdn-cgi/image/quality=90,onerror=redirect,format=webp,fit=cover,width=500,height=500/rank.id/rank-cat.png" alt="Cirank - Rank Cat"> 550 </figure> 551 <div class="flex flex-col justify-center space-y-6"> 552 <h2 class="max-w-sm">
553 <span class="text-2xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl leading-[30px] sm:leading-[30px] md:leading-[35px] lg:leading-[40px] xl:leading-[45px] font-normal"> 554 Curious to <strong>work with us</strong> or just <strong>want to say hi?</strong> Letâs connect. 555 </span> 556 </h2> 557 <div class="flex gap-24 text-sm text-c0-400"> 558 <ul class="contacts"> 559 <li><a class="hover:text-c0-950 transition duration-300" href="/cdn-cgi/l/email-protection#f59d9099999ab587949b9edb9c91" target="_blank" rel="noopener noreferrer"><span class="__cf_email__" data-cfemail="7b131e1717143b091a151055121f">[email protected]</span></a></li> 560 <li><a class="hover:text-c0-950 transition duration-300" href="/cdn-cgi/l/email-protection#6416010716110d1009010a102416050a0f4a0d00" target="_blank" rel="noopener noreferrer"><span class="__cf_email__" data-cfemail="d0a2b5b3a2a5b9a4bdb5bea490a2b1bebbfeb9b4">[email protected]</span></a></li> 561 <li><a class="hover:text-c0-950 transition duration-300" href="https://api.whatsapp.com/send?phone=6282211122111" target="_blank" rel="noopener noreferrer">+6282211122111</a></li> 562 <li><a class="hover:text-c0-950 transition duration-300" href="https://api.whatsapp.com/send?phone=6281311131113" target="_blank" rel="noopener noreferrer">+6281311131113</a></li> 563 <li><a class="hover:text-c0-950 transition duration-300" href="https://api.whatsapp.com/send?phone=6282211122111" target="_blank" rel="noopener noreferrer">+6282211122111</a></li> 564 </ul> 565 </div> 566 <div class="flex gap-24 text-sm text-c0-400"> 567 <ul class="address max-w-xs space-y-3"> 568 <li>Puri Surya Jaya, Paris B1-1A Gedangan, Sidoarjo, Jawa Timur, Indonesia 61254</li> 569 <li>Level 8, Capital Square, 13 Church Street, #04-05, Singapore 049481</li> 570 <li> </li> 571 </ul> 572 </div> 573 </div> 574 </div> 575 <div class="max-w-[250px]"> 576 <p> 577 <a class="text-sm text-c0-400 hover:text-c0-950 transition duration-300" href="https://rank.id/career"> 578 Work with us? Heck YES â 579 </a> 580 </p> 581 </div> 582 </div> 583 </section> 584 585 586 587 588 </div> 589 </main> 590 591 </div> 592</div>
vendor: 111 bytes, lines 592-595
592 593 594 595<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
595<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script>
595 596
597<script defer src="https://rank.id/assets/js/script.js?1790410434"></script>
vendor: 1 bytes, line 597
597
598<script defer src="https://rank.id/assets/js/script-button.js?1790410434"></script>
vendor: 1 bytes, line 598
598
599<script defer src="https://rank.id/assets/js/script-animate.js?1790410434"></script>
599 600
601<script> 602 let urlLoadBacklink = "aH253o8ZK1NBf6kwBC1YqYwhQ6qtmEzyxl1Z1x9ZQiR0cHM6Ly9yYW5rLmlkL2Fib3V0L2xvYWQtbW9yZS1iYWNrbGlua3M="; 603</script>
vendor: 2 bytes, line 603
603
604<script src="https://rank.id/assets/js/script-about.js"></script>
604 605 606
607<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a29025c94abc4fbcaddb519d1043b8bd","r":1,"spa":2}' crossorigin="anonymous"></script>
607 608</body> 609 610</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.