update src/components/Blog/Design7/index.js and src/components/ButtonDesign/Button/index.js

src/components/Blog/Design7/index.js

@@ -1,11 +1,12 @@
 import React from "react";
 
-const Design7 = () => {
+const Design7 = ({ featuredImage, featuredImageClassname }) => {
   return (
-    <div>
+    <div className="flex flex-col items-center">
       <img
-        src="images/offersectionalex-lvrs-HDjExSGuWUw-unsplash.svg"
+        src={featuredImage}
-        class="rounded"
+        className={`${featuredImageClassname}`}
+        alt="blog"
       />
     </div>
   );
@@ -14,9 +15,11 @@ const Design7 = () => {
 export default Design7;
 
 Design7.defaultProps = {
-    
+  featuredImage: "images/offersectionalex-lvrs-HDjExSGuWUw-unsplash.svg",
-}
+  featuredImageClassname: "",
+};
 
+//
 
 // offersectionalexander-mils-nG4ZimMIO_k-unsplash.svg
 

src/components/ButtonDesign/Button/index.js

@@ -23,6 +23,7 @@ const Button = ({
 };
 
 export default Button;
+
 Button.defaultProps = {
   className:
     "bg-red-400 text-white hover:bg-gray-900 border border-b-4 border-lightBlueBorderColor rounded text-sm px-4 py-4 hover:bg-opacity-90",