Added icons to feature template

Author: whiai

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>

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",