first commit

2025-02-12 23:25:43 -05:00
commit d8c7ec4866
1400 changed files with 90826 additions and 0 deletions
@@ -0,0 +1,44 @@
+import React from "react";
+import Link from "next/link";
+import { BlogContentFour } from "@/data/blogs";
+import Image from "next/image";
+
+
+const BlogStyle4 = () => {
+  return (
+    <>
+      {BlogContentFour.map((item, i) => (
+        <div
+          className="col-lg-4 col-md-6"
+          data-aos="fade-up"
+          data-aos-duration="1200"
+          key={i}
+          data-aos-delay={item.dealyAnimation}
+        >
+          <div className="post-meta">
+            <Image width={990} height={890} style={{width:'100%',height:'fit-content'}}    
+              src={`/images/blog/${item.img}`}
+              alt="media"
+              className="image-meta"
+            />
+            <h3>
+              <Link     href={`/blogs/${item.id}`} className="title">
+                {item.title}
+              </Link>
+            </h3>
+            <Link
+                  href={`/blogs/${item.id}`}
+              className="read-more d-flex justify-content-between align-items-center"
+            >
+              <span>Read More</span>
+              <i className="flaticon-right-arrow"></i>
+            </Link>
+          </div>
+          {/* /.post-meta */}
+        </div>
+      ))}
+    </>
+  );
+};
+
+export default BlogStyle4;