From 211c8aa5441a2dcfcc5ebce543bfb1ba079717c1 Mon Sep 17 00:00:00 2001
From: Sasank123k <96263090+Sasank123k@users.noreply.github.com>
Date: Thu, 20 Jun 2024 08:52:10 +0530
Subject: [PATCH] Update Card.tsx

---
 src/components/Card/Card.tsx | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index 8221d19..4fdf022 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -154,7 +154,35 @@ const CardSection: React.FC = () => {
       <div className={styles.cardGrid}>
         {cards.map((card, index) => (
           <div key={index} className={styles.cardContainer}>
-            <div className={styles.card} dangerouslySetInnerHTML={{ __html: cardTsx(card) }}></div>
+            {card.type === 'imageCard' && (
+              <div className={styles.card}>
+                <img src={card.image} alt={`${card.title} image`} className={styles.cardImage} />
+                <div className={styles.cardContent}>
+                  <h3 className={styles.cardTitle}>{card.title}</h3>
+                  <p className={styles.cardText}>{card.text}</p>
+                  <a href={card.link} className={styles.cardLink}>Go somewhere</a>
+                </div>
+              </div>
+            )}
+            {card.type === 'titleCard' && (
+              <div className={styles.card}>
+                <div className={styles.cardContent}>
+                  <h3 className={styles.cardTitle}>{card.title}</h3>
+                  <p className={styles.cardText}>{card.text}</p>
+                  <a href={card.link} className={styles.cardLink}>Go somewhere</a>
+                </div>
+              </div>
+            )}
+            {card.type === 'testimonialCard' && (
+              <div className={styles.card}>
+                <div className={styles.cardContent}>
+                  <h3 className={styles.cardTitle}>{card.title}</h3>
+                  <p className={styles.cardText}>{card.text}</p>
+                  <blockquote className={styles.testimonial}>"{card.testimonial}"</blockquote>
+                  <a href={card.link} className={styles.cardLink}>Go somewhere</a>
+                </div>
+              </div>
+            )}
             <div className={styles.toggleContainer}>
               <button className={`${styles.toggleButton} ${showCss[index] ? styles.active : ''}`} onClick={() => toggleCodeView(index)}>
                 {showCss[index] ? 'CSS' : 'TSX'}