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,45 @@
+import React from 'react';
+import useToggle from '../../Hooks/useToggle';
+import BackToTop from '../BackToTop';
+import FooterHomeOne from '../HomeOne/FooterHomeOne';
+import Drawer from '../Mobile/Drawer';
+import Blog from './Blog';
+import BlogSideBar from './BlogSideBar';
+import HeaderNews from './HeaderNews';
+import HeroNews from './HeroNews';
+import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
+
+function BlogDetail() {
+    const [drawer, drawerAction] = useToggle(false);
+    return (
+        <>
+            <Drawer drawer={drawer} action={drawerAction.toggle} />
+            {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
+            <HeaderNews action={drawerAction.toggle} />
+            <HeroNews
+                title="Blog"
+                breadcrumb={[
+                    { link: '/', title: 'home' },
+                    { link: '/blog', title: 'Blogs' },
+                    { link: '/blog/blogdetail', title: 'TITLE OF THE ARTICLE*****' },
+                ]}
+            />
+            <section className="blogpage-section">
+                <div className="container">
+                    <div className="row">
+                        <div className="col-lg-8 col-md-7">
+                            <Blog />
+                        </div>
+                        <div className="col-lg-4 col-md-5">
+                            <BlogSideBar />
+                        </div>
+                    </div>
+                </div>
+            </section>
+            <FooterHomeOne />
+            <BackToTop />
+        </>
+    );
+}
+
+export default BlogDetail;