Migrate to ssr

resources/views/articles/show.blade.php

@@ -1,5 +1,34 @@
 @extends('layouts.app')
 
 @section('content')
-    
+<div>
+    <div class="mb-4 md:mb-0 w-full max-w-screen-md mx-auto relative" style="height: 24em;">
+    <div class="absolute left-0 bottom-0 w-full h-full z-10 image-dark"
+      style="background-image: url({{$article->featured_image}});"
+      ></div>
+    <div class="p-4 absolute bottom-0 right-0 z-20">
+    <h2 class="text-3xl font-semibold text-gray-100 leading-relaxed text-right MvAamu" style="direction:rtl;">{{$article->title}}</h2>
+      <div class="flex justify-end mt-3">
+      <img  src="{{$article->source->logo}}"
+          class="h-10 w-10 rounded-full mr-2 object-cover" />
+        <div>
+        <p class="font-semibold text-gray-200 text-md MvTyper">{{$article->source->name}}</p>
+          <p class="font-semibold text-gray-400 text-xs">{{$article->published_date}}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="px-4 lg:px-0 mt-12 text-gray-700 max-w-screen-md mx-auto text-lg leading-relaxed">
+      @foreach ($article->body as $block)
+      <p class="MvTyper text-right" style="direction:rtl;">
+        {{$block}}
+        <br>
+        <br>
+    </p>
+      @endforeach
+   
+
+  </div>
+</div>
 @endsection