more components and update request validation

app/Http/Controllers/Subscriptions/SubscriptionController.php

@@ -20,7 +20,7 @@ public function index(Request $request): View
 
     public function store(Request $request)
     {
-        request()->validate($request, [
+        $request->validate([
             'token' => 'required',
             'coupon' => [
                 'nullable',
@@ -29,7 +29,8 @@ public function store(Request $request)
             'plan' => 'required|exists:plans,slug',
         ]);
 
-        $plan = Plan::query()->where('slug', $request->get('plan', 'pro-monthly'))
+        $plan = Plan::query()
+            ->where('slug', $request->get('plan', 'pro-monthly'))
             ->first();
 
         try {

resources/views/components/container.blade.php

@@ -1,5 +1,5 @@
 <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg border border-stone-200">
-    <div class="p-6">
+    <div class="p-6 [&>p]:mb-2">
         {{ $slot }}
     </div>
 </div>

resources/views/components/plans/card.blade.php

@@ -1,7 +1,7 @@
 @props([
     'plan' => null,
 ])
-<div class="flex flex-col rounded-xl shadow-lg overflow-hidden">
+<div class="flex flex-col rounded-xl border border-stone-200 overflow-hidden">
     <div class="px-6 py-8 bg-white sm:p-10 sm:pb-6">
         <div>
             <h3 class="inline-flex px-4 py-1 rounded-full text-sm font-semibold tracking-wide uppercase bg-indigo-100 text-indigo-600" id="tier-Single">

resources/views/subscriptions/plans.blade.php

@@ -4,7 +4,7 @@
         <x-h2>Available Subscriptions Plans</x-h2>
         <x-h3>Select a plan to continue</x-h3>
 
-        <div class="max-w-md mx-auto space-y-4 lg:max-w-5xl lg:grid lg:grid-cols-2 lg:gap-10 lg:space-y-0">
+        <div class="max-w-md mx-auto space-y-4 lg:max-w-7xl lg:grid lg:grid-cols-2 lg:gap-6 lg:space-y-0">
             @foreach($plans as $plan)
                 <x-plans.card :plan="$plan" />
             @endforeach