chore:removed hardcoded values from the cards component and placed wi…

…thin labelmap. removed boolean logic and used external link within Link, switched from using white to the hex value (WEB-15)

src/app/components/cardsSection/cards.module.css

@@ -25,7 +25,7 @@
  border-radius: 15px;
  font-size: 18px;
  font-weight: 900;
- color: white;
+ color: #fff;
  border: none;
  cursor: pointer;
  text-decoration: none;

src/app/components/cardsSection/cardsSection.tsx

@@ -7,14 +7,19 @@ interface CardData {
  content: string;
  buttonText: string;
  href: string;
- external?: boolean;
 }
 
 interface CardsSectionProps {
  label: {
  lblWorkshops: string;
  lblSupport: string;
  lblCohorts: string;
+ btnTextMeetup: string;
+ btnTextCommunity: string;
+ btnTextCohort: string;
+ meetupUrl: string;
+ communityUrl: string;
+ cohortUrl: string;
  };
 }
 
@@ -23,23 +28,20 @@ export default function CardsSection({ label }: CardsSectionProps) {
  {
  id: 1,
  content: label.lblWorkshops,
- buttonText: "Go To A Meetup",
- href: "https://www.meetup.com/dallas-software-developers-meetup/",
- external: true,
+ buttonText: label.btnTextMeetup,
+ href: label.meetupUrl,
  },
  {
  id: 2,
  content: label.lblSupport,
- buttonText: "Community Impact",
- href: "/",
- external: false,
+ buttonText: label.btnTextCommunity,
+ href: label.communityUrl,
  },
  {
  id: 3,
  content: label.lblCohorts,
- buttonText: "Join Our Cohort",
- href: "/",
- external: false,
+ buttonText: label.btnTextCohort,
+ href: label.cohortUrl,
  },
  ];
 
@@ -48,20 +50,9 @@ export default function CardsSection({ label }: CardsSectionProps) {
  {cardData.map((card) => (
  <Card key={card.id}>
  <p>{card.content}</p>
- {card.external ? (
- <a
- href={card.href}
- target="_blank"
- rel="noopener noreferrer"
- className={styles.button}
- >
- {card.buttonText} &rarr;
- </a>
- ) : (
- <Link href={card.href} className={styles.button}>
- {card.buttonText} &rarr;
- </Link>
- )}
+ <Link href={card.href}>
+ <a className={styles.button}>{card.buttonText} &rarr;</a>
+ </Link>
  </Card>
  ))}
  </div>

src/app/page.tsx

@@ -13,6 +13,12 @@ export default function Home() {
  lblWorkshops: "Technical Workshops",
  lblSupport: "Community Support",
  lblCohorts: "Cohorts & Hackathons",
+ btnTextMeetup: "Go To A Meetup",
+ btnTextCommunity: "Community Impact",
+ btnTextCohort: "Join Our Cohort",
+ meetupUrl: "https://www.meetup.com/dallas-software-developers-meetup/",
+ communityUrl: "/",
+ cohortUrl: "/",
  };
 
  return (