From aae1961524618a7c6fc3853cfbeffdca7b31e7e5 Mon Sep 17 00:00:00 2001
From: H <hanley@infuseai.io>
Date: Thu, 31 Aug 2023 11:30:03 +1000
Subject: [PATCH] Added icons to feature template

---
 src/components/FeatureFeatures.jsx | 1 +
 src/pages/feature-template.jsx     | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/src/components/FeatureFeatures.jsx b/src/components/FeatureFeatures.jsx
index 0c61858..ed5d999 100644
--- a/src/components/FeatureFeatures.jsx
+++ b/src/components/FeatureFeatures.jsx
@@ -56,6 +56,7 @@ export function FeatureFeatures({features}) {
             <div key={index} className="w-full flex flex-col md:flex-row md:space-x-6 md:items-center">
               <div className="flex-1 p-4">
                 <div className="p-8 max-w-md mx-auto">
+                  <h2 className="text-3xl font-display mb-2 leading-tight mb-4"><Icon as={feature.icon} /></h2>
                   <h2 className="text-3xl font-display mb-2 leading-tight mb-4">{feature.title}</h2>
                   {feature.description && (
                     <p className="leading-relaxed my-4">{feature.description}</p>
diff --git a/src/pages/feature-template.jsx b/src/pages/feature-template.jsx
index 0f9135e..b18542e 100644
--- a/src/pages/feature-template.jsx
+++ b/src/pages/feature-template.jsx
@@ -16,6 +16,10 @@ import { CallToAction } from "@/components/CallToAction";
 import { ChakraProvider } from '@chakra-ui/react'
 import SingletonContextProvider from './SingletonContextProvider'
 
+import { BsEye, BsEyeFill, BsFillAlarmFill, BsFillCheckCircleFill } from 'react-icons/bs' // <- NOTE: These icons must also be imported into FeatureFeatures component.
+import { GrRun } from 'react-icons/gr'
+import { BiGitPullRequest } from 'react-icons/bi'
+
 // import { useEffect } from 'react'
 
 export default function DiscordPage() {
@@ -55,6 +59,7 @@ export default function DiscordPage() {
                             [
                               {
                                 title: "Check data impacts and avoid bad deployments",
+                                icon: BsEyeFill,
                                 description: null,
                                 points: [
                                     "See the data impact of every code change",
@@ -65,6 +70,7 @@ export default function DiscordPage() {
                               },
                               {
                                 title: "Identify and fix unexpected data issues quickly",
+                                icon: GrRun,
                                 description: null,
                                 points: [
                                     "Spot any unexpected data discrepancies instantly in Impact Summaries",
@@ -75,6 +81,7 @@ export default function DiscordPage() {
                               },
                               {
                                 title: "Seamless integration with Pull Requests",
+                                icon: BiGitPullRequest,
                                 description: null,
                                 points: [
                                     "Embeds into Pull Requests for effortless code reviews and CI/CD",