<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="reodDqSfhNclP0AT5G7IbSqRFyy8yf6lqwdqrLfH">

            <link rel="icon" type="image/x-icon" href="/favicon.ico">
    
    <!-- PWA Meta Tags -->
            <!-- PWA Meta Tags -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="https://registryarchives.com/">
<meta name="application-name" content="https://registryarchives.com/">
<meta name="theme-color" content="#4f46e5">
<meta name="msapplication-TileColor" content="#4f46e5">
<meta name="msapplication-navbutton-color" content="#4f46e5">

<!-- Web App Manifest (Dynamic) -->
<link rel="manifest" href="/manifest.json">

<!-- Apple Touch Icons -->
<link rel="apple-touch-icon" href="/images/pwa/icon-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/pwa/icon-192x192.png">
<link rel="apple-touch-icon" sizes="192x192" href="/images/pwa/icon-192x192.png">
    
    
    <title>This is the default directory fordirectoryr.com</title>
<meta name="description" content="Modify the data inside it and activate it">
<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="This is the default directory fordirectoryr.com">
<meta name="twitter:description" content="Modify the data inside it and activate it">
<meta name="twitter:image" content="">
<meta name="twitter:site" content="">
<!-- OG-->
<meta property="og:title" content="This is the default directory fordirectoryr.com">
<meta property="og:description" content="Modify the data inside it and activate it">
<meta property="og:image" content="">
<meta property="og:url" content="https://registryarchives.com/">
<meta property="og:type" content="website">

    <link rel="canonical" href="https://registryarchives.com/">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap"
          rel="stylesheet">

    
    <!-- Scripts -->
    <link rel="preload" as="style" href="https://registryarchives.com/build/assets/app-f8ihn4wR.css" /><link rel="modulepreload" as="script" href="https://registryarchives.com/build/assets/app-sXnCBkH_.js" /><link rel="stylesheet" href="https://registryarchives.com/build/assets/app-f8ihn4wR.css" data-navigate-track="reload" /><script type="module" src="https://registryarchives.com/build/assets/app-sXnCBkH_.js" data-navigate-track="reload"></script>
    <!-- Styles -->
    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>

            <script async defer src='https://app.visitortracking.com/assets/js/tracer.js'></script>
<script>
function init_tracer() { 
   var tracer = new Tracer({  
   websiteId : "2256827a-149c-49b8-80b0-6f2544232f0c",  
   async : true, 
   debug : false }); 
 } 
 </script>
    
    <style>
        @layer base {
            html {
                font-family: "Inter", sans-serif !important;
            }
        }
    </style>

    
    
    <!-- Custom Styles -->
<style>
    .btn-primary {
                            }

    .btn-primary:hover {
                    }

    /* Hero Settings */
    .hero-bg-color {
            }

    .directory-name {
            }

    .directory-title {
            }

    .directory-description {
            }

    .submit-btn {
                    }

    .submit-btn:hover {
            }

    .menu-item {
            }

    .menu-item:hover {
            }

    .search-container {
            }

    .search-input {
                            }

    .search-btn {
                            }

    .search-btn:hover {
                    }

    .top-categories-title {
            }

    .top-categories-item {
                            }

    .top-categories-item:hover {
                            }

    /* Footer Settings */
    .footer-container {
                            }

    /* Footer sections will use inline styles for individual colors */

    .footer-copyright {
            }
</style>
    </head>

<body class="antialiased">



<!-- Premium Modern Header -->
<header class="sticky top-0 z-50 bg-base-100/95 backdrop-blur-xl border-b border-base-200/60 shadow-sm">
    <div class="container mx-auto px-4 lg:px-6">
        <nav class="flex items-center justify-between py-4">
            <!-- Left Section: Mobile Menu + Logo -->
            <div class="flex items-center gap-3 lg:gap-6">
                <!-- Mobile Sidebar Toggle -->
                                    <label for="my-drawer-2" class="lg:hidden btn btn-ghost btn-sm btn-circle hover:bg-primary/10 hover:text-primary transition-all">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
                            stroke="currentColor" class="w-5 h-5">
                            <path stroke-linecap="round" stroke-linejoin="round"
                                d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
                        </svg>
                    </label>
                
                <!-- Logo & Brand -->
                <a href="https://registryarchives.com/" class="flex items-center gap-3 group">
                                            <div class="p-2 bg-gradient-to-br from-primary to-primary/70 rounded-xl shadow-md group-hover:shadow-lg transition-all">
                            <svg class="w-6 h-6 lg:w-7 lg:h-7 text-white" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M2 17L12 22L22 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M2 12L12 17L22 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                        </div>
                                                                <span class="hidden sm:block text-lg lg:text-xl font-bold directory-name bg-gradient-to-r from-base-content via-base-content to-base-content/60 bg-clip-text text-transparent">
                            https://registryarchives.com/
                        </span>
                                    </a>
            </div>

            <!-- Center Section: Desktop Navigation -->
            <div class="hidden lg:flex items-center gap-1">
                
                            </div>

            <!-- Right Section: CTA Buttons -->
            <div class="flex items-center gap-2 lg:gap-3">
                <!-- Dashboard Button (Desktop) -->
                
                <!-- Submit Button (Desktop) -->
                
                <!-- Mobile Menu Toggle -->
                <div class="lg:hidden">
                    <div class="dropdown dropdown-end">
                        <label tabindex="0" class="btn btn-ghost btn-sm btn-circle hover:bg-primary/10 hover:text-primary transition-all">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24"
                                stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" />
                            </svg>
                        </label>
                        <ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-2xl border border-base-200/60 shadow-2xl z-50 w-64 p-2 mt-3">
                            <!-- Mobile Menu Items -->
                            
                            
                            <!-- Divider -->
                            
                            <!-- Dashboard Link (Mobile) -->
                            
                            <!-- Submit Button (Mobile) -->
                                                    </ul>
                    </div>
                </div>
            </div>
        </nav>
    </div>
</header>

<main class="min-h-screen bg-gradient-to-b from-base-100 via-base-100 to-base-200/30">
    <div class="drawer lg:drawer-open">
        <input id="my-drawer-2" type="checkbox" class="drawer-toggle"/>

        <!-- Main Content Area -->
        <div class="drawer-content flex flex-col">
            <div class="flex-1">
                <!-- Hero Section / Title Area -->
                                    <div class="bg-gradient-to-br from-base-100 to-base-200/50 border-b border-base-200/50">
                        <div class="container mx-auto px-4 lg:px-12 py-6 lg:py-8">
                            <div class="max-w-4xl">
                                                                    <h2 class="text-3xl
                                    lg:text-4xl font-bold directory-title mb-2 bg-gradient-to-r from-base-content
                                    to-base-content/70 bg-clip-text text-transparent">
                                    This is the default directory fordirectoryr.com                            </h2>
                                                                                        <p class="text-base lg:text-lg text-base-content/70 directory-description leading-relaxed">
                                    Modify the data inside it and activate it                                </p>
                                                    </div>
                    </div>
            </div>
            
            <!-- Page Content -->
            <div class="container mx-auto">
                <div wire:snapshot="{&quot;data&quot;:{&quot;placement&quot;:[&quot;hero-home&quot;,{&quot;class&quot;:&quot;App\\Enums\\AdPlacement&quot;,&quot;s&quot;:&quot;enm&quot;}],&quot;directory&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Directory&quot;,&quot;key&quot;:2599,&quot;s&quot;:&quot;mdl&quot;}],&quot;project&quot;:null,&quot;category&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;Ssrhtcizy4YruH0RS3OK&quot;,&quot;name&quot;:&quot;common.ads&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;5630ef9f40952dd6aa0c62d9d8a5ea5c5dc74dcc94917e5686893df44f712eac&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="Ssrhtcizy4YruH0RS3OK" class="hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
    

    <div wire:snapshot="{&quot;data&quot;:{&quot;directory&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Directory&quot;,&quot;key&quot;:2599,&quot;s&quot;:&quot;mdl&quot;}],&quot;category&quot;:null,&quot;categories&quot;:null,&quot;search&quot;:&quot;&quot;,&quot;featured&quot;:false,&quot;selectedTags&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;customFieldFilters&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;showFilters&quot;:false,&quot;paginators&quot;:[{&quot;listingPage&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;LbUFo7cvEfaH2yS3tmol&quot;,&quot;name&quot;:&quot;common.projects&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:{&quot;lw-3981396047-0&quot;:[&quot;div&quot;,&quot;LbwdUp2hCbK28ctgdFrr&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;fe510c3ba75ecfa9b84b652ae2e77d0ed56fe619b940a2f711ff6e65fc1c06bf&quot;}" wire:effects="{&quot;partials&quot;:[],&quot;url&quot;:{&quot;search&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;featured&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;selectedTags&quot;:{&quot;as&quot;:null,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;paginators.listingPage&quot;:{&quot;as&quot;:&quot;listingPage&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="LbUFo7cvEfaH2yS3tmol" class="py-8 lg:py-12">
    <!-- Search and Filter Bar -->
    <div class="px-4 sm:px-6 lg:px-12 mb-8">
        <div class="flex gap-3">
            <div class="flex-1 relative group">
                <div class="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none">
                    <svg class="w-5 h-5 text-base-content/40 group-focus-within:text-primary transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <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>
                </div>
                <input wire:model.live.debounce.250ms="search" type="text"
                    class="w-full pl-11 pr-4 py-3 rounded-xl border-2 border-base-300 bg-base-100 focus:border-primary focus:ring-4 focus:ring-primary/20 focus:outline-none transition-all duration-200"
                    placeholder="Search for a listing" />
            </div>
            <label for="my-drawer-filters" class="drawer-button btn btn-ghost hover:bg-base-200 w-12 h-auto lg:w-16 indicator rounded-xl border-2 border-base-300">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
                    stroke="currentColor" class="w-6 h-6">
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" />
                </svg>
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            </label>
        </div>
    </div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

    <!-- Projects Grid -->
    <div class="px-4 sm:px-6 lg:px-12">
        <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
            
                <div wire:snapshot="{&quot;data&quot;:{&quot;placement&quot;:[&quot;first-listing&quot;,{&quot;class&quot;:&quot;App\\Enums\\AdPlacement&quot;,&quot;s&quot;:&quot;enm&quot;}],&quot;directory&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Directory&quot;,&quot;key&quot;:2599,&quot;s&quot;:&quot;mdl&quot;}],&quot;project&quot;:null,&quot;category&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;LbwdUp2hCbK28ctgdFrr&quot;,&quot;name&quot;:&quot;common.ads&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;cdd31edd6dfb88080aa0214a61ee812ca9bc9a9bbce012865bbfcdb225cb4f29&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="LbwdUp2hCbK28ctgdFrr" class="hidden">
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
            

            <!--[if BLOCK]><![endif]-->                <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
            <!--[if BLOCK]><![endif]-->    <div class="badge border-0 z-10
            absolute top-2 right-2 
            badge-sm 
            
             " 
            style="
                background-color: #49a773; 
                color: #ffffff;
            ">
        featured
    </div>
<!--[if ENDBLOCK]><![endif]-->
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/a-l%27ombre-d%27un-olivier-nice-france/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4nrKS3dY0dahCN4vPVaLiTlYS6ZDy-shohEDYm5wdjSkTRIs_nspMzaWxZIdNCINk-tPTSNl-xRrgyqcJbfvWzKoWFlq5HtlJNsKupPUOCFSn61wLjmbGTevN4I3TeTy4hcXlcc=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh5.googleusercontent.com/-tYrr1Y8xYxs/AAAAAAAAAAI/AAAAAAAAAAA/q-Se6d9iiNg/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/a-l%27ombre-d%27un-olivier-nice-france/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        a l&#039;Ombre d&#039;un Olivier
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        France
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Nice
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gift basket store
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/a-l%27ombre-d%27un-olivier-nice-france/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/schlemmermeyer-gmbh-&amp;-co.-kg-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/p/AF1QipP4maatqVWVU7EXjywewb-wlAZ9rzW4fsvXqn2v=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh5.googleusercontent.com/-NB5hQaxjTas/AAAAAAAAAAI/AAAAAAAAAAA/BbSnI298s6E/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/schlemmermeyer-gmbh-&amp;-co.-kg-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        Schlemmermeyer GmbH &amp; Co. KG
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gourmet grocery store
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/schlemmermeyer-gmbh-&amp;-co.-kg-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/hands-gallery-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/p/AF1QipNWWRq-MvhZrX2IIfQXzg3rMfNty_MT0AWhongv=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh3.googleusercontent.com/-83_t1BaDFME/AAAAAAAAAAI/AAAAAAAAAAA/c_tVWWYQRMw/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/hands-gallery-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        Hands Gallery
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gift shop
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/hands-gallery-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/cheese-&amp;-more-by-henri-willig-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4nozO2GAk8olEdeZZBG6zVECMgCpGlBCqkMCflFkPE-q--smXMkF7NrtjJf4HgU9DAEsmC9nv59FT2pxAhbsq5OyjHIx5tKA7dwsFUVlvrf3-bvO1w-zsRCh8TAyXuMhAL0mfFdI-w=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh3.googleusercontent.com/-z5uoCmKKG50/AAAAAAAAAAI/AAAAAAAAAAA/3DDE9S8UoxE/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/cheese-&amp;-more-by-henri-willig-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        Cheese &amp; More by Henri Willig
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Cheese shop
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/cheese-&amp;-more-by-henri-willig-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/schrannenhalle-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4nok_syto8odH2qZH4m_z06tmMsmn-hEfGlLU6hwg1JBxNRFVbIfF-U7dGpynnpxhTyEDafdqxoa5UMZfxaIqXNgwzbStUHFdPawEQyJGZAH2_JPWzOHg3qEGImhfQsKGnjWfd7a=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
            
            <div class="flex-1 min-w-0 ">
                                    <a href="https://registryarchives.com/listings/schrannenhalle-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        Schrannenhalle
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Italian grocery store
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/schrannenhalle-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/casa-43-concept-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4noBDGS7EBfi0YnP-0WsVcktuUVWXqqG18qRpyQZRlxvxruqQP-4ZiOBU3O3RSbrHgk_eWqufepPEDNj1dZU5kH6048PO6fp1uIiHsqy_czNVw5YY1Kid0W5uXIag4eNMElRSEO4=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh6.googleusercontent.com/-zXFhh1jMYX0/AAAAAAAAAAI/AAAAAAAAAAA/07yTbfPU9Dk/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/casa-43-concept-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        CASA 43 Concept
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gift shop
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/casa-43-concept-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/kustermann-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4noiO87bJsdkvbunXVPFxGOrW7Bp4RLqkwXpmedaeNkRP0ffdMMfi6uxODuTpDe4N6A8P5EAJaIFmu7sDXvTCq4koJmdwhQXQPBhw8Ild3yDTDm9oxdxeJnIJHUfNEfHF-wwKQg=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh6.googleusercontent.com/-mpoAELzys10/AAAAAAAAAAI/AAAAAAAAAAA/3piQ7L-gNcs/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/kustermann-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        Kustermann
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Home goods store
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/kustermann-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/torquato-m%C3%BCnchen-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4nrcDLY5EEPurw2dkry8GaOoLAk3lyP0xjJ5c9pA2Hqz_Fg-4vZj7SWdfVkxH1OGzxpz9PuG_dS8s5tW_aDY72UY0mm_PFuWe6J6GQ5m31GnjMCI_yRHu1Dp21Uxp0upgnzOr7zEnA=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh4.googleusercontent.com/-MlpKzw-1xD8/AAAAAAAAAAI/AAAAAAAAAAA/olPBh2qFQQs/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/torquato-m%C3%BCnchen-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        Torquato München
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gift shop
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/torquato-m%C3%BCnchen-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/nauli-&amp;-stories-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/p/AF1QipNSXJwdAuNHnE8P9B7QaYSWIQo62QhSpc1vFKlf=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh6.googleusercontent.com/-kpobDVrrRb4/AAAAAAAAAAI/AAAAAAAAAAA/RlexHKVaIKo/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/nauli-&amp;-stories-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        Nauli &amp; Stories
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gift shop
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/nauli-&amp;-stories-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/butlers@home24-m%C3%BCnchen-t%C3%BCrkenstra%C3%9Fe-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4npXNZccrrCbDpf2PBX7B-1iFnLoagSEKTMO-IByw_otveH7quiUSFdB6q4dMnhvOC3av4bb0-6FI-wcwDiy4_m6xwOOgzHrMdch-OdLJ-t-D4uaxCRit-n6HlkplfAHX2fJ2OqJ=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh5.googleusercontent.com/-BXsHxbV2aIo/AAAAAAAAAAI/AAAAAAAAAAA/aaPA6rDDBLM/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/butlers@home24-m%C3%BCnchen-t%C3%BCrkenstra%C3%9Fe-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        BUTLERS@home24 München Türkenstraße
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gift shop
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/butlers@home24-m%C3%BCnchen-t%C3%BCrkenstra%C3%9Fe-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/butlers@home24-m%C3%BCnchen-tal-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4nq1-jce6kx1zbvVrOQMrIFHygQH10g06N5ns8My3sew9h6U7WJFS5u4lun3Jwb-GYYMzcir-15DIO51-cnn9vUV3bfAGKi8ZASRo4jLE4Fu2KK34P1UqYSRh60xpwMOxEAQn7Hw=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh3.googleusercontent.com/-Wv6BTTWKJiA/AAAAAAAAAAI/AAAAAAAAAAA/Y1oWwClSxs8/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/butlers@home24-m%C3%BCnchen-tal-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        BUTLERS@home24 München Tal
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gift shop
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/butlers@home24-m%C3%BCnchen-tal-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
                            <article class="group relative bg-gradient-to-br from-base-100 to-base-200/50 rounded-2xl shadow-xl hover:shadow-2xl
                border-2 border-base-300/50 hover:border-primary/30 overflow-hidden
                transition-all duration-500 ease-out hover:-translate-y-2">

    
    
    
            <div class="relative overflow-hidden h-56 bg-gradient-to-br from-primary/5 to-secondary/5">
                            <a href="https://registryarchives.com/listings/servus.heimat-munich-germany/" wire:navigate class="block h-full">
                            <img loading="lazy"
                    class="object-cover object-center w-full h-full listing-cover-image
                           group-hover:scale-110 transition-transform duration-700 ease-out"
                    src="https://lh3.googleusercontent.com/gps-cs-s/AC9h4np7MCr53mL31s4-id2uRyiiTotPW6JPDuEffEBUeAJA-Ecb3EE4jI6u3YN3g22NeM0pHWhf-Hnl4-wS4LeTVibyiOxor-zWBjGXfZNhRio8AksCwksQwqxs5bigCouRFUtTKc89OQ=w800-h500-k-no"
                    alt="" />
                <div class="absolute inset-0 bg-gradient-to-t from-base-100/80 via-base-100/20 to-transparent
                            opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
                            </a>
                    </div>
    
    
    <div class="relative p-6 space-y-5">
        
        <div class="flex items-start gap-4">
                            <div class="flex-shrink-0 -mt-10 relative z-10">
                    <div class="w-20 h-20 rounded-2xl ring-4 ring-base-100 shadow-xl
                                bg-base-100 overflow-hidden transform group-hover:scale-105
                                transition-transform duration-300">
                        <img loading="lazy"
                             src="https://lh3.googleusercontent.com/-ISAFyzg77io/AAAAAAAAAAI/AAAAAAAAAAA/i94jE5SqCqs/s44-p-k-no-ns-nd/photo.jpg"
                             alt=""
                             class="listing-logo w-full h-full object-cover" />
                    </div>
                </div>
            
            <div class="flex-1 min-w-0 pt-0">
                                    <a href="https://registryarchives.com/listings/servus.heimat-munich-germany/" wire:navigate>
                                    <h2 class="text-2xl font-bold text-base-content listing-title
                               group-hover:text-primary transition-colors duration-300
                               line-clamp-2 leading-tight">
                        servus.heimat
                    </h2>
                                    </a>
                            </div>
        </div>

        
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Germany
                    </span>
                                    <span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold
                                 bg-base-200 text-base-content/80 border border-base-300
                                 hover:bg-primary/10 hover:text-primary hover:border-primary/30
                                 transition-all duration-200 cursor-default">
                        Munich
                    </span>
                            </div>
        
        
        
        
                    <div class="flex flex-wrap gap-2">
                                    <span class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium
                                 shadow-sm hover:shadow-md transition-all duration-200 transform hover:scale-105"
                          style="background-color: ; color: ;">
                                                                            Gift shop
                                            </span>
                            </div>
        
        
            </div>

    
    <div class="px-6 pb-6 space-y-4">
        <div class="flex flex-col sm:flex-row gap-3">
                            <a href="https://registryarchives.com/listings/servus.heimat-munich-germany/"
                   wire:navigate
                   class="flex-1 flex items-center justify-center gap-2 px-5 py-3 rounded-xl
                          text-sm font-semibold text-base-content bg-base-200 border-2 border-base-300
                          hover:bg-base-100 hover:border-primary hover:text-primary
                          transform hover:scale-[1.02] active:scale-[0.98]
                          transition-all duration-200 shadow-sm hover:shadow-md">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
                    </svg>
                    View More
                </a>
            
                    </div>

        
            </div>

    
    
    
    <div class="absolute inset-0 rounded-2xl ring-2 ring-primary/0 group-hover:ring-primary/20
                transition-all duration-500 pointer-events-none"></div>
</article>
            <!--[if ENDBLOCK]><![endif]-->
        </div>

        <!-- Pagination -->
        <div class="mt-8">
            <div>
    <!--[if BLOCK]><![endif]-->        <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between">
            <div class="flex justify-between flex-1 sm:hidden">
                <span>
                    <!--[if BLOCK]><![endif]-->                        <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
                            &laquo; Previous
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->
                </span>

                <span>
                    <!--[if BLOCK]><![endif]-->                        <button type="button" wire:click="nextPage('listingPage')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" wire:loading.attr="disabled" dusk="nextPage.listingPage.before" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-blue-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
                            Next &raquo;
                        </button>
                    <!--[if ENDBLOCK]><![endif]-->
                </span>
            </div>

            <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
                <div>
                    <p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
                        <span>Showing</span>
                        <span class="font-medium">1</span>
                        <span>to</span>
                        <span class="font-medium">12</span>
                        <span>of</span>
                        <span class="font-medium">36</span>
                        <span>results</span>
                    </p>
                </div>

                <div>
                    <span class="relative z-0 inline-flex rtl:flex-row-reverse rounded-md shadow-sm">
                        <span>
                            
                            <!--[if BLOCK]><![endif]-->                                <span aria-disabled="true" aria-label="&amp;laquo; Previous">
                                    <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
                                        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                                            <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
                                        </svg>
                                    </span>
                                </span>
                            <!--[if ENDBLOCK]><![endif]-->
                        </span>

                        
                        <!--[if BLOCK]><![endif]-->                            
                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

                            
                            <!--[if BLOCK]><![endif]-->                                <!--[if BLOCK]><![endif]-->                                    <span wire:key="paginator-listingPage-page1">
                                        <!--[if BLOCK]><![endif]-->                                            <span aria-current="page">
                                                <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">1</span>
                                            </span>
                                        <!--[if ENDBLOCK]><![endif]-->
                                    </span>
                                                                    <span wire:key="paginator-listingPage-page2">
                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(2, 'listingPage')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 2">
                                                2
                                            </button>
                                        <!--[if ENDBLOCK]><![endif]-->
                                    </span>
                                                                    <span wire:key="paginator-listingPage-page3">
                                        <!--[if BLOCK]><![endif]-->                                            <button type="button" wire:click="gotoPage(3, 'listingPage')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 3">
                                                3
                                            </button>
                                        <!--[if ENDBLOCK]><![endif]-->
                                    </span>
                                <!--[if ENDBLOCK]><![endif]-->
                            <!--[if ENDBLOCK]><![endif]-->
                        <!--[if ENDBLOCK]><![endif]-->

                        <span>
                            
                            <!--[if BLOCK]><![endif]-->                                <button type="button" wire:click="nextPage('listingPage')" x-on:click="   ($el.closest(&#039;body&#039;) || document.querySelector(&#039;body&#039;)).scrollIntoView()" dusk="nextPage.listingPage.after" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Next &amp;raquo;">
                                    <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
                                        <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
                                    </svg>
                                </button>
                            <!--[if ENDBLOCK]><![endif]-->
                        </span>
                    </span>
                </div>
            </div>
        </nav>
    <!--[if ENDBLOCK]><![endif]-->
</div>

        </div>

        <!-- Empty State -->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    </div>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

    <!-- Modern Filters Drawer -->
    <div class="drawer drawer-end z-50">
        <input id="my-drawer-filters" type="checkbox" class="drawer-toggle" />

        <div class="drawer-side z-10">
            <label for="my-drawer-filters" aria-label="close sidebar" class="drawer-overlay"></label>

            <div class="flex flex-col min-h-full md:min-h-[calc(100%-40px)] w-80 md:w-96 p-6 bg-base-100/95 backdrop-blur-lg border-l border-base-200/50 md:rounded-l-2xl md:m-4 md:ml-0 shadow-2xl">
                <!-- Header -->
                <div class="flex items-center justify-between mb-6 pb-4 border-b-2 border-base-200">
                    <h2 class="text-2xl font-bold bg-gradient-to-r from-base-content to-base-content/70 bg-clip-text text-transparent">Filters</h2>
                    <label for="my-drawer-filters" class="p-2 rounded-lg hover:bg-base-200 transition-colors cursor-pointer">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                        </svg>
                    </label>
                </div>

                <!-- Featured Toggle -->
                <div class="mb-6 p-4 bg-gradient-to-br from-primary/5 to-primary/10 rounded-xl border border-primary/20">
                    <label class="flex items-center justify-between cursor-pointer group">
                        <span class="text-sm font-semibold text-base-content">Featured Only</span>
                        <div class="relative">
                            <input type="checkbox" wire:model.live="featured" class="sr-only peer" />
                            <div class="w-11 h-6 bg-base-300 rounded-full peer peer-checked:bg-primary transition-colors"></div>
                            <div class="absolute left-1 top-1 w-4 h-4 bg-white rounded-full transition-transform peer-checked:translate-x-5"></div>
                        </div>
                    </label>
                </div>

                
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

                
                <!--[if BLOCK]><![endif]-->                    <div class="mb-6">
                        <h3 class="font-bold text-lg mb-4 text-base-content">Tags</h3>
                        <div class="flex flex-wrap gap-2">
                            <!--[if BLOCK]><![endif]-->                                <button wire:click="addTag('493764')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Gift basket store
                                </button>
                                                            <button wire:click="addTag('493765')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Souvenir store
                                </button>
                                                            <button wire:click="addTag('493766')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Gift shop
                                </button>
                                                            <button wire:click="addTag('493767')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Home goods store
                                </button>
                                                            <button wire:click="addTag('493768')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Chocolate shop
                                </button>
                                                            <button wire:click="addTag('493769')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Department store
                                </button>
                                                            <button wire:click="addTag('493770')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Metaphysical supply store
                                </button>
                                                            <button wire:click="addTag('493771')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Italian grocery store
                                </button>
                                                            <button wire:click="addTag('493772')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Cheese shop
                                </button>
                                                            <button wire:click="addTag('493773')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Candy store
                                </button>
                                                            <button wire:click="addTag('493774')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Craft store
                                </button>
                                                            <button wire:click="addTag('493775')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Art supply store
                                </button>
                                                            <button wire:click="addTag('493776')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Store
                                </button>
                                                            <button wire:click="addTag('493777')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Spice store
                                </button>
                                                            <button wire:click="addTag('493778')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Cafe
                                </button>
                                                            <button wire:click="addTag('493779')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Grocery store
                                </button>
                                                            <button wire:click="addTag('493780')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Liquor store
                                </button>
                                                            <button wire:click="addTag('493781')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Furniture store
                                </button>
                                                            <button wire:click="addTag('493782')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Gourmet grocery store
                                </button>
                                                            <button wire:click="addTag('493783')"
                                    class="cursor-pointer inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-all duration-200 bg-base-200 text-base-content hover:bg-base-300">
                                    #Wine store
                                </button>
                            <!--[if ENDBLOCK]><![endif]-->
                        </div>
                    </div>
                <!--[if ENDBLOCK]><![endif]-->

                <!-- Action Buttons -->
                <div class="mt-auto space-y-3 pt-6 border-t-2 border-base-200">
                    <button wire:loading.class="opacity-50"
                        class="w-full flex items-center justify-center gap-2 px-6 py-3 bg-primary hover:bg-primary/90 text-primary-content font-semibold rounded-lg shadow-lg hover:shadow-xl transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]"
                        wire:click="applyFilters">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                        </svg>
                        Apply Filters
                    </button>
                    <button class="w-full px-6 py-3 bg-base-200 hover:bg-base-300 text-base-content font-semibold rounded-lg transition-all duration-200" wire:click="clearFilters">
                        Clear All
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
            </div>
        </div>
    </div>

    <!-- Sidebar -->
            <div class="drawer-side z-10 top-24 left-4">
            <label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"></label>
            <div class="min-h-full bg-base-100/95 backdrop-blur-sm">
                <div wire:snapshot="{&quot;data&quot;:{&quot;searchCategory&quot;:&quot;&quot;,&quot;directory&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Directory&quot;,&quot;key&quot;:2599,&quot;s&quot;:&quot;mdl&quot;}],&quot;currentPage&quot;:1,&quot;hasMorePages&quot;:false,&quot;loadedCategories&quot;:[[[null,{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;key&quot;:287011,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;key&quot;:287010,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;key&quot;:287014,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;key&quot;:287013,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;key&quot;:287009,&quot;s&quot;:&quot;mdl&quot;}],[null,{&quot;class&quot;:&quot;App\\Models\\Category&quot;,&quot;key&quot;:287012,&quot;s&quot;:&quot;mdl&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;totalCategories&quot;:6,&quot;perPage&quot;:100,&quot;matchingCategoryIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;parentCategoryIds&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;activeCategoryId&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;JVdxWDpEap5oBjRoAuMS&quot;,&quot;name&quot;:&quot;default-new.categories&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;577ff3772ac4a3e008aa9dbf8ad2544e105261cc5f5b23f8cbc748b93780570e&quot;}" wire:effects="{&quot;partials&quot;:[]}" wire:id="JVdxWDpEap5oBjRoAuMS" class="w-80 bg-gradient-to-br from-base-100 to-base-200/50">
    <div class="lg:sticky lg:top-20">
        <div class="rounded-2xl border-2 border-base-300/50 bg-base-100">
            <div class="p-6">
                
                <div class="mb-6">
                    <h3 class="text-2xl font-bold text-base-content mb-2 flex items-center gap-2">
                        Categories
                    </h3>
                </div>

                
                <div class="w-full mb-6">
                    <div class="relative">
                        <div class="absolute inset-y-0 left-0 flex items-center pl-4 pointer-events-none">
                            <svg class="w-5 h-5 text-base-content/40" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <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>
                        </div>
                        <input wire:model.live="searchCategory"
                               type="text"
                               class="w-full pl-11 pr-4 py-3 rounded-xl border-2 border-base-300 bg-base-100
                                      focus:border-primary focus:ring-4 focus:ring-primary/20 focus:outline-none
                                      transition-all duration-200 text-sm"
                               placeholder="Search for a category" />
                    </div>
                </div>

                
                <ul class="categories-sidebar flex flex-col space-y-1 overflow-y-auto
                           h-[calc(100vh-340px)] lg:h-[calc(100vh-340px)]
                           pr-2 -mr-2 scrollbar-thin scrollbar-thumb-base-300 scrollbar-track-transparent">
                    
                    <li class="w-full">
                        <a class="group flex items-center gap-3 w-full px-4 py-3 rounded-xl text-sm font-medium
                                  transition-all duration-200
                                  bg-gradient-to-r from-primary to-primary/90 text-white shadow-lg shadow-primary/30"
                            href="https://registryarchives.com/">
                            <svg class="w-5 h-5 "
                                 fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                      d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path>
                            </svg>
                            <span class="flex-1">All</span>
                        </a>
                    </li>

                    
                    <!--[if BLOCK]><![endif]-->                        <li class="w-full" id="category-287011">
    <!--[if BLOCK]><![endif]-->        <a href="https://registryarchives.com/categories/bordeaux/"
           class="group flex items-center gap-2.5 w-full px-4 py-3 rounded-xl text-sm font-medium
                  transition-all duration-200
                  text-base-content/70 hover:bg-base-200 hover:text-primary hover:pl-5">

            <!--[if BLOCK]><![endif]-->                <svg class="w-5 h-5 flex-shrink-0 text-base-content/40 group-hover:text-primary"
                     fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                </svg>
            <!--[if ENDBLOCK]><![endif]-->

            <span class="truncate flex-1">Bordeaux</span>
        </a>
    <!--[if ENDBLOCK]><![endif]-->
</li>                                             <li class="w-full" id="category-287010">
    <!--[if BLOCK]><![endif]-->        <a href="https://registryarchives.com/categories/france/"
           class="group flex items-center gap-2.5 w-full px-4 py-3 rounded-xl text-sm font-medium
                  transition-all duration-200
                  text-base-content/70 hover:bg-base-200 hover:text-primary hover:pl-5">

            <!--[if BLOCK]><![endif]-->                <svg class="w-5 h-5 flex-shrink-0 text-base-content/40 group-hover:text-primary"
                     fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                </svg>
            <!--[if ENDBLOCK]><![endif]-->

            <span class="truncate flex-1">France</span>
        </a>
    <!--[if ENDBLOCK]><![endif]-->
</li>                                             <li class="w-full" id="category-287014">
    <!--[if BLOCK]><![endif]-->        <a href="https://registryarchives.com/categories/germany/"
           class="group flex items-center gap-2.5 w-full px-4 py-3 rounded-xl text-sm font-medium
                  transition-all duration-200
                  text-base-content/70 hover:bg-base-200 hover:text-primary hover:pl-5">

            <!--[if BLOCK]><![endif]-->                <svg class="w-5 h-5 flex-shrink-0 text-base-content/40 group-hover:text-primary"
                     fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                </svg>
            <!--[if ENDBLOCK]><![endif]-->

            <span class="truncate flex-1">Germany</span>
        </a>
    <!--[if ENDBLOCK]><![endif]-->
</li>                                             <li class="w-full" id="category-287013">
    <!--[if BLOCK]><![endif]-->        <a href="https://registryarchives.com/categories/munich/"
           class="group flex items-center gap-2.5 w-full px-4 py-3 rounded-xl text-sm font-medium
                  transition-all duration-200
                  text-base-content/70 hover:bg-base-200 hover:text-primary hover:pl-5">

            <!--[if BLOCK]><![endif]-->                <svg class="w-5 h-5 flex-shrink-0 text-base-content/40 group-hover:text-primary"
                     fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                </svg>
            <!--[if ENDBLOCK]><![endif]-->

            <span class="truncate flex-1">Munich</span>
        </a>
    <!--[if ENDBLOCK]><![endif]-->
</li>                                             <li class="w-full" id="category-287009">
    <!--[if BLOCK]><![endif]-->        <a href="https://registryarchives.com/categories/nice/"
           class="group flex items-center gap-2.5 w-full px-4 py-3 rounded-xl text-sm font-medium
                  transition-all duration-200
                  text-base-content/70 hover:bg-base-200 hover:text-primary hover:pl-5">

            <!--[if BLOCK]><![endif]-->                <svg class="w-5 h-5 flex-shrink-0 text-base-content/40 group-hover:text-primary"
                     fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                </svg>
            <!--[if ENDBLOCK]><![endif]-->

            <span class="truncate flex-1">Nice</span>
        </a>
    <!--[if ENDBLOCK]><![endif]-->
</li>                                             <li class="w-full" id="category-287012">
    <!--[if BLOCK]><![endif]-->        <a href="https://registryarchives.com/categories/talence/"
           class="group flex items-center gap-2.5 w-full px-4 py-3 rounded-xl text-sm font-medium
                  transition-all duration-200
                  text-base-content/70 hover:bg-base-200 hover:text-primary hover:pl-5">

            <!--[if BLOCK]><![endif]-->                <svg class="w-5 h-5 flex-shrink-0 text-base-content/40 group-hover:text-primary"
                     fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                </svg>
            <!--[if ENDBLOCK]><![endif]-->

            <span class="truncate flex-1">Talence</span>
        </a>
    <!--[if ENDBLOCK]><![endif]-->
</li>                     <!--[if ENDBLOCK]><![endif]-->
                </ul>

                
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            </div>
        </div>
    </div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>

<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            </div>
        </div>
    
</main>

<!-- Footer -->
<footer class="footer-container bg-gradient-to-br from-base-200 to-base-300/30 text-base-content border-t border-base-300/50">
    <div class="container mx-auto px-12 py-16">
        <!-- Company Info (Always Present) + Custom Sections Grid -->
        
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-1 gap-12 mb-12">
            <!-- Company Info (Always Present) -->
            <div class="space-y-6">
                <div class="flex items-center gap-3">
                                                        </div>
                                    <p class="text-base-content/70 leading-relaxed max-w-md">Modify the data inside it and activate it</p>
                
                <!-- Social Links -->
                            </div>

            <!-- Custom Footer Sections (Only if provided by user) -->
            
            <!-- Custom Pages Section (Sidebar & Footer placement) -->
                    </div>

        <!-- Bottom Section -->
        <div class="border-t border-base-300/50 pt-8">
            <div class="flex flex-col md:flex-row justify-between items-center gap-6">
                <div class="flex flex-col md:flex-row items-center gap-6">
                    <div class="text-sm text-base-content/60 footer-copyright">
                                                    © 2025 https://registryarchives.com/. All rights reserved.
                                            </div>

                    <!-- Social Links in Copyright Section -->
                                    </div>

                <!-- Custom Pages Links (Bottom placement when grid is full) -->
                            </div>
        </div>
    </div>
</footer>




<script src="/livewire/livewire.min.js?id=df3a17f2"   data-csrf="reodDqSfhNclP0AT5G7IbSqRFyy8yf6lqwdqrLfH" data-update-uri="/livewire/update" data-navigate-once="true"></script>

<!-- Used for Auto Schema -->

<!-- Used for Per Entity Schema (From SEO Table) -->
            <script type="application/ld+json">
            
        </script>
    

<!-- Cookie Banner -->
    <!-- PWA Service Worker -->
    <!-- PWA Service Worker Registration -->
<script>
    if ('serviceWorker' in navigator) {
        window.addEventListener('load', function() {
            navigator.serviceWorker.register('/sw.js')
                .then(function(registration) {
                    console.log('ServiceWorker registration successful');

                    // Check for updates
                    registration.addEventListener('updatefound', () => {
                        const newWorker = registration.installing;

                        newWorker.addEventListener('statechange', () => {
                            if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
                                // New service worker available, show update prompt
                                if (confirm('New version available! Click OK to update.')) {
                                    newWorker.postMessage({ type: 'SKIP_WAITING' });
                                    window.location.reload();
                                }
                            }
                        });
                    });
                })
                .catch(function(error) {
                    console.log('ServiceWorker registration failed: ', error);
                });

            // Handle controller change (when new SW takes over)
            let refreshing;
            navigator.serviceWorker.addEventListener('controllerchange', function() {
                if (refreshing) return;
                refreshing = true;
                window.location.reload();
            });
        });
    }

    // Handle install prompt for PWA
    let deferredPrompt;

    window.addEventListener('beforeinstallprompt', (e) => {
        // Prevent the mini-infobar from appearing on mobile
        e.preventDefault();
        // Stash the event so it can be triggered later
        deferredPrompt = e;

        // You can show your own install button here
        // For example: document.getElementById('install-button').style.display = 'block';
    });

    window.addEventListener('appinstalled', () => {
        console.log('PWA was installed');
        deferredPrompt = null;
    });
</script>

</body>
</html>
