initial commit

Author: kenold

src/components/Card/CtaList.js

@@ -0,0 +1,21 @@
+import React from "react"
+import CtaData from '../../data/ctas.json';
+import Cta from "./Cta";
+import Section from "../section";
+
+const CtaList = () => (
+    <Section headingTitle="Call-to-Action">
+        <div className="cards">
+            {CtaData.slice(0, 3).map((cta) => (
+                <Cta
+                    grid="show-1-3"
+                    title={cta.title}
+                    text={cta.text}
+                    btn1={cta.btn1}
+                    btn2={cta.btn2}
+                />
+            ))}
+        </div>
+   </Section>
+)
+export default CtaList

src/components/section.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Section = (props) => (
+    <section className="l-cards container">
+        <div className="l-cards__heading">
+            <h4>{props.headingTitle}</h4>
+        </div>
+        {props.children}
+    </section>
+)
+export default Section