diff --git a/app/Filament/Admin/Resources/GuestLayoutManagmentResource.php b/app/Filament/Admin/Resources/GuestLayoutManagmentResource.php
index c625979..892cdd1 100644
--- a/app/Filament/Admin/Resources/GuestLayoutManagmentResource.php
+++ b/app/Filament/Admin/Resources/GuestLayoutManagmentResource.php
@@ -15,6 +15,7 @@
 use Filament\Resources\Resource;
 use Filament\Tables;
 use Filament\Tables\Columns\TextColumn;
+use Filament\Tables\Filters\SelectFilter;
 use Filament\Tables\Table;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\SoftDeletingScope;
@@ -75,7 +76,10 @@ public static function table(Table $table): Table
                 ->sortable(),
             ])
             ->filters([
-                //
+                SelectFilter::make('fk_menu_id')->label('Menu')
+                ->options(
+                    \App\Models\Menu::all()->pluck('name', 'id')
+                )
             ])
             ->actions([
                 Tables\Actions\EditAction::make(),
diff --git a/resources/views/livewire/about.blade.php b/resources/views/livewire/about.blade.php
deleted file mode 100644
index 3128d79..0000000
--- a/resources/views/livewire/about.blade.php
+++ /dev/null
@@ -1,83 +0,0 @@
-<x-guest-layout>
-
-<div>
-<div class="relative overflow-hidden">
-    <div aria-hidden="true" class="flex absolute -top-96 start-1/2 transform -translate-x-1/2">
-      <div class="bg-gradient-to-r from-violet-300/50 to-purple-100 blur-3xl w-[25rem] h-[44rem] rotate-[-60deg] transform -translate-x-[10rem]"></div>
-      <div class="bg-gradient-to-tl from-blue-50 via-blue-100 to-blue-50 blur-3xl w-[90rem] h-[50rem] rounded-fulls origin-top-left -rotate-12 -translate-x-[15rem]"></div>
-    </div>
-  
-    <div class="relative z-10">
-      <div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 py-10 lg:py-16">
-        <div class="max-w-2xl text-center mx-auto">
-          <div class="mt-5 max-w-2xl">
-            <h1 class="block font-semibold text-gray-800 text-4xl md:text-5xl lg:text-6xl">
-              About us
-            </h1>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-
-
-<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
-    <div class="max-w-5xl mx-auto">
-      <div class="grid sm:grid-cols-2 gap-6 md:gap-12">
-        <div>
-          <h3 class="text-lg font-semibold text-gray-800">
-            why we are important
-          </h3>
-          <p class="mt-2 text-gray-600">
-            A CMS-powered website integrates Customer Relationship Management (CMS) tools directly into your online platform, allowing businesses to manage customer interactions more effectively. This integration is crucial because it enables personalized customer experiences, streamlines processes, and provides actionable insights that can help improve customer satisfaction and loyalty.
-          </p>
-        </div>
-        <div>
-          <h3 class="text-lg font-semibold text-gray-800">
-            How does our CMS-powered platform enhance customer interactions
-          </h3>
-          <p class="mt-2 text-gray-600">
-            Our platform enhances customer interactions by centralizing all customer data, allowing businesses to tailor their communications and content to meet individual needs. This personalization fosters deeper connections and ensures that each customer feels valued and understood.
-          </p>
-        </div>
-  
-        <div>
-          <h3 class="text-lg font-semibold text-gray-800">
-            What features does our CMS-powered website offer?
-          </h3>
-          <p class="mt-2 text-gray-600">
-            Our CMS-powered website offers a variety of features, including automated customer data management, personalized content delivery, process automation, and insightful analytics. These features work together to provide a seamless and effective customer experience.
-          </p>
-        </div>
-  
-        <div>
-          <h3 class="text-lg font-semibold text-gray-800">
-            How can businesses benefit from using our CMS-powered platform?
-          </h3>
-          <p class="mt-2 text-gray-600">
-            Businesses can benefit from our platform by improving customer satisfaction, increasing efficiency, and gaining valuable insights into customer behavior. These advantages can lead to stronger customer relationships, increased loyalty, and ultimately, higher revenue.
-          </p>
-        </div>
-  
-        <div>
-          <h3 class="text-lg font-semibold text-gray-800">
-            Is our CMS-powered platform suitable for all types of businesses?
-          </h3>
-          <p class="mt-2 text-gray-600">
-            Yes, our CMS-powered platform is designed to be flexible and scalable, making it suitable for businesses of all sizes and industries. Whether you’re a small startup or a large enterprise, our platform can be tailored to meet your specific needs.
-          </p>
-        </div>
-  
-        <div>
-          <h3 class="text-lg font-semibold text-gray-800">
-            How does our platform ensure data security and privacy?
-          </h3>
-          <p class="mt-2 text-gray-600">
-            We prioritize data security and privacy by implementing robust encryption, regular security audits, and compliance with industry standards. Our platform is designed to protect customer data at all times, ensuring that businesses can operate with confidence.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
-</x-guest-layout>
\ No newline at end of file
diff --git a/resources/views/livewire/contact.blade.php b/resources/views/livewire/contact.blade.php
deleted file mode 100644
index 96e4f8c..0000000
--- a/resources/views/livewire/contact.blade.php
+++ /dev/null
@@ -1,105 +0,0 @@
-<x-guest-layout>
-    <div class="">
-        <div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
-            <div class="max-w-xl mx-auto">
-            <div class="text-center">
-                <h1 class="text-3xl font-bold text-gray-800 sm:text-4xl">
-                Contact us
-                </h1>
-                <p class="mt-1 text-gray-600">
-                We'd love to talk about how we can help you.
-                </p>
-            </div>
-            </div>
-        
-            <div class="mt-12 max-w-lg mx-auto">
-            <div class="flex flex-col border rounded-xl p-4 sm:p-6 lg:p-8">
-                <h2 class="mb-8 text-xl font-semibold text-gray-800">
-                Fill in the form
-                </h2>
-        
-                <form>
-                <div class="grid gap-4 lg:gap-6">
-                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6">
-                    <div>
-                        <label for="hs-firstname-contacts-1" class="block mb-2 text-sm text-gray-700 font-medium">First Name</label>
-                        <input type="text" name="hs-firstname-contacts-1" id="hs-firstname-contacts-1" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none">
-                    </div>
-        
-                    <div>
-                        <label for="hs-lastname-contacts-1" class="block mb-2 text-sm text-gray-700 font-medium">Last Name</label>
-                        <input type="text" name="hs-lastname-contacts-1" id="hs-lastname-contacts-1" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none">
-                    </div>
-                    </div>
-
-                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-6">
-                    <div>
-                        <label for="hs-email-contacts-1" class="block mb-2 text-sm text-gray-700 font-medium">Email</label>
-                        <input type="email" name="hs-email-contacts-1" id="hs-email-contacts-1" autocomplete="email" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none">
-                    </div>
-        
-                    <div>
-                        <label for="hs-phone-number-1" class="block mb-2 text-sm text-gray-700 font-medium">Phone Number</label>
-                        <input type="text" name="hs-phone-number-1" id="hs-phone-number-1" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none">
-                    </div>
-                    </div>
-        
-                    <div>
-                    <label for="hs-about-contacts-1" class="block mb-2 text-sm text-gray-700 font-medium">Details</label>
-                    <textarea id="hs-about-contacts-1" name="hs-about-contacts-1" rows="4" class="py-3 px-4 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none"></textarea>
-                    </div>
-                </div>
-        
-                <div class="mt-6 grid">
-                    <button type="submit" class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none">Send inquiry</button>
-                </div>
-        
-                <div class="mt-3 text-center">
-                    <p class="text-sm text-gray-500">
-                    We'll get back to you in 1-2 business days.
-                    </p>
-                </div>
-                </form>
-            </div>
-            </div>
-        
-            <div class="mt-12 grid sm:grid-cols-2 lg:grid-cols-3 items-center gap-4 lg:gap-8">
-            <a class="group flex flex-col h-full text-center rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 p-4 sm:p-6" href="#">
-                <svg class="size-9 text-gray-800 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
-                <div class="mt-5">
-                <h3 class="text-lg font-semibold text-gray-800">Knowledgebase</h3>
-                <p class="mt-1 text-gray-500">We're here to help with any questions or code.</p>
-                <p class="mt-5 inline-flex items-center gap-x-1 font-medium text-blue-600">
-                    Contact support
-                    <svg class="shrink-0 size-4 transition ease-in-out group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
-                </p>
-                </div>
-            </a>
-        
-            <a class="group flex flex-col h-full text-center rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 p-4 sm:p-6" href="#">
-                <svg class="size-9 text-gray-800 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5Z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg>
-                <div class="mt-5">
-                <h3 class="text-lg font-semibold text-gray-800">FAQ</h3>
-                <p class="mt-1 text-gray-500">Search our FAQ for answers to anything you might ask.</p>
-                <p class="mt-5 inline-flex items-center gap-x-1 font-medium text-blue-600">
-                    Visit FAQ
-                    <svg class="shrink-0 size-4 transition ease-in-out group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
-                </p>
-                </div>
-            </a>
-        
-            <a class="group flex flex-col h-full text-center rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 p-4 sm:p-6" href="#">
-                <svg class="size-9 text-gray-800 mx-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 11 2-2-2-2"/><path d="M11 13h4"/><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/></svg>
-                <div class="mt-5">
-                <h3 class="text-lg font-semibold text-gray-800">Developer APIs</h3>
-                <p class="mt-1 text-gray-500">Check out our development quickstart guide.</p>
-                <p class="mt-5 inline-flex items-center gap-x-1 font-medium text-blue-600">
-                    Contact sales
-                    <svg class="shrink-0 size-4 transition ease-in-out group-hover:translate-x-1 group-focus:translate-x-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
-                </p>
-                </div>
-            </a>
-            </div>
-        </div>
-    </div>
-</x-guest-layout>
\ No newline at end of file
diff --git a/resources/views/livewire/header.blade.php b/resources/views/livewire/header.blade.php
deleted file mode 100644
index a507c78..0000000
--- a/resources/views/livewire/header.blade.php
+++ /dev/null
@@ -1,14 +0,0 @@
-<header style="display: flex; align-items: center; justify-content: space-between; padding: 1rem; background-color: #f8f9fa;">
-    <div>
-        <a href="/">
-            <img src="{{ asset('images/logo.png') }}" alt="Site Logo" style="height: 50px;">
-        </a>
-    </div>
-    <nav>
-        <ul style="list-style: none; display: flex; gap: 1rem; margin: 0; padding: 0;">
-            <li><a href="/" style="text-decoration: none; color: #333;">Home</a></li>
-            <li><a href="/about" style="text-decoration: none; color: #333;">About</a></li>
-            <li><a href="/contact" style="text-decoration: none; color: #333;">Contact</a></li>
-        </ul>
-    </nav>
-</header>
diff --git a/resources/views/livewire/webrender.blade.php b/resources/views/livewire/webrender.blade.php
index cff7ba0..9c95223 100644
--- a/resources/views/livewire/webrender.blade.php
+++ b/resources/views/livewire/webrender.blade.php
@@ -1,5 +1,5 @@
 <x-guest-layout>
-    <section>
+    <div>
         @if ($contents)
             @foreach ($contents as $element)
                 {!! $element['content'] !!}
@@ -7,5 +7,5 @@
         @else
             <p>No content found</p>
         @endif
-    </section>
+    </div>
 </x-guest-layout>