|  |  | @ -1,5 +1,7 @@ | 
			
		
	
		
		
			
				
					
					|  |  |  | import React from "react"; |  |  |  | import React from "react"; | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | import "./BlogDesign2.scss"; | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  | import blogFeaturedImage2 from "../../../assets/images/blog-featured-image2.jpg"; |  |  |  | import blogFeaturedImage2 from "../../../assets/images/blog-featured-image2.jpg"; | 
			
		
	
		
		
			
				
					
					|  |  |  | import blogAuthorImg from "../../../assets/images/blog-author.png"; |  |  |  | import blogAuthorImg from "../../../assets/images/blog-author.png"; | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
	
		
		
			
				
					|  |  | @ -30,7 +32,7 @@ const BlogDesign2 = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |       </div> |  |  |  |       </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |       {/* blog UI Design2 */} |  |  |  |       {/* blog UI Design2 */} | 
			
		
	
		
		
			
				
					
					|  |  |  |       <div |  |  |  |       <div | 
			
		
	
		
		
			
				
					
					|  |  |  |         className="relative flex flex-col justify-end p-3" |  |  |  |         className="parent relative flex flex-col justify-end p-3 cursor-pointer" | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |         style={{ |  |  |  |         style={{ | 
			
		
	
		
		
			
				
					
					|  |  |  |           backgroundImage: `url(${blogFeaturedImage2})`, |  |  |  |           backgroundImage: `url(${blogFeaturedImage2})`, | 
			
		
	
		
		
			
				
					
					|  |  |  |           backgroundSize: "100% 100%", |  |  |  |           backgroundSize: "100% 100%", | 
			
		
	
	
		
		
			
				
					|  |  | @ -50,18 +52,18 @@ const BlogDesign2 = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |             تگ |  |  |  |             تگ | 
			
		
	
		
		
			
				
					
					|  |  |  |           </button> |  |  |  |           </button> | 
			
		
	
		
		
			
				
					
					|  |  |  |         )} |  |  |  |         )} | 
			
		
	
		
		
			
				
					
					|  |  |  |         <div className="z-10"> |  |  |  |         <div className="z-10 child-text"> | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |           <h2 className="text-white text-base"> |  |  |  |           <h2 className="text-white text-sm"> | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |             آیا مواد غذایی پر فیبر مفید هستند؟ |  |  |  |             آیا مواد غذایی پر فیبر مفید هستند؟ | 
			
		
	
		
		
			
				
					
					|  |  |  |           </h2> |  |  |  |           </h2> | 
			
		
	
		
		
			
				
					
					|  |  |  |           {blogSubTitle && ( |  |  |  |           {blogSubTitle && ( | 
			
		
	
		
		
			
				
					
					|  |  |  |             <h2 className="text-white text-base mt-2">شما چه فکری می کنید</h2> |  |  |  |             <h2 className="text-white text-sm mt-2">شما چه فکری می کنید</h2> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |           )} |  |  |  |           )} | 
			
		
	
		
		
			
				
					
					|  |  |  |         </div> |  |  |  |         </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |         <div className="z-10 flex item-center justify-between w-full mt-4"> |  |  |  |         <div className="z-10 flex item-center justify-between w-full mt-4 child-text"> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |           {blogAuthor && ( |  |  |  |           {blogAuthor && ( | 
			
		
	
		
		
			
				
					
					|  |  |  |             <div className="flex items-center"> |  |  |  |             <div className="flex items-center"> | 
			
		
	
		
		
			
				
					
					|  |  |  |               <img src={blogAuthorImg} alt="" className="w-7 h-7" /> |  |  |  |               <img src={blogAuthorImg} alt="" className="w-6 h-6" /> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |               <p className="text-xs text-white font-light mr-2"> |  |  |  |               <p className="text-xs text-white font-light mr-2"> | 
			
		
	
		
		
			
				
					
					|  |  |  |                 حامد دژبانی نسب |  |  |  |                 حامد دژبانی نسب | 
			
		
	
		
		
			
				
					
					|  |  |  |               </p> |  |  |  |               </p> | 
			
		
	
	
		
		
			
				
					|  |  | @ -72,7 +74,7 @@ const BlogDesign2 = ({ | 
			
		
	
		
		
			
				
					
					|  |  |  |               <p className="text-xs text-white font-light ml-2"> |  |  |  |               <p className="text-xs text-white font-light ml-2"> | 
			
		
	
		
		
			
				
					
					|  |  |  |                 زمان مطالعه 30 دقیقه |  |  |  |                 زمان مطالعه 30 دقیقه | 
			
		
	
		
		
			
				
					
					|  |  |  |               </p> |  |  |  |               </p> | 
			
		
	
		
		
			
				
					
					|  |  |  |               <img src={whiteCommentIcon} alt="" className="w-7 h-7" /> |  |  |  |               <img src={whiteCommentIcon} alt="" className="w-6 h-6" /> | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |             </div> |  |  |  |             </div> | 
			
		
	
		
		
			
				
					
					|  |  |  |           )} |  |  |  |           )} | 
			
		
	
		
		
			
				
					
					|  |  |  |         </div> |  |  |  |         </div> | 
			
		
	
	
		
		
			
				
					|  |  | 
 |