Prasad lokhande

src/components/Blog/BlogCard.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom";
 
-const Card = ({ image, title, description, tags = [], Id }) => {
+const Card = ({ image, title, description = "", tags = [], Id }) => {
   return (
     <Link to={`/BlogDetails/${Id}`}>
       <div className="max-w-sm rounded-lg overflow-hidden shadow-lg m-2 p-2 border border-gray-300 cursor-pointer hover:shadow-xl transition-shadow duration-300">
@@ -12,7 +12,7 @@ const Card = ({ image, title, description, tags = [], Id }) => {
         <div className="px-6 py-4">
           <div className="font-bold text-xl mb-2">{title}</div>
           <p className="text-gray-700 text-base">
-            {description.length > 100
+            {description && description.length > 100
               ? description.substring(0, 100) + "..."
               : description}
           </p>

src/components/Blog/BlogCards.js

@@ -27,8 +27,8 @@ const BlogCards = () => {
   return (
     <div className="mt-4 p-2">
       <Heading
-        whiteHeading="Chat Smarter, Not Harder"
-        orangeHeading="with Brainwave"
+        whiteHeading="THE FUTURE OF TECHNOLOGY"
+        orangeHeading="TRENDS SHAPING TOMORROW"
       />
       <div className="m-4 p-2 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
         {cardData.map((card, index) => (

src/components/Blog/BlogHeroSection.js

@@ -8,8 +8,8 @@ const HeroSection = () => {
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative text-center h-full flex flex-col justify-center">
         {/* Title and description */}
         <Heading
-          whiteHeading="Chat Smarter, Not Harder"
-          orangeHeading="with Brainwave"
+          whiteHeading="INSIGHTS & INNOVATIONS"
+          orangeHeading="EXPLORE OUR BLOG"
         />
         {/* Create an account button */}
         <Link