diff --git a/app/Actions/Shop/CreateStripeCheckoutSession.php b/app/Actions/Shop/CreateStripeCheckoutSession.php
index 371ea0bd..4c1a0cdc 100644
--- a/app/Actions/Shop/CreateStripeCheckoutSession.php
+++ b/app/Actions/Shop/CreateStripeCheckoutSession.php
@@ -1,118 +1,65 @@
 <?php
-
 namespace App\Actions\Shop;
 
+use App\Enums\Age;
+use App\Enums\Colors;
+use App\Enums\CoreCount;
+use App\Enums\DStorage;
+use App\Enums\EngineVolume;
+use App\Enums\Finish;
+use App\Enums\Gender;
+use App\Enums\GraphicCardType;
+use App\Enums\Length;
+use App\Enums\Material;
+use App\Enums\MemorySize;
+use App\Enums\OutfitSizes;
+use App\Enums\Patterns;
+use App\Enums\ProcessorType;
+use App\Enums\Style;
+use App\Enums\Volume;
+use App\Enums\Weight;
 use App\Models\Cart;
 use App\Models\CartItems;
 use Illuminate\Database\Eloquent\Collection;
+use Laravel\Cashier\Checkout;
 
 class CreateStripeCheckoutSession
 {
-    public function createFromCart(Cart $cart)
+    public function createFromCart(Cart $cart): Checkout
     {
-        return  $cart->user
+        return $cart->user
             ->allowPromotionCodes()
             ->checkout(
-                 $this->formatCartItems($cart->items),
-                        [
-                            'customer_update' => [
-                                'shipping' => 'auto',
-                            ],
-                            'shipping_address_collection' => [
-                                'allowed_countries' => ['US'],
-                            ],
-                            'success_url' => route('checkout-status').'?session_id={CHECKOUT_SESSION_ID}',
-                            'cancel_url' => route('cart'),
-                            'metadata' => [
-                                'user_id' => $cart->user->id,
-                                'cart_id' => $cart->id,
-                            ]
-                        ]
-        );
+                $this->formatCartItems($cart->items),
+                [
+                    'customer_update' => [
+                        'shipping' => 'auto',
+                    ],
+                    'shipping_address_collection' => [
+                        'allowed_countries' => ['US'],
+                    ],
+                    'success_url' => route('checkout-status').'?session_id={CHECKOUT_SESSION_ID}',
+                    'cancel_url' => route('cart'),
+                    'metadata' => [
+                        'user_id' => $cart->user->id,
+                        'cart_id' => $cart->id,
+                    ],
+                ]
+            );
     }
 
-    private function formatCartItems(Collection $items)
+    private function formatCartItems(Collection $items): array
     {
         return $items->loadMissing('product', 'variant')->map(function (CartItems $item) {
-            $descriptionItems = [];
-
-            if (!is_null($item->variant->size)) {
-                $descriptionItems[] = "Size: {$item->variant->size}";
-            }
+            $descriptionItems = $this->generateDescriptionItems($item);
 
-            if (!is_null($item->variant->color)) {
-                $descriptionItems[] = "Color: {$item->variant->color->getLabel()}";
-            }
-
-            if (!is_null($item->variant->corecount)) {
-                $descriptionItems[] = "Core count: {$item->variant->corecount->getLabel()}";
-            }
-
-            if (!is_null($item->variant->material)) {
-                $descriptionItems[] = "Material: {$item->variant->material->getLabel()}";
-            }
-
-            if (!is_null($item->variant->enginevolume)) {
-                $descriptionItems[] = "Engine volume: {$item->variant->enginevolume->getLabel()}";
-            }
-
-            if (!is_null($item->variant->dstorage)) {
-                $descriptionItems[] = "Digital storage: {$item->variant->dstorage->getLabel()}";
-            }
-
-            if (!is_null($item->variant->graphiccardtype)) {
-                $descriptionItems[] = "Graphic card type: {$item->variant->graphiccardtype->getLabel()}";
-            }
-
-            if (!is_null($item->variant->memorysize)) {
-                $descriptionItems[] = "Memory size: {$item->variant->memorysize->getLabel()}";
-            }
-
-            if (!is_null($item->variant->processortype)) {
-                $descriptionItems[] = "Processor type: {$item->variant->processortype->getLabel()}";
-            }
-
-            if (!is_null($item->variant->style)) {
-                $descriptionItems[] = "Style: {$item->variant->style->getLabel()}";
-            }
-
-            if (!is_null($item->variant->volume)) {
-                $descriptionItems[] = "Volume: {$item->variant->volume->getLabel()}";
-            }
-
-            if (!is_null($item->variant->age)) {
-                $descriptionItems[] = "Age: {$item->variant->age->getLabel()}";
-            }
-
-            if (!is_null($item->variant->pattern)) {
-                $descriptionItems[] = "Pattern: {$item->variant->pattern->getLabel()}";
-            }
-
-            if (!is_null($item->variant->weight)) {
-                $descriptionItems[] = "Weight: {$item->variant->weight->getLabel()}";
-            }
-
-            if (!is_null($item->variant->length)) {
-                $descriptionItems[] = "Length: {$item->variant->length->getLabel()}";
-            }
-
-            if (!is_null($item->variant->finish)) {
-                $descriptionItems[] = "Finish: {$item->variant->finish->getLabel()}";
-            }
-
-            if (!is_null($item->variant->gender)) {
-                $descriptionItems[] = "Gender: {$item->variant->gender->getLabel()}";
-            }
-
-            // Convert array to string, with items separated by " - "
-            $description = implode(" - ", $descriptionItems);
-           return [
+            return [
                 'price_data' => [
                     'currency' => 'USD',
                     'unit_amount' => $item->product->price * 100,
                     'product_data' => [
                         'name' => $item->product->name,
-                        'description' => $description,
+                        'description' => implode(' - ', $descriptionItems),
                         'metadata' => [
                             'product_id' => $item->product->id,
                             'product_variant_id' => $item->product_variant_id,
@@ -123,4 +70,41 @@ private function formatCartItems(Collection $items)
             ];
         })->toArray();
     }
+
+    private function generateDescriptionItems(CartItems $item): array
+    {
+        $attributes = [
+            'size' => OutfitSizes::class,
+            'color' => Colors::class,
+            'corecount' => CoreCount::class,
+            'material' => Material::class,
+            'enginevolume' => EngineVolume::class,
+            'dstorage' => DStorage::class,
+            'graphiccardtype' => GraphicCardType::class,
+            'memorysize' => MemorySize::class,
+            'processortype' => ProcessorType::class,
+            'style' => Style::class,
+            'volume' => Volume::class,
+            'age' => Age::class,
+            'pattern' => Patterns::class,
+            'weight' => Weight::class,
+            'length' => Length::class,
+            'finish' => Finish::class,
+            'gender' => Gender::class,
+        ];
+
+        $descriptionItems = [];
+
+        foreach ($attributes as $attribute => $enumClass) {
+            $value = $item->variant->$attribute;
+
+            if ($value instanceof $enumClass) {
+                $descriptionItems[] = ucfirst($attribute).": {$value->getLabel()}";
+            } elseif (!is_null($value)) {
+                $descriptionItems[] = ucfirst($attribute).": $value";
+            }
+        }
+
+        return $descriptionItems;
+    }
 }
diff --git a/app/Livewire/Cart.php b/app/Livewire/Cart.php
index ad01496e..c23b764c 100644
--- a/app/Livewire/Cart.php
+++ b/app/Livewire/Cart.php
@@ -3,6 +3,7 @@
 namespace App\Livewire;
 
 use App\Actions\Shop\CreateStripeCheckoutSession;
+use App\Enums\Weight;
 use App\Factories\CartFactory;
 use Livewire\Attributes\Computed;
 use Livewire\Attributes\On;
@@ -11,6 +12,7 @@
 class Cart extends Component
 {
 
+
     #[Computed]
     public function cart()
     {
@@ -62,6 +64,42 @@ public function delete($itemId): void
         $this->cart->items()->where('id', $itemId)->delete();
         $this->dispatch('productDeletedFromCart');
     }
+
+    public function renderAttributes($variant): array
+    {
+        $attributes = [
+            'size' => \App\Enums\OutfitSizes::class,
+            'color' => \App\Enums\Colors::class,
+            'corecount' => \App\Enums\CoreCount::class,
+            'dstorage' => \App\Enums\DStorage::class,
+            'enginevolume' => \App\Enums\EngineVolume::class,
+            'graphiccardtype' => \App\Enums\GraphicCardType::class,
+            'material' => \App\Enums\Material::class,
+            'memorysize' => \App\Enums\MemorySize::class,
+            'processortype' => \App\Enums\ProcessorType::class,
+            'style' => \App\Enums\Style::class,
+            'volume' => \App\Enums\Volume::class,
+            'pattern' => \App\Enums\Patterns::class,
+            'weight' => \App\Enums\Weight::class,
+            'length' => \App\Enums\Length::class,
+            'finish' => \App\Enums\Finish::class,
+            'gender' => \App\Enums\Gender::class,
+        ];
+
+        $output = [];
+
+        foreach ($attributes as $key => $enumClass) {
+            $value = $variant->$key ?? null;
+            if ($value instanceof $enumClass) {
+                $output[$key] = ucfirst($key) . ': ' . $value->getLabel();
+            } elseif (!is_null($value)) {
+                $output[$key] = ucfirst($key) . ': ' . $value;
+            }
+        }
+
+        return $output;
+    }
+
     public function render()
     {
         return view('livewire.cart');
diff --git a/app/Livewire/ProductInfo.php b/app/Livewire/ProductInfo.php
index 0a7a935c..d60d3e21 100644
--- a/app/Livewire/ProductInfo.php
+++ b/app/Livewire/ProductInfo.php
@@ -31,7 +31,6 @@ public function price(): Attribute
             }
         );
     }
-
     /**
      * Adds a product variant to the cart after validating the request and dispatches notifications.
      *
diff --git a/config/filament-shield.php b/config/filament-shield.php
index 77199182..451c6c52 100644
--- a/config/filament-shield.php
+++ b/config/filament-shield.php
@@ -6,8 +6,8 @@
         'slug' => 'shield/roles',
         'navigation_sort' => -1,
         'navigation_badge' => true,
-        'navigation_group' => false,
-        'is_globally_searchable' => true,
+        'navigation_group' => true,
+        'is_globally_searchable' => false,
         'show_model_path' => true,
         'is_scoped_to_tenant' => true,
         'cluster' => null,
diff --git a/database/factories/ProductVariantFactory.php b/database/factories/ProductVariantFactory.php
index 3fd2d238..9e65dde7 100644
--- a/database/factories/ProductVariantFactory.php
+++ b/database/factories/ProductVariantFactory.php
@@ -2,6 +2,8 @@
 
 namespace Database\Factories;
 
+use App\Enums\Colors;
+use App\Enums\OutfitSizes;
 use App\Models\ProductVariant;
 use Illuminate\Database\Eloquent\Factories\Factory;
 use Illuminate\Support\Carbon;
@@ -16,8 +18,8 @@ public function definition(): array
             'created_at' => Carbon::now(),
             'updated_at' => Carbon::now(),
             'product_id' => $this->faker->randomNumber(),
-            'color' => $this->faker->randomElement(['Blue', 'Green', 'Yellow', 'Red']),
-            'size' => $this->faker->randomElement(['S', 'M', 'L']),
+            'color' => $this->faker->randomElement(Colors::class),
+            'size' => $this->faker->randomElement(OutfitSizes::class),
         ];
     }
 }
diff --git a/resources/views/components/variants/content.blade.php b/resources/views/components/variants/content.blade.php
new file mode 100644
index 00000000..cb1c1e52
--- /dev/null
+++ b/resources/views/components/variants/content.blade.php
@@ -0,0 +1,176 @@
+<div>
+    @php
+        $colorVariantExists = $this->product->variants->pluck('color')->filter()->isNotEmpty();
+        $materialVariantExists = $this->product->variants->pluck('material')->filter()->isNotEmpty();
+        $sizeVariantExists = $this->product->variants->pluck('size')->filter()->isNotEmpty();
+        $volumeVariantExists = $this->product->variants->pluck('enginevolume')->filter()->isNotEmpty();
+        $capacityVariantExists = $this->product->variants->pluck('capacity')->filter()->isNotEmpty();
+        $styleVariantExists = $this->product->variants->pluck('style')->filter()->isNotEmpty();
+        $performanceVariantExists = $this->product->variants->pluck('performance')->filter()->isNotEmpty();
+        $specsVariantExists = $this->product->variants->pluck('specs')->filter()->isNotEmpty();
+        $flavorVariantExists = $this->product->variants->pluck('flavor')->filter()->isNotEmpty();
+        $brandVariantExists = $this->product->variants->pluck('brand')->filter()->isNotEmpty();
+        $processorTypeVariantExists = $this->product->variants->pluck('processortype')->filter()->isNotEmpty();
+        $coreCountVariantExists = $this->product->variants->pluck('corecount')->filter()->isNotEmpty();
+        $graphicCardTypeVariantExists = $this->product->variants->pluck('graphiccardtype')->filter()->isNotEmpty();
+        $ageVariantExists = $this->product->variants->pluck('age')->filter()->isNotEmpty();
+        $patternVariantExists = $this->product->variants->pluck('pattern')->filter()->isNotEmpty();
+        $weightVariantExists = $this->product->variants->pluck('weight')->filter()->isNotEmpty();
+        $lengthVariantExists = $this->product->variants->pluck('length')->filter()->isNotEmpty();
+        $finishVariantExists = $this->product->variants->pluck('finish')->filter()->isNotEmpty();
+        $genderVariantExists = $this->product->variants->pluck('gender')->filter()->isNotEmpty();
+    @endphp
+
+    @if($colorVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Color</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->color }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($materialVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Material</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->material }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($sizeVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Size</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->size }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($volumeVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Volume</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->enginevolume }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($capacityVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Capacity</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->capacity }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($styleVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Style</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->style }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($performanceVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Performance</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->performance }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($specsVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Technical specs</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->specs }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($flavorVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Flavor</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->flavor }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($brandVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Brand</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->brand }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($processorTypeVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Processor Type</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->processortype }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($coreCountVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Core Count</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->corecount }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($graphicCardTypeVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Graphic Card Type</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->graphiccardtype }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($ageVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Age</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->age }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($patternVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Pattern</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->pattern }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($weightVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Weight</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->weight }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($lengthVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Length</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->length }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($finishVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Finish</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->finish }}</option>
+            @endforeach
+        </select>
+    @endif
+    @if($genderVariantExists)
+        <select wire:model="variant" class="block w-full rounded-lg border-0 py-1.5 p-3 pr-10 text-gray-800 my-2">
+            <option value="" disabled selected>Gender</option>
+            @foreach($this->product->variants as $variant)
+                <option value="{{ $variant->id }}">{{ $variant->gender }}</option>
+            @endforeach
+        </select>
+    @endif
+</div>
diff --git a/resources/views/livewire/cart.blade.php b/resources/views/livewire/cart.blade.php
index a7f39a73..e85c6fa7 100644
--- a/resources/views/livewire/cart.blade.php
+++ b/resources/views/livewire/cart.blade.php
@@ -23,72 +23,11 @@ class="w-full font-bold mt-8 text-3xl text-black text-center uppercase sm:pl-4">
                                     <div class="col-span-1 p-3">
                                         {{$item->product->name}}
                                         <div class="w-full">
-                                            @if($item->variant->size)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Size: '.$item->variant->size}}
+                                            @foreach ($this->renderAttributes($item->variant) as $label)
+                                                <p class="flex text-gray-800 text-xs pr-0.5">
+                                                    {{ $label }}
                                                 </p>
-                                            @endif
-                                            @if($item->variant->color)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Color: '.$item->variant->color->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->corecount)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Core count: '.$item->variant->corecount->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->dstorage)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Digital storage: '.$item->variant->dstorage->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->enginevolume)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Engine volume: '.$item->variant->enginevolume->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->graphiccardtype)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Graphic card type: '.$item->variant->graphiccardtype->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->material)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Material: '.$item->variant->material->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->memorysize)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Memory size: '.$item->variant->memorysize->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->processortype)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Processor type: '.$item->variant->processortype->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->atyle)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'style: '.$item->variant->atyle->getLabel()}}
-                                                </p>
-                                            @endif
-                                            @if($item->variant->volume)
-                                                <p
-                                                    class="flex text-gray-800 text-xs pr-0.5">
-                                                    {{'Volume: '.$item->variant->volume->getLabel()}}
-                                                </p>
-                                            @endif
+                                            @endforeach
                                         </div>
                                     </div>
                                     <div class="col-span-1 p-3">
diff --git a/resources/views/livewire/product-info.blade.php b/resources/views/livewire/product-info.blade.php
index e7e245b7..9ac89497 100644
--- a/resources/views/livewire/product-info.blade.php
+++ b/resources/views/livewire/product-info.blade.php
@@ -8,7 +8,7 @@
     @endauth
 <livewire:guest-notificaiton/>
     <div class="grid grid:cols-1 lg:grid-cols-2 gap-10 justify-center mx-4 my-20 md:m-10 lg:m-20 bg-gray-50">
-        @if($this->product->image !== null)
+        @if($this->product->image)
             <div class="space-y-4" x-data="{ image: '{{Storage::disk(config('filesystems.disks.STORAGE_DISK'))->url($this->product->image[0])}}'}">
                 <div class="bg-white p-6 rounded shadow">
                     <img x-bind:src="image" alt="{{ $this->product->name }}"/>
@@ -26,29 +26,30 @@
         @endif
         <div>
             <h1 class="text-3xl font-medium">{{ $this->product->name }}</h1>
-            <div class="text-xl text-gray-500"> {{$this->product->price }}</div>
+            <div class="text-xl text-gray-500"> {{'$'.$this->product->price }}</div>
             <div class="mt-4"> {!! $this->product->description !!}</div>
             <div class="mt-4 space-y-4">
 
-                <x-variants.productVariant-size/>
-                <x-variants.product-variant-color/>
-                <x-variants.product-variant-material/>
-                <x-variants.product-variant-volume/>
-                <x-variants.product-variant-capacity/>
-                <x-variants.product-variant-style/>
-                <x-variants.product-variant-performance/>
-                <x-variants.product-variant-specs/>
-                <x-variants.product-variant-flavor/>
-                <x-variants.product-variant-brand/>
-                <x-variants.product-variant-processor-type/>
-                <x-variants.product-variant-core-count/>
-                <x-variants.product-variant-graphic-card-type/>
-                <x-variants.product-variant-age/>
-                <x-variants.product-variant-pattern/>
-                <x-variants.product-variant-weight/>
-                <x-variants.product-variant-length/>
-                <x-variants.product-variant-finish/>
-                <x-variants.product-variant-gender/>
+                <x-variants.content/>
+{{--                <x-variants.productVariant-size/>--}}
+{{--                <x-variants.product-variant-color/>--}}
+{{--                <x-variants.product-variant-material/>--}}
+{{--                <x-variants.product-variant-volume/>--}}
+{{--                <x-variants.product-variant-capacity/>--}}
+{{--                <x-variants.product-variant-style/>--}}
+{{--                <x-variants.product-variant-performance/>--}}
+{{--                <x-variants.product-variant-specs/>--}}
+{{--                <x-variants.product-variant-flavor/>--}}
+{{--                <x-variants.product-variant-brand/>--}}
+{{--                <x-variants.product-variant-processor-type/>--}}
+{{--                <x-variants.product-variant-core-count/>--}}
+{{--                <x-variants.product-variant-graphic-card-type/>--}}
+{{--                <x-variants.product-variant-age/>--}}
+{{--                <x-variants.product-variant-pattern/>--}}
+{{--                <x-variants.product-variant-weight/>--}}
+{{--                <x-variants.product-variant-length/>--}}
+{{--                <x-variants.product-variant-finish/>--}}
+{{--                <x-variants.product-variant-gender/>--}}
 
 
                 @error('variant')