@extends('layouts.app')

@section('meta')
<title>Karudhaas | Namespaces</title>

<meta name="description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
<meta name=" twitter:title" content="Karudhaas" />
<meta name="twitter:description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
<meta name="twitter:site" content="https://karudhaas.net" />
<meta name="twitter:image" content="/images/ogi.jpg">
<meta property="og:locale" content="mv" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Karudhaas">
<meta property="og:description" content="Discover Stories,Daily news and inspiration for maldivian readers." />
<meta property="og:url" content="https://karudhaas.net" />
<meta property="og:site_name" content="karudhaas.net" />
<meta property="og:image" content="/images/og.jpg">
@endsection

@section('content')
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mb-10">

    @foreach (config('karudhaas.topic_filters') as $key => $namespace)
        <x-namespace-component 
        :color="$namespace['color']" 
        :name="$namespace['dv_name']"
        :key="$key"
        :description="$namespace['description']"
        ></x-namespace-component>
    @endforeach


</div>
@endsection