<!DOCTYPE html>
<html
    lang="en"
    dir=ltr
    data-theme="acid">
<head>
     <title>Best Feed OnlyFans accounts to follow in 2026 - OnlyAccounts.io</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="See the best feed Onlyfans accounts to follow ranked by likes, price and subscribers. Millions of models profiles rated and reviewed. The rankings updated on daily basis.">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta charset="utf-8">
    <link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <link rel="icon" type="image/png" href="https://thechrisellefactor.com/images/favicon_48x48.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://thechrisellefactor.com/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://thechrisellefactor.com/images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://thechrisellefactor.com/images/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="alternate" hreflang="es" href="https://thechrisellefactor.com/es/feed" />
    <link rel="alternate" hreflang="de" href="https://thechrisellefactor.com/de/feed" />
    <link rel="alternate" hreflang="fr" href="https://thechrisellefactor.com/fr/feed" />
    <link rel="alternate" hreflang="pt" href="https://thechrisellefactor.com/pt/feed" />
    <link rel="alternate" hreflang="it" href="https://thechrisellefactor.com/it/feed" />
    <link rel="alternate" hreflang="ru" href="https://thechrisellefactor.com/ru/feed" />
    <link rel="alternate" hreflang="cn" href="https://thechrisellefactor.com/cn/feed" />
    <link rel="alternate" hreflang="pl" href="https://thechrisellefactor.com/pl/feed" />
    <link rel="alternate" hreflang="tr" href="https://thechrisellefactor.com/tr/feed" />
    <link rel="canonical" href="https://thechrisellefactor.com/feed" />
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://thechrisellefactor.com/feed">
    <meta property="twitter:title" content="Best Feed OnlyFans accounts to follow in 2026">
    <meta property="twitter:description" content="See the best feed Onlyfans accounts to follow ranked by likes, price and subscribers. Millions of models profiles rated and reviewed. The rankings updated on daily basis.">
    <meta property="twitter:image" content="https://thechrisellefactor.com/images/static-site.png">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://thechrisellefactor.com/feed">
    <meta property="og:title" content="Best Feed OnlyFans accounts to follow in 2026">
    <meta property="og:description" content="See the best feed Onlyfans accounts to follow ranked by likes, price and subscribers. Millions of models profiles rated and reviewed. The rankings updated on daily basis.">
    <meta property="og:image" content="https://thechrisellefactor.com/images/static-site.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://public.onlyfans.com">
    <link rel="dns-prefetch" href="https://public.onlyfans.com">
    <link rel="preconnect" href="https://www.googletagmanager.com">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <link rel="preconnect" href="https://www.google-analytics.com">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">
    <!-- Fonts -->
    
    <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-P6BBQPV');</script>

            <script type="application/ld+json">{"@context":"https://schema.org","@type":"NewsArticle","mainEntity":{"@type":"WebPage","@id":"https://thechrisellefactor.com/feed"},"headline":"OnlyAccounts.io is the best onlyfans finder! Use our onlyfans search engine below to lookup over 1 million onlyfans accounts. ","datePublished":"2026-09-29T01:05:21+00:00","dateModified":"2026-09-29T01:05:21+00:00","publisher":{"@type":"Organization","name":"OnlyAccounts"},"author":{"@type":"Organization","name":"OnlyAccounts"}}</script>
    
    
    <script>window.locale = 'en';</script>

        <link rel="preload" as="style" href="https://thechrisellefactor.com/build/assets/frontend-b60750af.css" /><link rel="modulepreload" href="https://thechrisellefactor.com/build/assets/frontend-fb394206.js" /><link rel="modulepreload" href="https://thechrisellefactor.com/build/assets/alpinejs-76923fb5.js" /><link rel="modulepreload" href="https://thechrisellefactor.com/build/assets/alpinejs-i18n-9b46e6a1.js" /><link rel="modulepreload" href="https://thechrisellefactor.com/build/assets/@fingerprintjs-cd7349c2.js" /><link rel="modulepreload" href="https://thechrisellefactor.com/build/assets/tslib-99dafac6.js" /><link rel="stylesheet" href="https://thechrisellefactor.com/build/assets/frontend-b60750af.css" data-navigate-track="reload" /><script type="module" src="https://thechrisellefactor.com/build/assets/frontend-fb394206.js" data-navigate-track="reload" async defer></script>
    </head>

<body class="leading-normal tracking-normal antialiased bg-gray-100 m-0 font-sans font-normal text-base leading-default"
            x-data="Search('/api/filter', &quot;&quot;, &quot;&quot;)"
      @search-event.window="receive(event.detail.event ?? null, event.detail.payload ?? null)"
>

    <div class="fixed top-0 m-auto left-0 right-0 w-full bg-white z-20 shadow-sm">
    <div class="mx-auto  px-1 sm:px-2 md:px-4 lg:px-8">
        <div :class="{'!justify-between': !$store.isHome, 'justify-end': $store.isHome}"
             class="justify-between relative flex flex-wrap md:flex-nowrap gap-y-2 pt-2 gap-x-1 md:gap-x-4 overflow-y-show items-center place-content-between min-h-[44px] ">
            <div x-cloak
                 :class="{'!block': !$store.isHome}"
                 class="block flex-none order-1">
                <div class="">
                    <a href="https://thechrisellefactor.com">
                        <img
                                loading="eager"
                                src="https://onlyaccounts.io/images/only-accounts-logo-transparent.png"
                                alt="OnlyAccounts.io logo"
                                class="h-6 md:h-8 aspect-[7/1] origin-left hover:brightness-125"
                        />
                    </a>
                </div>
            </div>
            <div x-cloak
                 :class="{'!block': !$store.isHome}"
                 class="block w-full md:w-auto md:flex-grow order-last md:order-2 hidden">
                <div class="flex items-center md:px-6 md:mx-auto md:max-w-4xl">
                    <form
                          x-on:submit.prevent="load();"
                          class="relative w-full focus-within:text-gray-600"
                          spellcheck="false"
                    >

                        <div class="grid grid-flow-col gap-3">
                            <div class="col-span-4 relative flex flex-wrap align-items-center border-oa-pink-200 border-2 rounded-sm focus:border-oa-pink-500 hover:border-oa-pink-500 focus:ring-oa-pink-500 focus:ring-offset-inherit">
                                <template x-for="filter in searchFilters">
                                    <div class="flex cursor-default bg-oa-blue-400 h-6 p m-1 pr-1 pl-1 text-white text-sm rounded shadow-md items-center text-sm tracking-tight whitespace-no-wrap justify-between hover:bg-oa-blue-600 transition">
                                        <template x-if="null !== filter.isoCode">
                                            <div>
                                                <div x-bind:title="filter.value" x-bind:class="'fi fi-' + filter.isoCode" class="p-0.5 inline-block"></div>
                                                <div x-text="filter.value" class="p-0.5 hidden lg:inline-block"></div>
                                            </div>
                                        </template>
                                        <template x-if="null === filter.isoCode">
                                            <div x-bind:title="filter.value" x-text="filter.value" class="p-0.5 whitespace-nowrap text-ellipsis overflow-hidden w-12 lg:w-full"></div>
                                        </template>
                                        <div @click="removeSearchFilter(filter.key)"
                                             class="p-1 select-none rounded-r-md cursor-pointer">
                                            <svg class="text-white h-3 w-3"  viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M12.5745 1L1 12.5745" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
                                                <path d="M1.00024 1L12.5747 12.5745" stroke="#ffffff" stroke-width="2" stroke-linecap="round"/>
                                            </svg>
                                        </div>
                                    </div>
                                </template>
                                <div class="flex-1">
                                    <input id="search-field"
                                           x-model="search"
                                           name="search"
                                           autocomplete="off"
                                           class="peer block border-none h-full w-full py-1 md:py-1.5 pl-1.5 pr-8 md:pr-10 text-base text-gray-900 focus:ring-0 "
                                           placeholder="Search OnlyFans by name, genre, location..."
                                           type="search"
                                    >
                                </div>
                                <button type="submit"
                                        class="absolute top-0 right-0 h-full border-2 p-1 text-base text-white bg-oa-pink-200 border-oa-pink-200 rounded-r-sm hover:bg-oa-pink-500 peer-hover:bg-oa-pink-500 focus:bg-oa-pink-500 peer-focus:bg-oa-pink-500 hover:border-oa-pink-500 peer-hover:border-oa-pink-500 focus:border-oa-pink-500 peer-focus:border-oa-pink-500 focus:ring-oa-pink-500 peer-focus:ring-oa-pink-500 focus:ring-offset-oa-pink-500 peer-focus:ring-offset-oa-pink-500">
                                    <svg aria-hidden="true" class="w-5 h-5 sm:w-6 sm:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                                    </svg>
                                    <span class="sr-only">Search</span>
                                </button>
                            </div>
                        </div>
                        <input type="hidden" name="type" x-model="type" />
                    </form>
                </div>
            </div>
            <div class="order-3 flex flex-1 justify-end content-center gap-x-2">
                <div class="relative"
         x-data="{
            open: false,
            locale: window.translations.getLocale(),
            toggle() {
                if (this.open) {
                    return this.close()
                }

                this.$refs.button.focus()

                this.open = true
            },
            close(focusAfter) {
                if (!this.open) return

                this.open = false

                focusAfter && focusAfter.focus()
            },
            clearLanguage() {
                const locale = window.translations.resetLocale();
                window.translations.onSwitchLocale(locale, true);
            }
         }"
         x-on:keydown.escape.prevent.stop="close($refs.button)"
         x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
         x-id="['dropdown-button']">
        <button x-ref="button"
                x-on:click="toggle()"
                :aria-expanded="open"
                :aria-controls="$id('dropdown-button')"
                type="button" class="inline-flex place-items-center text-sm items-center font-semibold leading-6 text-gray-900 group group focus:outline-none hover:text-oa-blue-700 focus:text-oa-blue-700" aria-expanded="false">
            <span class="sr-only">Open menu</span>
            <span class="w-6 fi fi-usgb"></span>

            <span class="hidden sm:block whitespace-nowrap">Language</span>
            <svg :class="{'-rotate-180': open}"
                 class="h-5 w-5 transition-all duration-75" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
            </svg>

        </button>
        <div x-ref="panel"
             x-show="open"
             x-transition.origin.top.left
             x-on:click.outside="close($refs.button)"
             :id="$id('dropdown-button')"
             style="display: none;"
             class="absolute -right-10 shadow-sm z-10 min-w-max h-48 overflow-y-auto origin-top-right rounded-xl bg-white p-2 shadow-lg ring-1 ring-gray-900/5 scrollbar-small" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
                            <a @click.prevent="window.translations.onSwitchLocale('en', true)" class="block  font-bold  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-usgb"></span> English
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('es', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-es"></span> Spanish
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('de', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-de"></span> German
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('fr', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-fr"></span> French
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('pt', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-pt"></span> Portuguese
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('it', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-it"></span> Italian
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('ru', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-ru"></span> Russian
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('cn', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-cn"></span> Chinese
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('pl', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-pl"></span> Polish
                </a>
                            <a @click.prevent="window.translations.onSwitchLocale('tr', true)" class="block  py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                    <span class="mr-1 fi fi-tr"></span> Turkish
                </a>
                        <a @click.prevent="clearLanguage()" class="block py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap flex justify-start" role="menuitem" tabindex="-1" href="#">
                <span class="pl-5 inline-block">Reset</span>
            </a>
        </div>
    </div>






                <div class="relative"
     x-data="{
        open: false,
        toggle() {
            if (this.open) {
                return this.close()
            }

            this.$refs.button.focus()

            this.open = true
        },
        close(focusAfter) {
            if (!this.open) return

            this.open = false

            focusAfter && focusAfter.focus()
        }
     }"
     x-on:keydown.escape.prevent.stop="close($refs.button)"
     x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
     x-id="['dropdown-button']">
    <button x-ref="button"
            x-on:click="toggle()"
            :aria-expanded="open"
            :aria-controls="$id('dropdown-button')"
            type="button" class="inline-flex text-sm items-center font-semibold leading-6 text-gray-900 group focus:outline-none hover:text-oa-blue-700 focus:text-oa-blue-700" aria-expanded="false">
        <span class="sr-only">Open menu</span>
        <svg class="w-6 h-6 text-fuchsia-600 group-hover:text-fuchsia-500 group-focus:text-fuchsia-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18L9 11.25l4.306 4.307a11.95 11.95 0 015.814-5.519l2.74-1.22m0 0l-5.94-2.28m5.94 2.28l-2.28 5.941" /></svg>
        <span class="mr-0 ml-[1px] hidden sm:block whitespace-nowrap">Popular</span>
        <svg :class="{'-rotate-180': open}"
             class="h-5 w-5 transition-all duration-75" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
            <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
        </svg>
    </button>
    <div x-ref="panel"
         x-show="open"
         x-transition.origin.top.left
         x-on:click.outside="close($refs.button)"
         :id="$id('dropdown-button')"
         style="display: none;"
         class="absolute right-0 shadow-sm drop-shadow-xl z-10 min-w-max h-96 overflow-y-auto origin-top-right rounded-xl bg-white p-2 shadow-lg ring-1 ring-gray-900/5 scrollbar-small" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
        <!-- Active: "bg-gray-100", Not Active: "" -->
        <a href="https://thechrisellefactor.com/contact-us" class="md:hidden block rounded-lg py-0.5 px-2 text-sm font-semibold leading-6 text-gray-900 hover:bg-gray-200">Make money with us</a>
        
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" role="menuitem" tabindex="-1" href="https://thechrisellefactor.com/contact-us">Make money with us</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" role="menuitem" tabindex="-1" href="/best-onlyfans" @click.prevent="close($refs.button);searchProfiles('best');">Best Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" role="menuitem" tabindex="-1" href="/free/best-onlyfans" @click.prevent="close($refs.button);searchProfiles('best', 'free')">Best Free Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-amateur-onlyfans" @click.prevent="close($refs.button);searchProfiles('amateur')">Best Amateur Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-asian-onlyfans" @click.prevent="close($refs.button);searchProfiles('asian')">Best Asian Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-18-years-old-onlyfans" @click.prevent="close($refs.button);searchProfiles('18 years old')">Best 18 Years Old Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-blonde-onlyfans" @click.prevent="close($refs.button);searchProfiles('blonde')">Best Blonde Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-brunette-onlyfans" @click.prevent="close($refs.button);searchProfiles('brunette')">Best Brunette Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-big-tits-onlyfans" @click.prevent="close($refs.button);searchProfiles('big tits')">Best Big Tits Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-black-onlyfans" @click.prevent="close($refs.button);searchProfiles('black')">Best Black Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-couples-onlyfans" @click.prevent="close($refs.button);searchProfiles('couples')">Best Couples Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-fetish-onlyfans" @click.prevent="close($refs.button);searchProfiles('fetish')">Best Fetish Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-gay-onlyfans" @click.prevent="close($refs.button);searchProfiles('gay')">Best Gay Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-milf-onlyfans" @click.prevent="close($refs.button);searchProfiles('milf')">Best MILF Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-petite-onlyfans" @click.prevent="close($refs.button);searchProfiles('petite')">Best Petite Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-latino-onlyfans" @click.prevent="close($refs.button);searchProfiles('latino')">Best Latino Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-big-ass-onlyfans" @click.prevent="close($refs.button);searchProfiles('big ass')">Best Big Ass Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-lesbian-onlyfans" @click.prevent="close($refs.button);searchProfiles('lesbian')">Best Lesbian Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-lingerie-onlyfans" @click.prevent="close($refs.button);searchProfiles('lingerie')">Best Lingerie Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-roleplay-onlyfans" @click.prevent="close($refs.button);searchProfiles('roleplay')">Best Roleplay Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/best-cosplay-onlyfans" @click.prevent="close($refs.button);searchProfiles('cosplay')">Best Cosplay Onlyfans</a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" role="menuitem" tabindex="-1" href="/united-states" @click.prevent="close($refs.button);searchCountry('united-states')">
            <span class="fi fi-us w-4 h-4"></span>
            Best American Onlyfans
        </a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/italy" @click.prevent="close($refs.button);searchCountry('italy', null, null)">
            <span class="fi fi-it w-4 h-4"></span>
            Best Italian Onlyfans
        </a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/france" @click.prevent="close($refs.button);searchCountry('france')">
            <span class="fi fi-fr w-4 h-4"></span>
            Best French Onlyfans
        </a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/ukraine" @click.prevent="close($refs.button);searchCountry('ukraine')">
            <span class="fi fi-ua w-4 h-4"></span>
            Best Ukrainian Onlyfans
        </a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/canada" @click.prevent="close($refs.button);searchCountry('canada')">
            <span class="fi fi-ca w-4 h-4"></span>
            Best Canadian Onlyfans
        </a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/germany" @click.prevent="close($refs.button);searchCountry('germany')">
            <span class="fi fi-de w-4 h-4"></span>
            Best German Onlyfans
        </a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/mexico" @click.prevent="close($refs.button);searchCountry('mexico')">
            <span class="fi fi-mx w-4 h-4"></span>
            Best Mexican Onlyfans
        </a>
        <a class="block py-0.5 px-2 text-sm  tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap" href="/united-kingdom" @click.prevent="close($refs.button);searchCountry('united-kingdom')">
            <span class="fi fi-gb w-4 h-4"></span>
            Best British Onlyfans
        </a>
    </div>
</div>
            </div>
        </div>
    </div>
    <div :class="{'!block': $store.isSearch }"
         x-cloak
         class="items-center mt-0.5 sm:mt-2 flex-1 mx-auto max-w-7xl px-0 sm:px-2 md:px-4 lg:px-8 hidden">
        <nav class="-mb-[1px] -ml-2 flex justify-between lg:justify-start space-x-1 lg:space-x-2">
            

            <template x-for="t in tabs" :key="t.slug">
                <div>
                    <template x-if="t.slug === 'more'">
                        <div class="relative"
                             x-data="{
                                        open: false,
                                        toggle() {
                                            if (this.open) {
                                                return this.close()
                                            }

                                            this.$refs.button.focus()

                                            this.open = true
                                        },
                                        close(focusAfter) {
                                            if (!this.open) return

                                            this.open = false

                                            focusAfter && focusAfter.focus()
                                        }
                                    }"
                            x-on:keydown.escape.prevent.stop="close($refs.button)"
                            x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
                            x-id="['dropdown-button']">
                            <div>
                                <button
                                    x-ref="button"
                                    x-on:click="toggle()"
                                    :aria-expanded="open"
                                    :aria-controls="$id('dropdown-button')"
                                    type="button"
                                    :class="{'border-primary text-primary': typeof tab === 'string' && tab.indexOf('top-') > -1, 'border-transparent text-slate-600': !(typeof tab === 'string' && tab.indexOf('top-') > -1)}"
                                    class="transition hover:border-primary hover:text-primary focus:outline-none whitespace-nowrap border-b-2 p-1 text-sm font-medium">
                                <svg class="h-6 w-6 inline-block mr-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" :d="t.svg" /></svg>
                                <span x-text="t.name"></span>
                                <svg :class="{'-rotate-180': open}"
                                     class="inline h-5 w-5 transition-all duration-75" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
                                </svg>
                            </button>
                            </div>
                            <div x-ref="panel"
                                 x-show="open"
                                 x-transition.origin.top.left
                                 x-on:click.outside="close($refs.button)"
                                 :id="$id('dropdown-button')"
                                 style="display: none;"
                                 class="transition absolute right-0 z-10 w-56 h-auto origin-top-right rounded-xl bg-white p-2 shadow-2xl ring-1 ring-gray-900/5" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
                                <template x-for="(d, index) in t.dropdown" :key="index">
                                    <div>
                                        <button @click="setTab(d.slug); close()"
                                                :class="{'bg-primary text-white': d.slug === tab, 'bg-white text-slate-600': d.slug !== tab, 'rounded-t-xl': index === 0, 'rounded-b-xl': t.dropdown.length === index+1}"
                                                class="transition block text-slate-600 w-full rounded text-left py-1 px-2 text-sm hover:text-white hover:bg-oa-pink-600 whitespace-no-wrap" role="menuitem" tabindex="-1">
                                                <svg class="h-6 w-6 inline-block mr-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" :viewBox="typeof d.viewBox !== undefined ? d.viewBox : '0 0 24 24'"><path fill="currentColor" :d="d.svg" /></svg>
                                            <span x-text="$t(`tabs.dropdown.${d.slug}`)"></span>
                                        </button>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </template>

                    <template x-if="t.slug !== 'more'">
                        <button
                           @click="setTab(t.slug)"
                           :class="{'border-primary text-primary': t.slug === tab, 'border-transparent text-slate-600': t.slug !== tab}"
                           class="transition duration-100 block w-full hover:border-primary hover:text-primary whitespace-nowrap border-b-2 p-1 text-sm font-medium">
                            <svg class="h-6 w-6 inline-block mr-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" :d="t.svg" /></svg>
                            <span x-text="$t(`tabs.${t.slug}`)"></span>
                        </button>
                    </template>
                </div>
            </template>
            
        </nav>
    </div>
    
</div>

    <div class="bg-white relative">
        <div class="min-h-screen pt-[124px] md:pt-[92px]"
             :class="{'pt-[124px] md:pt-[92px]': $store.isSearch, 'pt-[92px] md:pt-[52px]': !$store.isSearch }"
        >
            
            <div :class="{'hidden': $store.isSearch}" class="relative block">
                             
            </div>

            <div :class="{'block': $store.isSearch, 'hidden': $store.isHome}" class="relative block">
                <div id="display-profiles"
     x-cloak
     x-data="DisplayProfiles"
     @display-profiles.window="receive(event.detail.event ?? null, event.detail.payload ?? null)"
     class="mx-auto max-w-7xl mb-12 px-1 sm:px-2 md:px-4 lg:px-8"
>
    <div x-show="isActive" class="min-h-[40vh]">

        <section class="header">
            <p class="text-gray-500 text-xs mb-4" x-cloak x-show="total"><span x-html="$t('results', {total: total})"></span>
                <span x-show="time">(<span x-html="time"></span> seconds)</span>
            </p>
            <p class="text-gray-500 text-xs mb-4" x-cloak x-show="isLoading" x-html="$t('loading')">Loading...</p>
            <div class="lg:flex lg:items-center lg:justify-between">
                <div class="min-w-0 flex-1">
                    <nav class="flex" aria-label="Breadcrumb">
                        <ol role="list" class="flex items-center space-x-1">
                            <li>
                                <div class="flex">
                                    <a :href="getFeUrl('best')" @click.prevent="searchProfiles('best')"
                                       class="text-sm font-medium text-gray-500 hover:text-gray-700">OnlyFans</a>
                                </div>
                            </li>
                            <template x-if="country !== null">
                                <li>
                                    <div class="flex items-center">
                                        <svg class="h-5 w-5 flex-shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                            <path fill-rule="evenodd"
                                                  d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
                                                  clip-rule="evenodd" />
                                        </svg>
                                        <a :href="getFeUrl(search, tab, country !== null ? country.slug : null)"
                                           @click.prevent="searchCountry(country !== null ? country.slug : null, null, search)"
                                           class="text-sm font-medium text-gray-500 hover:text-gray-700" x-text="country !== null ? country.translated_name : null"></a>
                                    </div>
                                </li>
                            </template>
                            <template x-if="city !== null">
                                <li>
                                    <div class="flex items-center">
                                        <svg class="h-5 w-5 flex-shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                            <path fill-rule="evenodd"
                                                  d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
                                                  clip-rule="evenodd" />
                                        </svg>
                                        <a :href="getFeUrl(search, tab, country !== null ? country.slug : null,city !== null ? city.slug : null)"
                                           @click.prevent="searchCountry(country !== null ? country.slug : null, city !== null ? city.slug : null, search)"
                                           class="text-sm font-medium text-gray-500 hover:text-gray-700" x-text="city !== null ? city.name : null"></a>
                                    </div>
                                </li>
                            </template>
                            <li x-show="search">
                                <div class="flex items-center">
                                    <svg class="h-5 w-5 flex-shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                        <path fill-rule="evenodd"
                                              d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
                                              clip-rule="evenodd" />
                                    </svg>
                                    <template x-if="country">
                                        <a :href="getFeUrl(search, 'best', country !== null ? country.slug : null)"
                                           @click.prevent="searchCountry(country !== null ? country.slug : null, null, search)"
                                           class="text-sm -mb-0.5 font-medium text-gray-700 hover:text-gray-900 border-b-2 border-dotted border-grey-600"
                                           x-text="toCaps(search)"></a>
                                    </template>
                                    <template x-if="!country">
                                        <a :href="getFeUrl(search, 'best')" @click.prevent="searchProfiles(search, 'best')"
                                           class="text-sm -mb-0.5 font-medium text-gray-700 hover:text-gray-900 border-b-2 border-dotted border-grey-600"
                                           x-text="toCaps(search)"></a>
                                    </template>
                                </div>
                            </li>
                        </ol>
                    </nav>

                    <article class=" relative prose prose-sm prose-slate prose-p:mt-0 prose-h1:m-0 prose-h1:my-1 prose-h1:text-lg prose-h1:lg:text-2xl max-w-none prose-headings:underline prose-a:text-oa-blue-600"
                             :class="{'mb-2 min-h-[120px]': subtitle }"
                    >
                        <h1 class="" x-cloak x-html="toCaps(title ?? '')">Best Feed OnlyFans accounts to follow in 2026</h1>
                        <template x-if="null !== lastModifiedAt">
                            <time class="text-xs text-slate-500" x-bind:datetime="lastModifiedAt.last_modified_at" x-cloak x-html="$t('last_modified_at', {time: lastModifiedAt.parsed_last_modified_at})"></time>
                        </template>
                        <div x-data="{ expanded: false }" x-show="typeof subtitle !== 'undefined' && null !== subtitle">
                            <div class="relative overflow-hidden transition-all max-h-16 ease-in duration-100"
                                 x-ref="infoContainer"
                                 x-bind:style="expanded ? 'max-height: ' + $refs.infoContainer.scrollHeight + 'px' : ''">
                                <div class="first:mt-0" x-html="subtitle">
                                    
                                </div>
                                <button type="button"
                                        class="h-5 bg-white absolute left-0 right-0 z-1 mx-auto top-16 -mt-5 font-semibold link-primary link-hover text-left"
                                        x-show="!expanded" @click="expanded = !expanded">Read more <span aria-hidden="true">&rarr;</span></button>
                            </div>
                        </div>
                    </article>
                    <article
                        class="prose prose-sm prose-slate prose-p:m-0 prose-h4:m-0 prose-h4:font-semibold prose-h4:my-1 prose-h4:text-lg max-w-none
                        prose-headings:underline prose-li:m-0 prose-li:p-0 prose-ul:m-0 prose-ul:p-0 prose-ul:pl-4 prose-a:text-oa-pink-600
                        prose-a:font-semibold
                        " x-cloak x-html="articleSubtitle"></article>
                </div>
            </div>
        </section>

        <div x-bind:class="{ 'mx-auto': filters.length }" x-data="{ isFiltersOpen: false}">
            <div class="grid grid-flow-col">
                <template x-if="filters.length" x-cloak>
                    <div class="w-72 h-full pr-8 hidden lg:block">
                    <aside>
                        <span class="sr-only">Filters</span>
                        <div>
                            <template x-for="filter in filters" x-data="{
                            time() {
                                console.time('FiltersTimer');
                                this.$nextTick(() => {
                                    console.timeEnd('FiltersTimer');
                                    setTimeout(() => {this.renderedPrimaryFilters = true;}, 50);

                                })
                            }}" x-init="time()">
                                <div x-data>
                                    <template x-if="'CitiesFilter' === filter.type">
                                        <fieldset>
                                            <legend x-data="{isExpanded: true}" class="w-full">
                                                <!-- Expand/collapse section button -->
                                                <button @click="isExpanded = !isExpanded" type="button"
                                                        class="flex w-full items-center justify-between py-2 text-gray-400 hover:text-gray-500"
                                                        aria-controls="filter-section-0" aria-expanded="false">
                                                    <span x-text="filter.title" class="font-medium text-gray-900"></span>
                                                    <span class="ml-0 flex h-7 items-center">
                                                        <template x-if="isExpanded">
                                                            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                                <path
                                                                    d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
                                                            </svg>
                                                        </template>
                                                        <template x-if="!isExpanded">
                                                            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                              <path fill-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z"
                                                                    clip-rule="evenodd" />
                                                            </svg>
                                                        </template>
                                                    </span>
                                                </button>

                                                <template x-if="isExpanded">
                                                    <div class="space-y-2 ml-1">
                                                        <template x-for="state in filter.values">
                                                            <a x-data="{countrySlug: country.slug, stateSlug: state.slug}"
                                                               x-bind:class="{
                                                               'rounded-md bg-oa-blue-500 text-white': state.slug === filter.selected,
                                                                'hover:bg-oa-blue-300 hover:rounded-md hover:text-white': state.slug !== filter.selected,
                                                               }"
                                                               class="transition duration-75 group flow-root p-1 h-8 text-sm tracking-tight whitespace-no-wrap justify-between"
                                                               role="menuitem" tabindex="-1"
                                                               :href="getFeUrl(search, tab, countrySlug, stateSlug)"
                                                               @click.prevent="searchCountry(countrySlug, stateSlug, search, tab)">
                                                                <span x-cloak x-text="state.name"
                                                                      class="ml-0 mt-0.5 text-sm float-left whitespace-nowrap text-ellipsis"></span>
                                                                <span x-cloak x-text="state.profiles_count" x-bind:class="{
                                                                    'bg-white/20 ring-white/40 text-white': state.slug === filter.selected,
                                                                    'bg-gray-200/50 ring-gray-300 text-black': state.slug !== filter.selected
                                                                    }"
                                                                      class="float-right whitespace-nowrap rounded-full px-2 py-1 text-xs ring-1 ring-inset group-hover:ring-white/40 group-hover:bg-oa-blue-500 group-hover:text-white"
                                                                      aria-hidden="true">1</span>
                                                            </a>
                                                        </template>
                                                    </div>
                                                </template>
                                            </legend>
                                        </fieldset>
                                    </template>
                                    <template x-if="'TagsFilter' === filter.type">
                                        <legend x-data="{isExpanded: true, time() {console.time('Timer');this.$nextTick(() => {console.timeEnd('Timer');})} }" class="w-full" x-init="time()">
                                            <!-- Expand/collapse section button -->
                                            <button @click="isExpanded = !isExpanded" type="button"
                                                    class="flex w-full items-center justify-between py-2 text-gray-400 hover:text-gray-500"
                                                    aria-controls="filter-section-0" aria-expanded="false">
                                                <span x-text="filter.title" class="text-sm font-medium text-gray-900"></span>
                                                <span class="ml-0 flex h-7 items-center">
                                                        <template x-if="isExpanded">
                                                            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                                <path
                                                                    d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
                                                            </svg>
                                                        </template>
                                                        <template x-if="!isExpanded">
                                                            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                              <path fill-rule="evenodd" d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z"
                                                                    clip-rule="evenodd" />
                                                            </svg>
                                                        </template>
                                                    </span>
                                            </button>

                                            <template x-if="isExpanded">
                                                <div class="space-y-2 ml-1">
                                                    <template x-for="tag in filter.values" :key="tag.id">
                                                        <a x-data="{slug: tag.slug, name: tag.name, count: tag.profiles_count}"
                                                           x-bind:class="{
                                                               'rounded-md bg-oa-pink-600 text-white': tag.slug === filter.selected,
                                                                'hover:bg-oa-pink-500 hover:rounded-md hover:text-white': slug !== filter.selected,
                                                               }"
                                                           class="transition duration-75 group flow-root p-1 h-8 text-sm tracking-tight whitespace-no-wrap justify-between"
                                                           role="menuitem" tabindex="-1"
                                                           :href="getFeUrl(slug, tab)"
                                                           @click.prevent="searchProfiles(tag.slug, tab)">
                                                                <span x-text="slug"
                                                                      class="ml-0 mt-0.5 text-sm float-left whitespace-nowrap text-ellipsis"></span>
                                                            <span x-text="count" x-bind:class="{
                                                                    'bg-white/20 ring-white/40 text-white': tag.slug === filter.selected,
                                                                    'bg-gray-200/50 ring-gray-300 text-black': tag.slug !== filter.selected
                                                                    }"
                                                                  class="float-right whitespace-nowrap rounded-full px-2 py-1 text-xs ring-1 ring-inset group-hover:ring-white/40 group-hover:bg-fuchsia-500 group-hover:text-white"
                                                                  aria-hidden="true">1</span>
                                                        </a>
                                                    </template>
                                                </div>
                                            </template>
                                        </legend>
                                    </template>
                                </div>
                            </template>
                        </div>
                    </aside>
                </div>
                </template>
                <div x-bind:class="{ 'w-full': filters.length }">
                    <section aria-labelledby="profile-listing-heading">
                        <div x-bind:class="{ 'hidden': filters.length === 0 }">
                            <button @click="isFiltersOpen = !isFiltersOpen" type="button" class="inline-flex pb-3 mt-3 items-center lg:hidden">
                                <span class="text-sm font-medium text-gray-700">Filters</span>
                                <svg class="ml-1 h-5 w-5 flex-shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                    <path
                                        d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
                                </svg>
                            </button>
                            <hr class="w-full lg:hidden mb-3">
                        </div>
                        <div class="flex flex-col space-y-16">
                            <section class="main w-full pt-3">
                                <div
                                    x-bind:class="{ 'md:grid-cols-2 lg:grid-cols-3': filters.length > 0, 'md:grid-cols-2 lg:grid-cols-4': filters.length === 0 }"
                                    class="grid grid-cols-1 gap-2" id="display-profiles-target">
                                    <template x-for="p in getItems()">
                                        <div
                                            :class="{
                                            'shadow-lg shadow-oa-pink-300 border-2 rounded-lg border-oa-pink-500': typeof p.has_affiliate_link !== 'undefined' && p.has_affiliate_link,
                                            'shadow-lg !shadow-blue-300 border-2 rounded-lg !border-blue-500': typeof p.has_ct !== 'undefined' && p.has_ct
                                            }"
                                            class="relative mb-3 lg:rounded-md lg:border-2 lg:p-1">
                                            <svg x-show="p.is_fresh" class="w-6 h-6 z-10 text-fuchsia-500 absolute top-2 right-2 hover:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.66 11.2c-.23-.3-.51-.56-.77-.82c-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32c-2.59 2.08-3.61 5.75-2.39 8.9c.04.1.08.2.08.33c0 .22-.15.42-.35.5c-.23.1-.47.04-.66-.12a.58.58 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5c.14.6.41 1.2.71 1.73c1.08 1.73 2.95 2.97 4.96 3.22c2.14.27 4.43-.12 6.07-1.6c1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6c-1.12.4-2.24-.16-2.9-.82c1.19-.28 1.9-1.16 2.11-2.05c.17-.8-.15-1.46-.28-2.23c-.12-.74-.1-1.37.17-2.06c.19.38.39.76.63 1.06c.77 1 1.98 1.44 2.24 2.8c.04.14.06.28.06.43c.03.82-.33 1.72-.93 2.27Z"/></svg>
                                            <svg x-show="!p.has_affiliate_link && !p.is_fresh && p.is_verified" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                 stroke="currentColor" class="w-6 h-6 z-10 fill-fuchsia-500 text-white absolute top-2 right-2 hover:hidden">
                                                <path stroke-linecap="round" stroke-linejoin="round"
                                                      d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" />
                                            </svg>
                                            <div class="absolute z-10 flex flex-wrap mb-2 items-center mt-5 ml-2">
                                                <!-- Stats for mobile display -->
                                                <div class="grid grid-cols-1 text-xs font-medium lg:hidden">
                                                    <div class="bg-white rounded-full mb-2 px-3 py-1 mr-2 flex items-center z-[1]">
                                                        <span :x-text="$t('profiles.max_subscriber_likes_count', {count: p.max_subscriber_likes_short_count})" class="sr-only">frontend.profiles.likes_count_sr</span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                             stroke="currentColor" class="w-5 h-5 mr-1 text-red-500">
                                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                                  d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
                                                        </svg>
                                                        <span x-text="p.max_subscriber_likes_short_count" :title="$t('profiles.max_subscriber_likes_count', {count: p.max_subscriber_likes_short_count})"
                                                              class="text-xs font-medium"></span>
                                                    </div>
                                                    <div class="bg-white rounded-full mb-2 px-3 py-1 mr-2 flex items-center z-[1]">
                                                        <span :x-text="$t('profiles.subscriber_price', {price: p.subscriber_price})" class="sr-only">Subscriber Price</span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                             stroke="currentColor" class="w-5 h-5 mr-1 text-fuchsia-500">
                                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                                  d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                                        </svg>

                                                        <span x-text="p.subscriber_price" :title="$t('profiles.subscriber_price', {price: p.subscriber_price})"
                                                              class="text-xs font-medium"></span>
                                                    </div>
                                                    <div class="bg-white rounded-full mb-2 px-3 py-1 mr-2 flex items-center z-[1]">
                                                        <span :x-text="$t('profiles.video_count', {count: p.videos_short_count})" class="sr-only">Video Count</span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                             stroke="currentColor" class="w-5 h-5 mr-1 text-orange-500">
                                                            <path stroke-linecap="round"
                                                                  d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
                                                        </svg>
                                                        <span x-text="p.videos_short_count" :title="$t('profiles.video_count', {count: p.videos_short_count})"
                                                              class="text-xs font-medium"></span>
                                                    </div>
                                                    <div class="bg-white rounded-full mb-2 px-3 py-1 mr-2 flex items-center z-[1]">
                                                        <span :x-text="$t('profiles.photo_count', {count: p.photos_short_count})" class="sr-only">Photo Count</span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                             stroke="currentColor" class="w-5 h-5 mr-1 text-blue-500">
                                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                                  d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
                                                        </svg>
                                                        <span x-text="p.photos_short_count" :title="$t('profiles.photo_count', {count: p.photos_short_count})"
                                                              class="text-xs font-medium"></span>
                                                    </div>
                                                </div>
                                            </div>

                                            <!-- Profile photo and bio -->
                                            <div
                                                class="relative text-center border-1 rounded-md border-gray-300 lg:hover:z-20 lg:hover:scale-110 transform-gpu duration-150">
                                                <a rel="nofollow" :href="p.url" target="_blank" @click.prevent="visit(p)">
                                                    <div class="h-28 absolute bottom-0 right-0 left-0 text-white lg:hidden overflow-hidden">
                                                        <p x-html="p.profile_about"
                                                           class="p-3 bg-black/70 opacity-70 h-full w-full rounded-br-lg rounded-bl-lg"></p>
                                                    </div>
                                                    <img x-bind:id="'js-profile-image-' + p.slug" :alt="'@' + p.slug"
                                                         x-on:error="addPlaceHolderImage('js-profile-image-' + p.slug)" :src="p.profile_pic"
                                                         class="bg-white w-full rounded-md mg:h-64 lg:h-64 object-cover object-center" :loading="p.profile_loading ?? 'lazy'"/>

                                                    <p x-html="p.profile_about"
                                                       class="lg:block hidden rounded-md align-content-center absolute overflow-clip whitespace-pre-wrap truncate w-full h-full top-0 left-0 right-0 bottom-0 p-3 text-white text-xl lg:text-sm opacity-0 bg-black/80 hover:opacity-80"></p>
                                                </a>
                                            </div>

                                            <div class="hidden lg:block">
                                                <div class="grid grid-cols-4 gap-2 text-sm p-2 justify-items-center">
                                                    <div :title="$t('profiles.max_subscriber_likes_count', {count: p.max_subscriber_likes_short_count})" class="text-center">
                                                        <span :x-text="$t('profiles.max_subscriber_likes_count', {count: p.max_subscriber_likes_short_count})" class="sr-only">Subscriber &amp; Likes Count</span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                             stroke="currentColor" class="w-5 h-5 block m-auto text-red-500">
                                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                                  d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
                                                        </svg>
                                                        <span x-text="p.max_subscriber_likes_short_count" class="text-xs font-medium block w-full h-5 mt-1"></span>
                                                    </div>
                                                    <div :title="'Subscriber Price: ' + p.subscriber_price" class="text-center">
                                                        <span :x-text="$t('profiles.subscriber_price', {price: p.subscriber_price})" class="sr-only">Subscriber Price</span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                             stroke="currentColor" class="w-5 h-5 block m-auto text-fuchsia-500">
                                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                                  d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                                        </svg>

                                                        <span x-text="p.subscriber_price" class="text-xs font-medium block w-full h-5 mt-1"></span>
                                                    </div>
                                                    <div :title="$t('profiles.video_count', {count: p.videos_short_count})" class="text-center">
                                                        <span :x-text="$t('profiles.video_count', {count: p.videos_short_count})" class="sr-only">Video Count</span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                             stroke="currentColor" class="w-5 h-5 block m-auto text-orange-500">
                                                            <path stroke-linecap="round"
                                                                  d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
                                                        </svg>
                                                        <span x-text="p.videos_short_count" class="text-xs font-medium block w-full h-5 mt-1"></span>
                                                    </div>
                                                    <div :title="$t('profiles.photo_count', {count: p.photos_short_count})" class="text-center">
                                                        <span :x-text="$t('profiles.photo_count', {count: p.photos_short_count})" class="sr-only">Photo Count</span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                                                             stroke="currentColor" class="w-5 h-5 block m-auto text-blue-500">
                                                            <path stroke-linecap="round" stroke-linejoin="round"
                                                                  d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
                                                        </svg>
                                                        <span x-text="p.photos_short_count" class="text-xs font-medium block w-full h-5 mt-1"></span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="relative text-center text-fuchsia-600 mb-2 border-t-1 border-gray-300">
                                                <a rel="nofollow" :href="p.url" target="_blank" x-html="p.display_name"
                                                   :title="'View ' + p.display_name + 'profile'" @click.prevent="visit(p)"
                                                   class="relative truncate inline-block bg-white w-full rounded-full p-3 mb-0 mt-2 border-2 bg-white hover:bg-pink-50 border-oa-pink-300 text-xs text-ellipsis font-bold overflow-hidden"></a>
                                                <div class="items-center mb-1 overflow-x-auto whitespace-nowrap text-sm">
                                                    <span class="text-gray-400 dark:text-gray-200">onlyfans.com</span>
                                                    <span class="px-1 text-gray-500 dark:text-gray-300">&gt;</span>
                                                    <a rel="nofollow" :href="p.url" @click.prevent="visit(p)" target="_blank" x-text="'@' + p.slug"
                                                       :title="$t('profiles.view_profiles_like', {slug: p.slug})" class="link-primary dark:text-gray-200 hover:underline"
                                                       :title="$t('profiles.visit_profiles_like', {slug: p.display_name})"></a>
                                                </div>
                                            </div>

                                            <div class="flex divide-x divide-gray-200 text-center">
                                                <div class="flex flex-1 text-center items-center">
                                                    <a rel="nofollow" :href="p.url" :title="'Visit @' + p.slug +'\'s OnlyFans'" target="_blank"
                                                       @click.prevent="visit(p)"
                                                       class="relative inline-flex mr-1 flex-1 p-5 items-center justify-center border border-transparent text-xs font-semibold text-oa-blue-700 h-8 hover:bg-gradient-to-br hover:from-oa-pink-300 hover:to-oa-pink-600 hover:oa-pink-500 hover:text-white rounded-md">
                                                        <span x-html="'Subscribe Now<br />(' + p.subscriber_price + ')'" class="text-xs"><span class="sr-only">Get Onlyfans</span></span>
                                                    </a>
                                                </div>
                                                <div class="flex flex-1 text-center items-center">
                                                    <a :href="p.profile_url" :title="'View ' + p.display_name + 'profile'"
                                                       class="relative inline-flex flex-1 ml-1 p-5 items-center justify-center border border-transparent text-sm font-semibold text-gray-500 h-8 hover:bg-gradient-to-br hover:from-oa-blue-300 hover:to-oa-blue-600 hover:border-oa-blue-500 hover:text-white rounded-md">
                                                        Profile &amp; Infos
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </template>
                                </div>
                            </section>
                        </div>
                    </section>
                    <section id="scroll-trigger"
                             x-show="!isCompleted && !isError">
                        <div class="items-center justify-center text-primary py-24">
                            
                            <svg class="animate-spin mx-auto mb-2 h-12 w-12" xmlns="http://www.w3.org/2000/svg"
                                 fill="none" viewBox="0 0 24 24">
                                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
                                        stroke-width="4"></circle>
                                <path class="opacity-75" fill="currentColor"
                                      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
                            </svg>
                        </div>
                    </section>
                </div>

                <template x-if="filters.length && renderedPrimaryFilters" x-cloak>
                    <aside x-show="isFiltersOpen" x-transition:enter="transition-opacity ease-linear duration-150"
                       x-transition:enter-start="opacity-0"
                       x-transition:enter-end="opacity-100" x-transition:leave="transition-opacity ease-linear duration-150"
                       x-transition:leave-start="opacity-100"
                       x-transition:leave-end="opacity-0" class="relative z-40 h-full" role="dialog" aria-modal="true">
                    <div class="fixed inset-0 bg-slate-600/50 backdrop-blur-sm"></div>

                    <div class="fixed inset-0 z-40 flex">
                        <div class="relative ml-auto flex h-full w-full max-w-xs flex-col overflow-y-auto bg-white py-4 pb-6 shadow-xl">
                            <div class="flex items-center justify-between px-4">
                                <span x-text="$t('profiles.filters')" class="text-lg font-medium text-gray-900">Filters</span>
                                <button @click="isFiltersOpen = !isFiltersOpen" type="button"
                                        class="-mr-2 flex h-10 w-10 items-center justify-center p-2 text-gray-400 hover:text-gray-500">
                                    <span x-text="$t('profiles.close_menu')" class="sr-only">Close menu</span>
                                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                                    </svg>
                                </button>
                            </div>

                            <!-- Filters -->
                            <form x-on:click.stop.outside="isFiltersOpen = false" class="mt-4">
                                <div class="border-t border-gray-200 pb-4 pt-4">
                                    <template x-for="filter in filters" x-data="{ time2() {console.time('MobileFiltersTimer');this.$nextTick(() => {console.timeEnd('MobileFiltersTimer');}) }}" x-init="time2()">
                                        <div>
                                            <template x-if="'CitiesFilter' === filter.type">
                                                <fieldset>
                                                    <legend x-data="{isExpanded: true}" class="w-full px-2">
                                                        <!-- Expand/collapse section button -->
                                                        <button @click="isExpanded = !isExpanded" type="button"
                                                                class="flex w-full items-center justify-between p-2 text-gray-400 hover:text-gray-500"
                                                                aria-controls="filter-section-0" aria-expanded="false">
                                                            <span x-text="filter.title" class="font-medium text-gray-900"></span>
                                                            <span class="ml-6 flex h-7 items-center">
                                                                        <template x-if="isExpanded">
                                                                            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                                                <path
                                                                                    d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
                                                                            </svg>
                                                                        </template>
                                                                        <template x-if="!isExpanded">
                                                                            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                                              <path fill-rule="evenodd"
                                                                                    d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z"
                                                                                    clip-rule="evenodd" />
                                                                            </svg>
                                                                        </template>
                                                                    </span>
                                                        </button>

                                                        <template x-if="isExpanded">
                                                            <div class="space-y-2 ml-1">
                                                                <div class="space-y-2 ml-1">
                                                                    <template x-for="state in filter.values">
                                                                        <a x-data="{countrySlug: country.slug, stateSlug: state.slug}"
                                                                           x-bind:class="{
                                                                                   'rounded-md bg-oa-blue-600 text-white': state.slug === filter.selected,
                                                                                    'hover:bg-oa-blue-600 hover:rounded-md hover:text-white': state.slug !== filter.selected,
                                                                                   }"
                                                                           class="flow-root p-1 h-8 text-sm tracking-tight whitespace-no-wrap justify-between"
                                                                           role="menuitem" tabindex="-1"
                                                                           :href="getFeUrl(search, tab, countrySlug, stateSlug)"
                                                                           @click.prevent="isFiltersOpen = false; searchCountry(countrySlug, stateSlug, search, tab);">
                                                                                    <span x-cloak x-text="state.name"
                                                                                          class="ml-2 mt-0.5 text-sm float-left whitespace-nowrap text-ellipsis"></span>
                                                                            <span x-cloak x-text="state.profiles_count" x-bind:class="{
                                                                                        'bg-white/20 ring-white/10 text-white': state.slug === filter.selected,
                                                                                        'bg-gray-300/50 ring-black/30 text-black hover:text-white': state.slug !== filter.selected
                                                                                        }"
                                                                                  class="float-right whitespace-nowrap rounded-full px-2 py-1 text-xs ring-1 ring-inset"
                                                                                  aria-hidden="true">1</span>
                                                                        </a>
                                                                    </template>
                                                                </div>
                                                            </div>
                                                        </template>
                                                    </legend>
                                                </fieldset>
                                            </template>
                                            <template x-if="'TagsFilter' === filter.type">
                                                <fieldset>
                                                    <legend x-data="{isExpanded: true}" class="w-full px-2">
                                                        <!-- Expand/collapse section button -->
                                                        <button @click="isExpanded = !isExpanded" type="button"
                                                                class="flex w-full items-center justify-between p-2 text-gray-400 hover:text-gray-500"
                                                                aria-controls="filter-section-0" aria-expanded="false">
                                                            <span x-text="filter.title" class="font-medium text-gray-900"></span>
                                                            <span class="ml-6 flex h-7 items-center">
                                                                        <template x-if="isExpanded">
                                                                            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                                                <path
                                                                                    d="M10.75 4.75a.75.75 0 00-1.5 0v4.5h-4.5a.75.75 0 000 1.5h4.5v4.5a.75.75 0 001.5 0v-4.5h4.5a.75.75 0 000-1.5h-4.5v-4.5z" />
                                                                            </svg>
                                                                        </template>
                                                                        <template x-if="!isExpanded">
                                                                            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                                                              <path fill-rule="evenodd"
                                                                                    d="M4 10a.75.75 0 01.75-.75h10.5a.75.75 0 010 1.5H4.75A.75.75 0 014 10z"
                                                                                    clip-rule="evenodd" />
                                                                            </svg>
                                                                        </template>
                                                                    </span>
                                                        </button>

                                                        <template x-if="isExpanded">
                                                            <div class="space-y-2 ml-1">
                                                                <div class="space-y-2 ml-1">
                                                                    <template x-for="tag in filter.values">
                                                                        <a x-data="{slug: tag.slug, name: tag.name, count: tag.profiles_count}"
                                                                           x-bind:class="{
                                                                                   'rounded-md bg-oa-blue-600 text-white': slug === filter.selected,
                                                                                    'hover:bg-oa-blue-600 hover:rounded-md hover:text-white': slug !== filter.selected,
                                                                                   }"
                                                                           class="flow-root p-1 h-8 text-sm tracking-tight whitespace-no-wrap justify-between"
                                                                           role="menuitem" tabindex="-1"
                                                                           :href="getFeUrl(slug, tab)"
                                                                           @click.prevent="isFiltersOpen = false; searchProfiles(slug, tab);">
                                                                                    <span x-cloak x-text="slug"
                                                                                          class="ml-2 mt-0.5 text-sm float-left whitespace-nowrap text-ellipsis"></span>
                                                                            <span x-cloak x-text="count" x-bind:class="{
                                                                                        'bg-white/20 ring-white/10 text-white': slug === filter.selected,
                                                                                        'bg-gray-300/50 ring-black/30 text-black hover:text-white': slug !== filter.selected
                                                                                        }"
                                                                                  class="float-right whitespace-nowrap rounded-full px-2 py-1 text-xs ring-1 ring-inset"
                                                                                  aria-hidden="true">1</span>
                                                                        </a>
                                                                    </template>
                                                                </div>
                                                            </div>
                                                        </template>
                                                    </legend>
                                                </fieldset>
                                            </template>
                                        </div>
                                    </template>
                                </div>
                            </form>
                        </div>
                    </div>
                </aside>
                </template>
            </div>
        </div>
    </div>

    <section x-show="isError"
             role="alert" x-cloak
             class="rounded-md bg-yellow-50 p-4 my-4">
        <div class="flex">
            <div class="flex-shrink-0">
                <svg class="h-5 w-5 text-yellow-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M8.485 2.495c.673-1.167 2.357-1.167 3.03 0l6.28 10.875c.673 1.167-.17 2.625-1.516 2.625H3.72c-1.347 0-2.189-1.458-1.515-2.625L8.485 2.495zM10 5a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 0110 5zm0 9a1 1 0 100-2 1 1 0 000 2z"
                          clip-rule="evenodd" />
                </svg>
            </div>
            <div class="ml-3">
                <p class="text-sm font-medium text-yellow-800" x-text="$t('profiles.error_loading_profiles')">Error loading profiles</p>
                <div class="mt-2 text-sm text-yellow-700">
                    <p x-text="$t('profiles.error_loading_profiles')">Error loading profiles. Please refresh the page and try again</p>
                </div>
            </div>
        </div>
    </section>
</div>
            </div>
        </div>
        <footer class="shadow-inner text-gray-600 relative">
    <div class="mx-auto py-12 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
        <div class="flex-grow flex flex-wrap -mb-10 md:text-left text-center order-first">
            <div class="md:w-4/12 lg:w-1/5 w-full px-4">
                <h4 class="title-font font-medium text-gray-900 uppercase tracking-widest text-sm mb-3">Top OnlyFans Locations</h4>
                <nav class="list-none mb-10">
                    <ul>
                        <li>
                            <a class=" text-gray-500 hover:bg-gray-50" href="/united-states">
                                <span class="fi fi-us w-4 h-4"></span>
                                Best American Onlyfans
                            </a>
                        </li>
                        <li>
                            <a class=" text-gray-500 hover:bg-gray-50" href="/italy">
                                <span class="fi fi-it w-4 h-4"></span>
                                Best Italian Onlyfans
                            </a>
                        </li>
                        <li>
                            <a class=" text-gray-500 hover:bg-gray-50" href="/france">
                                <span class="fi fi-fr w-4 h-4"></span>
                                Best French Onlyfans
                            </a>
                        </li>
                        <li>
                            <a class=" text-gray-500 hover:bg-gray-50" href="/ukraine">
                                <span class="fi fi-ua w-4 h-4"></span>
                                Best Ukrainian Onlyfans
                            </a>
                        </li>
                        <li>
                            <a class=" text-gray-500 hover:bg-gray-50" href="/canada">
                                <span class="fi fi-ca w-4 h-4"></span>
                                Best Canadian Onlyfans
                            </a>
                        </li>
                        <li>
                            <a class=" text-gray-500 hover:bg-gray-50" href="/germany">
                                <span class="fi fi-de w-4 h-4"></span>
                                Best German Onlyfans
                            </a>
                        </li>
                        <li>
                            <a class=" text-gray-500 hover:bg-gray-50" href="/mexico">
                                <span class="fi fi-mx w-4 h-4"></span>
                                Best Mexican Onlyfans
                            </a>
                        </li>
                        <li>
                            <a class=" text-gray-500 hover:bg-gray-50" href="/united-kingdom">
                                <span class="fi fi-gb w-4 h-4"></span>
                                Best British Onlyfans
                            </a>
                        </li>
                        <li>
                            <a href="https://thechrisellefactor.com/countries" class="text-gray-600 hover:bg-gray-50 italic">See all <span aria-hidden="true">→</span></a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="md:w-4/12 lg:w-2/5 w-full px-4">
                <h4 class="title-font font-medium text-gray-900 uppercase tracking-widest text-sm mb-3">Top OnlyFans Tags</h4>
                <nav class="list-none mb-10" x-data="{
                    data: {
                        tags: []
                    },

                    getPopularTags() {
                        fetch('/api/popular-tags', {
                            method: 'GET',
                            headers: {
                                    'Accept-Language': window.translations.getLocale(),
                                }
                        })
                        .then((response) => response.json())
                        .then((json) => this.data = json);
                    }
                }" x-init="getPopularTags()">
                    <ul class="grid grid-cols-4 gap-x-4">
                         <template x-for="tag in data.tags">
                             <li>
                                <a x-html="tag.slug" class="text-gray-500 hover:bg-gray-50" :href="getFeUrl(tag.slug)" @click.prevent="searchProfiles(tag.slug)"></a>
                             </li>
                        </template>
                        <li class="col-span-4 sm:col-span-1 text-center sm:text-left">
                            <a href="https://thechrisellefactor.com/tags" class="text-gray-600 hover:bg-gray-50 italic">See all <span aria-hidden="true">→</span></a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="lg:w-2/5 w-full flex-grow px-4">
                <h4 class="title-font font-medium text-gray-900 tracking-widest uppercase text-sm mb-3">Recent Posts from our blog</h4>
                <nav class="list-none mb-10" x-data="{
                        posts: [],
                        getPosts() {
                            fetch('/api/blog-posts', {
                                headers: {
                                    'Accept-Language': window.translations.getLocale(),
                                }
                            })
                            .then((response) => response.json())
                            .then((json) => this.posts = json)
                            .catch((error) => this.posts = []);
                        }
                    }" x-init="getPosts()">
                    <ul class="h-96 overflow-y-auto scrollbar-small">
                        <template x-for="post in posts">
                            <li class="mb-1">
                                <a class="link hover:text-primary-focus" x-bind:href="post.link" x-html="post.title">
                                </a>
                                <small x-html="post.body" class="italic text-base-400"></small>
                            </li>
                        </template>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <div class="bg-gray-100">
        <div class="container mx-auto py-4 px-5">
            <div class="flex grid grid-cols-1 lg:grid-cols-12 gap-1 justify-between">
              <div class="text-center lg:text-right col-span-1 lg:col-span-2 justify-center lg:order-1">
                   <div class="grid grid-cols-2 lg:grid-cols-1 gap-1 justify-center justify-items-center">
                       <div><a href="https://thechrisellefactor.com/contact-us" class="text-sm font-bold text-gray-900 hover:underline">Make money with us</a></div>
                       <div><a href="https://thechrisellefactor.com/privacy-policy" class="text-sm font-medium text-gray-900 hover:underline">Privacy Policy</a></div>
                       <div><a href="https://thechrisellefactor.com/terms-conditions" class="text-sm font-medium text-gray-900 hover:underline">Terms &amp; Conditions</a></div>
                       <div><a href="https://thechrisellefactor.com/dmca-takedown" class="text-sm font-medium text-gray-900 hover:underline">DMCA Takedown</a></div>
                   </div>
              </div>
                <div class="text-center lg:text-left lg:col-span-10 mt-2 lg:mt-0 lg:order-0">
                    <p class="text-gray-500 text-sm text-center sm:text-left">
                        <span class="font-bold">&copy; 2026 OnlyAccounts Inc, Malta</span><br />
                        <span class="text-sm text-gray-400 italic">onlyaccounts.io is neither owned nor affiliated with onlyfans.com which is a registered trademade of Fenix International Limited.</span>
                </p>
              </div>
            </div>
        </div>
    </div>
</footer>
    </div>

    <script>
const localeSelectorTranslations = {"en":{"en":"English","es":"Spanish","de":"German","fr":"French","pt":"Portuguese","it":"Italian","ru":"Russian","cn":"Chinese","pl":"Polish","tr":"Turkish","title":"Change Language?","subtitle":"We have detected you might be requesting a different language.","change":"Change","close":"Close and keep current language"},"es":{"en":"Ingl\u00e9s","es":"Espa\u00f1ol","de":"Alem\u00e1n","fr":"Franc\u00e9s","pt":"Portugu\u00e9s","it":"Italiano","ru":"Ruso","cn":"Chino","pl":"Polaco","tr":"Turco","title":"\u00bfCambiar idioma?","subtitle":"Hemos detectado que es posible que est\u00e9s solicitando un idioma diferente.","change":"Cambiar","close":"Cerrar y mantener el idioma actual"},"de":{"en":"Englisch","es":"Spanisch","de":"Deutsch","fr":"Franz\u00f6sisch","pt":"Portugiesisch","it":"Italienisch","ru":"Russisch","cn":"Chinesisch","pl":"Polnisch","tr":"T\u00fcrkisch","title":"Sprache \u00e4ndern?","subtitle":"Wir haben festgestellt, dass Sie m\u00f6glicherweise eine andere Sprache anfordern.","change":"\u00c4ndern","close":"Schlie\u00dfen und aktuelle Sprache beibehalten"},"fr":{"en":"Anglais","es":"Espagnol","de":"Allemand","fr":"Fran\u00e7ais","pt":"Portugais","it":"Italien","ru":"Russe","cn":"Chinois","pl":"Polonais","tr":"Turc","title":"Changer de langue?","subtitle":"Nous avons d\u00e9tect\u00e9 que vous pourriez demander une langue diff\u00e9rente.","change":"Changer","close":"Fermer et conserver la langue actuelle"},"pt":{"en":"Ingl\u00eas","es":"Espanhol","de":"Alem\u00e3o","fr":"Franc\u00eas","pt":"Portugu\u00eas","it":"Italiano","ru":"Russo","cn":"Chin\u00eas","pl":"Polon\u00eas","tr":"Turco","title":"Alterar idioma?","subtitle":"Detectamos que voc\u00ea pode estar solicitando um idioma diferente.","change":"Alterar","close":"Fechar e manter o idioma atual"},"it":{"en":"Inglese","es":"Spagnolo","de":"Tedesco","fr":"Francese","pt":"Portoghese","it":"Italiano","ru":"Russo","cn":"Cinese","pl":"Polacco","tr":"Turco","title":"Cambia lingua?","subtitle":"Abbiamo rilevato che potresti richiedere una lingua diversa.","change":"Cambia","close":"Chiudi e mantieni la lingua corrente"},"ru":{"en":"\u0410\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439","es":"\u0418\u0441\u043f\u0430\u043d\u0441\u043a\u0438\u0439","de":"\u041d\u0435\u043c\u0435\u0446\u043a\u0438\u0439","fr":"\u0424\u0440\u0430\u043d\u0446\u0443\u0437\u0441\u043a\u0438\u0439","pt":"\u041f\u043e\u0440\u0442\u0443\u0433\u0430\u043b\u044c\u0441\u043a\u0438\u0439","it":"\u0418\u0442\u0430\u043b\u044c\u044f\u043d\u0441\u043a\u0438\u0439","ru":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","cn":"\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439","pl":"\u041f\u043e\u043b\u044c\u0441\u043a\u0438\u0439","tr":"\u0422\u0443\u0440\u0435\u0446\u043a\u0438\u0439","title":"\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u044f\u0437\u044b\u043a?","subtitle":"\u041c\u044b \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u043b\u0438, \u0447\u0442\u043e \u0432\u044b, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442\u0435 \u0434\u0440\u0443\u0433\u043e\u0439 \u044f\u0437\u044b\u043a.","change":"\u0418\u0437\u043c\u0435\u043d\u0438\u0442\u044c","close":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c \u0438 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u044f\u0437\u044b\u043a"},"cn":{"en":"\u82f1\u8bed","es":"\u897f\u73ed\u7259\u8bed","de":"\u5fb7\u8bed","fr":"\u6cd5\u8bed","pt":"\u8461\u8404\u7259\u8bed","it":"\u610f\u5927\u5229\u8bed","ru":"\u4fc4\u8bed","cn":"\u4e2d\u6587","pl":"\u6ce2\u5170\u8bed","tr":"\u571f\u8033\u5176\u8bed","title":"\u66f4\u6539\u8bed\u8a00\uff1f","subtitle":"\u6211\u4eec\u68c0\u6d4b\u5230\u60a8\u53ef\u80fd\u6b63\u5728\u8bf7\u6c42\u4e0d\u540c\u7684\u8bed\u8a00\u3002","change":"\u66f4\u6539","close":"\u5173\u95ed\u5e76\u4fdd\u6301\u5f53\u524d\u8bed\u8a00"},"pl":{"en":"Angielski","es":"Hiszpa\u0144ski","de":"Niemiecki","fr":"Francuski","pt":"Portugalski","it":"W\u0142oski","ru":"Rosyjski","cn":"Chi\u0144ski","pl":"Polski","tr":"Turecki","title":"Zmie\u0144 j\u0119zyk?","subtitle":"Wykryli\u015bmy, \u017ce mo\u017cesz by\u0107 zainteresowany innym j\u0119zykiem.","change":"Zmie\u0144","close":"Zamknij i zachowaj obecny j\u0119zyk"},"tr":{"en":"\u0130ngilizce","es":"\u0130spanyolca","de":"Almanca","fr":"Frans\u0131zca","pt":"Portekizce","it":"\u0130talyanca","ru":"Rus\u00e7a","cn":"\u00c7ince","pl":"Leh\u00e7e","tr":"T\u00fcrk\u00e7e","title":"Dil De\u011fi\u015ftirilsin mi?","subtitle":"Farkl\u0131 bir dil talep etti\u011finizi tespit ettik.","change":"De\u011fi\u015ftir","close":"Kapat ve mevcut dili koru"}};
</script>
<div x-cloak x-show="show" x-data="LocaleSelector(localeSelectorTranslations)" x-show="show" class="relative z-50"
     aria-labelledby="modal-title" role="dialog" aria-modal="true">
    <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>

    <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
        <div class="flex min-h-[60%] md:min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
            <div class="relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6">
                <div class="absolute right-0 top-0 hidden pr-4 pt-4 sm:block">
                    <button x-on:click="close()" title="Close and keep current language" type="button"
                            class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
                        <span class="sr-only">Close</span>
                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                             aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
                        </svg>
                    </button>
                </div>
                <div class="sm:flex sm:items-start">
                    <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
                        <h3 x-html="translate('title', 'Change Language?')" class="text-base font-semibold leading-6 text-gray-900" id="modal-title"></h3>
                        <p x-html="translate('content', 'We have detected you might be requesting a different language.')" class="text-sm mb-2"></p>
                        <div>
                            <button type="button" x-on:click="toggle()"
                                    class="relative w-full cursor-default rounded-md bg-white py-1.5 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 sm:text-sm sm:leading-6"
                                    aria-haspopup="listbox" aria-expanded="true"
                                    aria-labelledby="listbox-label">
                                <span class="flex items-center">
                                    <span class="flex py-0.5 px-2 text-sm tracking-tight text-gray-900 hover:bg-gray-200 whitespace-no-wrap justify-start"
                                          role="menuitem" tabindex="-1" href="#">
                                        <span x-bind:class="`fi-${selected === 'en' ? 'usgb' : selected }`" class="mr-1 fi"></span> <span
                                                x-html="translate(selected)"></span>
                                    </span>
                                </span>
                                <span x-on:click="toggle()"
                                      class="pointer-events-none absolute inset-y-0 right-0 ml-3 flex items-center pr-2">
                                    <svg x-on:click="toggle()" class="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor"
                                         aria-hidden="true">
                                      <path fill-rule="evenodd"
                                            d="M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z"
                                            clip-rule="evenodd"/>
                                    </svg>
                                </span>
                            </button>
                            <ul x-ref="panel" x-show="open"
                                class="absolute z-50 mt-1 max-h-56 w-48 overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
                                tabindex="-1" role="listbox" aria-labelledby="listbox-label"
                                aria-activedescendant="listbox-option-3">

                                <template x-for="l in getSupported()">
                                    <li
                                        x-on:click="select(l)"
                                        class="flex items-center text-gray-900 relative cursor-default select-none py-2 pl-3 pr-9"
                                        id="listbox-option-0" role="option">
                                        <span x-bind:class="`fi-${l === 'en' ? 'usgb' : l }`" class="mr-1 fi"></span>
                                        <span x-html="translate(l)"></span>
                                    </li>
                                </template>
                            </ul>
                        </div>
                        <div>
                            <div class="mt-2 text-right">
                                <button x-html="translate('keep_current_locale', 'Stay Here')" type="button" x-on:click="useRouteLocale()"
                                    class="rounded-md bg-gray-400 py-1.5 p-3 text-center cursor-pointer text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 sm:text-sm sm:leading-6"
                                    aria-haspopup="listbox" aria-expanded="true"
                                    aria-labelledby="listbox-label">
                                </button>
                                <button x-html="translate('change', 'Change')" type="button" x-on:click="update()"
                                    class="rounded-md bg-fuchsia-600 py-1.5 p-3 text-center cursor-pointer text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 sm:text-sm sm:leading-6"
                                    aria-haspopup="listbox" aria-expanded="true"
                                    aria-labelledby="listbox-label">
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    
    
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P6BBQPV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</body>
</html>
