PageSourceSearch

https://rank.id/about

html rank.id collected 2026-09-26 08:13:54 UTC 45,353 bytes, 610 lines download raw bytes

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 &#8212; 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&#160;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&#160;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 &amp; 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 &amp; 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                &copy; 2020&#8212;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            &#8212; 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&#160;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&#160;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                                    &#128293;</span> &#8212; 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> &#8212; 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&#160;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&#160;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.