Merge pull request #44 from rafiattrach/contact-cta

Contact Us Call to Action

Author: rafiattrach

.github/workflows/deploy-webapp.yaml

@@ -21,16 +21,29 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+
       - uses: actions/setup-node@v4
         with:
           node-version: "18"
           cache: "npm"
           cache-dependency-path: webapp/package-lock.json
+
       - uses: actions/configure-pages@v4
+
+      # 🔐 Inject secret into .env
+      - name: Create .env file
+        run: |
+          cat <<EOF > webapp/.env
+          REACT_APP_FORMSPREE_FORM_ID=${{ secrets.REACT_APP_FORMSPREE_FORM_ID }}
+          REACT_APP_CONTACT_EMAIL=${{ secrets.REACT_APP_CONTACT_EMAIL }}
+          EOF
+
       - run: npm ci
         working-directory: ./webapp
+
       - run: npm run build
         working-directory: ./webapp
+
       - uses: actions/upload-pages-artifact@v3
         with:
           path: ./webapp/build

webapp/src/App.js

@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import './App.css';
 import Header from './components/Header';
 import Hero from './components/Hero';
+import Contact from './components/Contact';
 import Paper from './components/Paper';
 import Demos from './components/Demos';
 import Explanation from './components/Explanation';
@@ -96,6 +97,7 @@ function App() {
     <div className="App">
       <Header />
       <Hero />
+      <Contact />
       <Paper />
       <Demos />
       <Explanation />