blog components

2023-09-12 08:32:55 -04:00
parent 093786c919
commit 216dbdf371
8 changed files with 444 additions and 3 deletions
@@ -0,0 +1,31 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+function HeroNews({ title, breadcrumb }) {
+    return (
+        <>
+            <div className="appie-page-title-area">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-12">
+                            <div className="appie-page-title-item">
+                                <h3 className="title">{title}</h3>
+                                <nav aria-label="breadcrumb">
+                                    <ol className="breadcrumb">
+                                        {breadcrumb.map((value) => (
+                                            <li key={Math.random()} className="breadcrumb-item">
+                                                <Link to={value.link}>{value.title}</Link>
+                                            </li>
+                                        ))}
+                                    </ol>
+                                </nav>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </>
+    );
+}
+
+export default HeroNews;