aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--.idea/discord.xml2
-rw-r--r--.idea/inspectionProfiles/Project_Default.xml6
-rw-r--r--.idea/vcs.xml6
-rw-r--r--package-lock.json499
-rw-r--r--package.json13
-rw-r--r--postcss.config.js6
-rw-r--r--public/favicon.icobin3870 -> 15406 bytes
-rw-r--r--public/index.html5
-rw-r--r--src/App.css39
-rw-r--r--src/App.js67
-rw-r--r--src/App.test.js8
-rw-r--r--src/assets/img/benefit-one.pngbin0 -> 113552 bytes
-rw-r--r--src/assets/img/benefit-two.pngbin0 -> 73007 bytes
-rw-r--r--src/assets/img/brands/american-cancer-society.svg1
-rw-r--r--src/assets/img/brands/american-red-cross.svg2
-rw-r--r--src/assets/img/brands/aspca.svg23
-rw-r--r--src/assets/img/brands/feeding-america.svg136
-rw-r--r--src/assets/img/brands/habitat-for-hummanity.svg276
-rw-r--r--src/assets/img/brands/volunteer-match.svg1
-rw-r--r--src/assets/img/hero.pngbin0 -> 131840 bytes
-rw-r--r--src/assets/img/logo.svg1
-rw-r--r--src/assets/img/volunteer.pngbin0 -> 1081675 bytes
-rw-r--r--src/components/Benefits.js77
-rw-r--r--src/components/Container.js11
-rw-r--r--src/components/Cta.js30
-rw-r--r--src/components/Data.js60
-rw-r--r--src/components/Faq.js57
-rw-r--r--src/components/FlexibleForm.js82
-rw-r--r--src/components/Footer.js152
-rw-r--r--src/components/Hero.js574
-rw-r--r--src/components/Home.js29
-rw-r--r--src/components/Navbar.js100
-rw-r--r--src/components/PopupWidget.js318
-rw-r--r--src/components/SectionTitle.js31
-rw-r--r--src/css/tailwind.css10
-rw-r--r--src/index.css17
-rw-r--r--src/index.js20
-rw-r--r--src/logo.svg1
-rw-r--r--src/pages/404.js3
-rw-r--r--src/pages/About.js3
-rw-r--r--src/pages/Careers.js3
-rw-r--r--src/pages/Contact.js3
-rw-r--r--src/pages/ForgotPassword.js25
-rw-r--r--src/pages/HelpCenter.js3
-rw-r--r--src/pages/Login.js28
-rw-r--r--src/pages/PrivacyPolicy.js3
-rw-r--r--src/pages/SignUp.js30
-rw-r--r--src/pages/TermsOfService.js3
-rw-r--r--tailwind.config.js23
49 files changed, 2663 insertions, 124 deletions
diff --git a/.idea/discord.xml b/.idea/discord.xml
index 30bab2a..d8e9561 100644
--- a/.idea/discord.xml
+++ b/.idea/discord.xml
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="DiscordProjectSettings">
- <option name="show" value="ASK" />
+ <option name="show" value="PROJECT_FILES" />
<option name="description" value="" />
</component>
</project> \ No newline at end of file
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..03d9549
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+ <profile version="1.0">
+ <option name="myName" value="Project Default" />
+ <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+ </profile>
+</component> \ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+ <component name="VcsDirectoryMappings">
+ <mapping directory="$PROJECT_DIR$" vcs="Git" />
+ </component>
+</project> \ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index bf7dea3..f769704 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,13 +8,24 @@
"name": "react-test",
"version": "0.1.0",
"dependencies": {
+ "@headlessui/react": "^1.7.18",
+ "@heroicons/react": "^2.1.3",
+ "@tailwindcss/aspect-ratio": "^0.4.2",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
+ "autoprefixer": "^9.8.6",
+ "next": "^14.1.4",
+ "postcss": "^8.4.38",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "react-scripts": "5.0.1",
+ "react-hook-form": "^7.51.2",
+ "react-router-dom": "^6.22.3",
+ "react-scripts": "^5.0.1",
"web-vitals": "^2.1.4"
+ },
+ "devDependencies": {
+ "tailwindcss": "^3.4.3"
}
},
"node_modules/@aashutoshrathi/word-wrap": {
@@ -2392,6 +2403,30 @@
"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
}
},
+ "node_modules/@headlessui/react": {
+ "version": "1.7.18",
+ "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.18.tgz",
+ "integrity": "sha512-4i5DOrzwN4qSgNsL4Si61VMkUcWbcSKueUV7sFhpHzQcSShdlHENE5+QBntMSRvHt8NyoFO2AGG8si9lq+w4zQ==",
+ "dependencies": {
+ "@tanstack/react-virtual": "^3.0.0-beta.60",
+ "client-only": "^0.0.1"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "peerDependencies": {
+ "react": "^16 || ^17 || ^18",
+ "react-dom": "^16 || ^17 || ^18"
+ }
+ },
+ "node_modules/@heroicons/react": {
+ "version": "2.1.3",
+ "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.1.3.tgz",
+ "integrity": "sha512-fEcPfo4oN345SoqdlCDdSa4ivjaKbk0jTd+oubcgNxnNgAfzysfwWfQUr+51wigiWHQQRiZNd1Ao0M5Y3M2EGg==",
+ "peerDependencies": {
+ "react": ">= 16"
+ }
+ },
"node_modules/@humanwhocodes/config-array": {
"version": "0.11.14",
"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
@@ -3250,6 +3285,146 @@
"resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
"integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw=="
},
+ "node_modules/@next/env": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.4.tgz",
+ "integrity": "sha512-e7X7bbn3Z6DWnDi75UWn+REgAbLEqxI8Tq2pkFOFAMpWAWApz/YCUhtWMWn410h8Q2fYiYL7Yg5OlxMOCfFjJQ=="
+ },
+ "node_modules/@next/swc-darwin-arm64": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.4.tgz",
+ "integrity": "sha512-ubmUkbmW65nIAOmoxT1IROZdmmJMmdYvXIe8211send9ZYJu+SqxSnJM4TrPj9wmL6g9Atvj0S/2cFmMSS99jg==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
+ "node_modules/@next/swc-darwin-x64": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.4.tgz",
+ "integrity": "sha512-b0Xo1ELj3u7IkZWAKcJPJEhBop117U78l70nfoQGo4xUSvv0PJSTaV4U9xQBLvZlnjsYkc8RwQN1HoH/oQmLlQ==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
+ "node_modules/@next/swc-linux-arm64-gnu": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.4.tgz",
+ "integrity": "sha512-457G0hcLrdYA/u1O2XkRMsDKId5VKe3uKPvrKVOyuARa6nXrdhJOOYU9hkKKyQTMru1B8qEP78IAhf/1XnVqKA==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
+ "node_modules/@next/swc-linux-arm64-musl": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.4.tgz",
+ "integrity": "sha512-l/kMG+z6MB+fKA9KdtyprkTQ1ihlJcBh66cf0HvqGP+rXBbOXX0dpJatjZbHeunvEHoBBS69GYQG5ry78JMy3g==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
+ "node_modules/@next/swc-linux-x64-gnu": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.4.tgz",
+ "integrity": "sha512-BapIFZ3ZRnvQ1uWbmqEGJuPT9cgLwvKtxhK/L2t4QYO7l+/DxXuIGjvp1x8rvfa/x1FFSsipERZK70pewbtJtw==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
+ "node_modules/@next/swc-linux-x64-musl": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.4.tgz",
+ "integrity": "sha512-mqVxTwk4XuBl49qn2A5UmzFImoL1iLm0KQQwtdRJRKl21ylQwwGCxJtIYo2rbfkZHoSKlh/YgztY0qH3wG1xIg==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
+ "node_modules/@next/swc-win32-arm64-msvc": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.4.tgz",
+ "integrity": "sha512-xzxF4ErcumXjO2Pvg/wVGrtr9QQJLk3IyQX1ddAC/fi6/5jZCZ9xpuL9Tzc4KPWMFq8GGWFVDMshZOdHGdkvag==",
+ "cpu": [
+ "arm64"
+ ],
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
+ "node_modules/@next/swc-win32-ia32-msvc": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.4.tgz",
+ "integrity": "sha512-WZiz8OdbkpRw6/IU/lredZWKKZopUMhcI2F+XiMAcPja0uZYdMTZQRoQ0WZcvinn9xZAidimE7tN9W5v9Yyfyw==",
+ "cpu": [
+ "ia32"
+ ],
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
+ "node_modules/@next/swc-win32-x64-msvc": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.4.tgz",
+ "integrity": "sha512-4Rto21sPfw555sZ/XNLqfxDUNeLhNYGO2dlPqsnuCg8N8a2a9u1ltqBOPQ4vj1Gf7eJC0W2hHG2eYUHuiXgY2w==",
+ "cpu": [
+ "x64"
+ ],
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">= 10"
+ }
+ },
"node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
"version": "5.1.1-v1",
"resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -3368,6 +3543,14 @@
}
}
},
+ "node_modules/@remix-run/router": {
+ "version": "1.15.3",
+ "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.15.3.tgz",
+ "integrity": "sha512-Oy8rmScVrVxWZVOpEF57ovlnhpZ8CCPlnIIumVcV9nFdiSIrus99+Lw78ekXyGvVDlIsFJbSfmSovJUhCWYV3w==",
+ "engines": {
+ "node": ">=14.0.0"
+ }
+ },
"node_modules/@rollup/plugin-babel": {
"version": "5.3.1",
"resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -3686,6 +3869,47 @@
"url": "https://github.com/sponsors/gregberge"
}
},
+ "node_modules/@swc/helpers": {
+ "version": "0.5.2",
+ "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+ "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/aspect-ratio": {
+ "version": "0.4.2",
+ "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.2.tgz",
+ "integrity": "sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==",
+ "peerDependencies": {
+ "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
+ }
+ },
+ "node_modules/@tanstack/react-virtual": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.2.0.tgz",
+ "integrity": "sha512-OEdMByf2hEfDa6XDbGlZN8qO6bTjlNKqjM3im9JG+u3mCL8jALy0T/67oDI001raUUPh1Bdmfn4ZvPOV5knpcg==",
+ "dependencies": {
+ "@tanstack/virtual-core": "3.2.0"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/tannerlinsley"
+ },
+ "peerDependencies": {
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+ }
+ },
+ "node_modules/@tanstack/virtual-core": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.2.0.tgz",
+ "integrity": "sha512-P5XgYoAw/vfW65byBbJQCw+cagdXDT/qH6wmABiLt4v4YBT2q2vqCOhihe+D1Nt325F/S/0Tkv6C5z0Lv+VBQQ==",
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/tannerlinsley"
+ }
+ },
"node_modules/@testing-library/dom": {
"version": "10.0.0",
"resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.0.0.tgz",
@@ -5390,39 +5614,58 @@
}
},
"node_modules/autoprefixer": {
- "version": "10.4.19",
- "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
- "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
- "funding": [
- {
- "type": "opencollective",
- "url": "https://opencollective.com/postcss/"
- },
- {
- "type": "tidelift",
- "url": "https://tidelift.com/funding/github/npm/autoprefixer"
- },
- {
- "type": "github",
- "url": "https://github.com/sponsors/ai"
- }
- ],
+ "version": "9.8.6",
+ "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz",
+ "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==",
"dependencies": {
- "browserslist": "^4.23.0",
- "caniuse-lite": "^1.0.30001599",
- "fraction.js": "^4.3.7",
+ "browserslist": "^4.12.0",
+ "caniuse-lite": "^1.0.30001109",
+ "colorette": "^1.2.1",
"normalize-range": "^0.1.2",
- "picocolors": "^1.0.0",
- "postcss-value-parser": "^4.2.0"
+ "num2fraction": "^1.2.2",
+ "postcss": "^7.0.32",
+ "postcss-value-parser": "^4.1.0"
},
"bin": {
"autoprefixer": "bin/autoprefixer"
},
+ "funding": {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+ }
+ },
+ "node_modules/autoprefixer/node_modules/colorette": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
+ "integrity": "sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g=="
+ },
+ "node_modules/autoprefixer/node_modules/picocolors": {
+ "version": "0.2.1",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+ "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
+ },
+ "node_modules/autoprefixer/node_modules/postcss": {
+ "version": "7.0.39",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+ "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+ "dependencies": {
+ "picocolors": "^0.2.1",
+ "source-map": "^0.6.1"
+ },
"engines": {
- "node": "^10 || ^12 || >=14"
+ "node": ">=6.0.0"
},
- "peerDependencies": {
- "postcss": "^8.1.0"
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ }
+ },
+ "node_modules/autoprefixer/node_modules/source-map": {
+ "version": "0.6.1",
+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+ "engines": {
+ "node": ">=0.10.0"
}
},
"node_modules/available-typed-arrays": {
@@ -5933,6 +6176,17 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
+ "node_modules/busboy": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+ "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+ "dependencies": {
+ "streamsearch": "^1.1.0"
+ },
+ "engines": {
+ "node": ">=10.16.0"
+ }
+ },
"node_modules/bytes": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -6139,6 +6393,11 @@
"node": ">=0.10.0"
}
},
+ "node_modules/client-only": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+ "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
+ },
"node_modules/cliui": {
"version": "7.0.4",
"resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -12841,6 +13100,78 @@
"resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
"integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
},
+ "node_modules/next": {
+ "version": "14.1.4",
+ "resolved": "https://registry.npmjs.org/next/-/next-14.1.4.tgz",
+ "integrity": "sha512-1WTaXeSrUwlz/XcnhGTY7+8eiaFvdet5z9u3V2jb+Ek1vFo0VhHKSAIJvDWfQpttWjnyw14kBeq28TPq7bTeEQ==",
+ "dependencies": {
+ "@next/env": "14.1.4",
+ "@swc/helpers": "0.5.2",
+ "busboy": "1.6.0",
+ "caniuse-lite": "^1.0.30001579",
+ "graceful-fs": "^4.2.11",
+ "postcss": "8.4.31",
+ "styled-jsx": "5.1.1"
+ },
+ "bin": {
+ "next": "dist/bin/next"
+ },
+ "engines": {
+ "node": ">=18.17.0"
+ },
+ "optionalDependencies": {
+ "@next/swc-darwin-arm64": "14.1.4",
+ "@next/swc-darwin-x64": "14.1.4",
+ "@next/swc-linux-arm64-gnu": "14.1.4",
+ "@next/swc-linux-arm64-musl": "14.1.4",
+ "@next/swc-linux-x64-gnu": "14.1.4",
+ "@next/swc-linux-x64-musl": "14.1.4",
+ "@next/swc-win32-arm64-msvc": "14.1.4",
+ "@next/swc-win32-ia32-msvc": "14.1.4",
+ "@next/swc-win32-x64-msvc": "14.1.4"
+ },
+ "peerDependencies": {
+ "@opentelemetry/api": "^1.1.0",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
+ "sass": "^1.3.0"
+ },
+ "peerDependenciesMeta": {
+ "@opentelemetry/api": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/next/node_modules/postcss": {
+ "version": "8.4.31",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+ "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/postcss"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "dependencies": {
+ "nanoid": "^3.3.6",
+ "picocolors": "^1.0.0",
+ "source-map-js": "^1.0.2"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
+ }
+ },
"node_modules/no-case": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
@@ -12917,6 +13248,11 @@
"url": "https://github.com/fb55/nth-check?sponsor=1"
}
},
+ "node_modules/num2fraction": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+ "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg=="
+ },
"node_modules/nwsapi": {
"version": "2.2.7",
"resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
@@ -14529,6 +14865,42 @@
"postcss": "^8.2"
}
},
+ "node_modules/postcss-preset-env/node_modules/autoprefixer": {
+ "version": "10.4.19",
+ "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
+ "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "dependencies": {
+ "browserslist": "^4.23.0",
+ "caniuse-lite": "^1.0.30001599",
+ "fraction.js": "^4.3.7",
+ "normalize-range": "^0.1.2",
+ "picocolors": "^1.0.0",
+ "postcss-value-parser": "^4.2.0"
+ },
+ "bin": {
+ "autoprefixer": "bin/autoprefixer"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
+ },
+ "peerDependencies": {
+ "postcss": "^8.1.0"
+ }
+ },
"node_modules/postcss-pseudo-class-any-link": {
"version": "7.1.6",
"resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz",
@@ -15096,6 +15468,21 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
"integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
},
+ "node_modules/react-hook-form": {
+ "version": "7.51.2",
+ "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.2.tgz",
+ "integrity": "sha512-y++lwaWjtzDt/XNnyGDQy6goHskFualmDlf+jzEZvjvz6KWDf7EboL7pUvRCzPTJd0EOPpdekYaQLEvvG6m6HA==",
+ "engines": {
+ "node": ">=12.22.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/react-hook-form"
+ },
+ "peerDependencies": {
+ "react": "^16.8.0 || ^17 || ^18"
+ }
+ },
"node_modules/react-is": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -15109,6 +15496,36 @@
"node": ">=0.10.0"
}
},
+ "node_modules/react-router": {
+ "version": "6.22.3",
+ "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.22.3.tgz",
+ "integrity": "sha512-dr2eb3Mj5zK2YISHK++foM9w4eBnO23eKnZEDs7c880P6oKbrjz/Svg9+nxqtHQK+oMW4OtjZca0RqPglXxguQ==",
+ "dependencies": {
+ "@remix-run/router": "1.15.3"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "peerDependencies": {
+ "react": ">=16.8"
+ }
+ },
+ "node_modules/react-router-dom": {
+ "version": "6.22.3",
+ "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.22.3.tgz",
+ "integrity": "sha512-7ZILI7HjcE+p31oQvwbokjk6OA/bnFxrhJ19n82Ex9Ph8fNAq+Hm/7KchpMGlTgWhUxRHMMCut+vEtNpWpowKw==",
+ "dependencies": {
+ "@remix-run/router": "1.15.3",
+ "react-router": "6.22.3"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "peerDependencies": {
+ "react": ">=16.8",
+ "react-dom": ">=16.8"
+ }
+ },
"node_modules/react-scripts": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
@@ -16275,6 +16692,14 @@
"node": ">= 0.4"
}
},
+ "node_modules/streamsearch": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+ "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+ "engines": {
+ "node": ">=10.0.0"
+ }
+ },
"node_modules/string_decoder": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -16505,6 +16930,28 @@
"webpack": "^5.0.0"
}
},
+ "node_modules/styled-jsx": {
+ "version": "5.1.1",
+ "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+ "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+ "dependencies": {
+ "client-only": "0.0.1"
+ },
+ "engines": {
+ "node": ">= 12.0.0"
+ },
+ "peerDependencies": {
+ "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+ },
+ "peerDependenciesMeta": {
+ "@babel/core": {
+ "optional": true
+ },
+ "babel-plugin-macros": {
+ "optional": true
+ }
+ }
+ },
"node_modules/stylehacks": {
"version": "5.1.1",
"resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
diff --git a/package.json b/package.json
index cb6fc66..96facd6 100644
--- a/package.json
+++ b/package.json
@@ -3,12 +3,20 @@
"version": "0.1.0",
"private": true,
"dependencies": {
+ "@headlessui/react": "^1.7.18",
+ "@heroicons/react": "^2.1.3",
+ "@tailwindcss/aspect-ratio": "^0.4.2",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
+ "autoprefixer": "^9.8.6",
+ "next": "^14.1.4",
+ "postcss": "^8.4.38",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "react-scripts": "5.0.1",
+ "react-hook-form": "^7.51.2",
+ "react-router-dom": "^6.22.3",
+ "react-scripts": "^5.0.1",
"web-vitals": "^2.1.4"
},
"scripts": {
@@ -34,5 +42,8 @@
"last 1 firefox version",
"last 1 safari version"
]
+ },
+ "devDependencies": {
+ "tailwindcss": "^3.4.3"
}
}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..33ad091
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/public/favicon.ico b/public/favicon.ico
index a11777c..ff048f9 100644
--- a/public/favicon.ico
+++ b/public/favicon.ico
Binary files differ
diff --git a/public/index.html b/public/index.html
index aa069f2..93802ac 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,7 +7,7 @@
<meta name="theme-color" content="#000000" />
<meta
name="description"
- content="Web site created using create-react-app"
+ content="Helping Hands"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
@@ -24,10 +24,9 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
- <title>React App</title>
+ <title>Helping Hands</title>
</head>
<body>
- <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
diff --git a/src/App.css b/src/App.css
index 74b5e05..de8af66 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,38 +1 @@
-.App {
- text-align: center;
-}
-
-.App-logo {
- height: 40vmin;
- pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
- .App-logo {
- animation: App-logo-spin infinite 20s linear;
- }
-}
-
-.App-header {
- background-color: #282c34;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: calc(10px + 2vmin);
- color: white;
-}
-
-.App-link {
- color: #61dafb;
-}
-
-@keyframes App-logo-spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
-}
+@import '/src/css/tailwind.css'; \ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 3784575..9703cfc 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,25 +1,50 @@
-import logo from './logo.svg';
-import './App.css';
+import React from 'react';
+import { BrowserRouter as Router, Routes, Route, useLocation } from 'react-router-dom';
+import Navbar from './components/Navbar';
+import Footer from './components/Footer';
+import PopupWidget from './components/PopupWidget';
+import Home from './components/Home';
+import About from './pages/About';
+import Contact from './pages/Contact';
+import Login from "./pages/Login";
+import ForgotPassword from "./pages/ForgotPassword";
+import SignUp from "./pages/SignUp";
+import Careers from "./pages/Careers";
+import HelpCenter from "./pages/HelpCenter";
+import TermsOfService from "./pages/TermsOfService";
+import PrivacyPolicy from "./pages/PrivacyPolicy";
function App() {
- return (
- <div className="App">
- <header className="App-header">
- <img src={logo} className="App-logo" alt="logo" />
- <p>
- Edit <code>src/App.js</code> and save to reload.
- </p>
- <a
- className="App-link"
- href="https://reactjs.org"
- target="_blank"
- rel="noopener noreferrer"
- >
- Learn React
- </a>
- </header>
- </div>
- );
+ const location = useLocation();
+ const excludedRoutes = ['/login', '/sign-up', '/forgot-password'];
+
+ return (
+ <div className="App">
+ {!excludedRoutes.includes(location.pathname) && <Navbar />}
+ <Routes>
+ <Route path="/" element={<Home />} />
+ <Route path="/about" element={<About />} />
+ <Route path="/contact-us" element={<Contact />} />
+ <Route path="/careers" element={<Careers />} />
+ <Route path="/help-center" element={<HelpCenter />} />
+ <Route path="/terms-of-service" element={<TermsOfService />} />
+ <Route path="/privacy-policy" element={<PrivacyPolicy />} />
+ <Route path="/login" element={<Login />} />
+ <Route path="/forgot-password" element={<ForgotPassword />} />
+ <Route path="/sign-up" element={<SignUp />} />
+ </Routes>
+ {!excludedRoutes.includes(location.pathname) && <Footer />}
+ {!excludedRoutes.includes(location.pathname) && <PopupWidget />}
+ </div>
+ );
+}
+
+function Root() {
+ return (
+ <Router>
+ <App />
+ </Router>
+ );
}
-export default App;
+export default Root;
diff --git a/src/App.test.js b/src/App.test.js
deleted file mode 100644
index 1f03afe..0000000
--- a/src/App.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
- render(<App />);
- const linkElement = screen.getByText(/learn react/i);
- expect(linkElement).toBeInTheDocument();
-});
diff --git a/src/assets/img/benefit-one.png b/src/assets/img/benefit-one.png
new file mode 100644
index 0000000..f499e8c
--- /dev/null
+++ b/src/assets/img/benefit-one.png
Binary files differ
diff --git a/src/assets/img/benefit-two.png b/src/assets/img/benefit-two.png
new file mode 100644
index 0000000..4b0c02a
--- /dev/null
+++ b/src/assets/img/benefit-two.png
Binary files differ
diff --git a/src/assets/img/brands/american-cancer-society.svg b/src/assets/img/brands/american-cancer-society.svg
new file mode 100644
index 0000000..d7d6052
--- /dev/null
+++ b/src/assets/img/brands/american-cancer-society.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1381.04 764"><defs><style>.cls-1{fill:red;}.cls-2{fill:#2746f8;}</style></defs><g id="Layer_1-2"><g><g><path class="cls-2" d="M330.67,104.28h49.71l59.97,175.6h-42.68l-13.51-43.22h-56.73l-13.51,43.22h-42.14l58.89-175.6Zm42.14,97.26l-17.83-56.73-17.29,56.73h35.12Z"/><path class="cls-2" d="M592.18,182.08c-12.97,0-23.23,9.19-23.23,25.39v72.94h-38.36v-72.94c0-16.21-7.02-25.39-19.45-25.39s-23.23,9.19-23.23,25.39v72.94h-38.36V149.67h38.36v15.13c9.19-12.43,22.69-18.91,36.74-18.91,17.29,0,30.26,7.56,37.28,21.61,9.73-14.05,25.39-21.61,43.77-21.61,27.56,0,44.31,19.45,44.31,53.49v80.51h-38.36v-72.94c0-15.67-7.02-24.85-19.45-24.85Z"/><path class="cls-2" d="M664.58,215.04c0-45.39,32.96-68.62,65.92-68.62s66.46,23.77,66.46,68.62v11.89h-94.55c3.78,15.67,16.21,22.69,29.18,22.69,9.73,0,15.13-2.16,18.91-7.02h44.31c-11.35,28.1-38.36,41.06-63.22,41.06-32.96,0-67-23.23-67-68.62Zm92.39-14.59c-3.24-17.83-15.67-23.77-26.48-23.77-12.97,0-23.77,7.56-27.56,23.77h54.03Z"/><path class="cls-2" d="M812.09,149.67h38.36v15.67c9.73-12.43,23.77-17.83,39.44-17.83v36.74c-28.64-5.94-39.44,7.02-39.44,23.23v72.94h-38.36V149.67Z"/><path class="cls-2" d="M923.93,97.8c12.43,0,21.61,8.65,21.61,21.61s-9.19,21.61-21.61,21.61-21.61-8.65-21.61-21.61,8.65-21.61,21.61-21.61Zm-19.45,51.87h38.36v130.76h-38.36V149.67Z"/><path class="cls-2" d="M957.97,215.04c0-45.39,32.96-68.62,66.46-68.62,28.1,0,56.19,16.21,64.84,50.25h-41.6c-4.86-10.27-13.51-14.59-23.23-14.59-16.21,0-26.48,11.89-26.48,32.96s10.27,32.96,26.48,32.96c10.81,0,18.37-5.4,23.23-17.29h41.6c-8.1,35.66-36.2,52.95-64.84,52.95-33.5,0-66.46-23.23-66.46-68.62Z"/><path class="cls-2" d="M1098.45,215.04c0-45.39,29.72-68.62,59.97-68.62,17.29,0,30.8,5.94,40.52,16.75v-13.51h38.36v130.76h-38.36v-13.51c-9.73,10.81-23.23,16.75-40.52,16.75-30.26,0-59.97-23.23-59.97-68.62Zm70.24,32.96c18.37,0,30.26-11.89,30.26-32.96s-11.89-32.96-30.26-32.96-30.26,11.89-30.26,32.96,11.89,32.96,30.26,32.96Z"/><path class="cls-2" d="M1321.06,182.08c-15.13,0-25.93,9.19-25.93,25.39v72.94h-38.36V149.67h38.36v15.67c9.73-12.43,23.77-18.91,39.44-18.91,28.64,0,46.47,19.45,46.47,53.49v80.51h-38.36v-72.94c.54-16.21-7.56-25.39-21.61-25.39Z"/></g><g><path class="cls-2" d="M269.07,408.48c0-55.11,38.9-91.31,87.53-91.31,41.6,0,76.18,25.93,85.37,67.54h-43.22c-7.02-17.83-21.61-29.18-42.68-29.18-28.64,0-45.93,21.61-45.93,52.95s17.29,52.95,45.93,52.95c21.61,0,36.2-12.43,42.68-31.88h42.68c-8.65,43.22-43.22,70.24-85.37,70.24-48.09,.54-86.99-35.66-86.99-91.31Z"/><path class="cls-2" d="M452.78,431.17c0-45.39,29.72-68.62,59.97-68.62,17.29,0,30.8,5.94,40.52,16.75v-13.51h38.36v130.76h-38.36v-13.51c-9.73,10.81-23.23,16.75-40.52,16.75-30.26,.54-59.97-23.23-59.97-68.62Zm70.24,33.5c18.37,0,30.26-11.89,30.26-32.96s-11.89-32.96-30.26-32.96-30.26,11.89-30.26,32.96c-.54,20.53,11.89,32.96,30.26,32.96Z"/><path class="cls-2" d="M675.39,398.21c-15.13,0-25.93,9.19-25.93,25.39v72.94h-38.36v-130.76h38.36v15.67c9.73-12.43,23.77-18.91,39.44-18.91,28.64,0,46.47,19.45,46.47,53.49v80.51h-38.36v-72.94c.54-16.21-8.1-25.39-21.61-25.39Z"/><path class="cls-2" d="M750.49,431.17c0-45.39,32.96-68.62,66.46-68.62,28.1,0,56.19,16.21,64.84,50.25h-41.6c-4.86-10.27-13.51-14.59-23.23-14.59-16.21,0-26.48,11.89-26.48,32.96s10.27,32.96,26.48,32.96c10.81,0,18.37-5.4,23.23-17.29h41.6c-8.1,35.66-36.2,52.95-64.84,52.95-34.04,.54-66.46-23.23-66.46-68.62Z"/><path class="cls-2" d="M890.97,431.17c0-45.39,32.96-68.62,65.92-68.62s66.46,23.77,66.46,68.62v11.89h-94.55c3.78,15.67,16.21,22.69,29.18,22.69,9.73,0,15.13-2.16,18.91-7.02h44.31c-11.35,28.1-38.36,41.06-63.22,41.06-32.42,.54-67-23.23-67-68.62Zm92.93-14.59c-3.24-17.83-15.67-23.77-26.48-23.77-12.97,0-23.77,7.56-27.56,23.77h54.03Z"/><path class="cls-2" d="M1039.02,365.79h38.36v15.67c9.73-12.43,23.77-17.83,39.44-17.83v36.74c-28.64-5.94-39.44,7.02-39.44,23.23v72.94h-38.36v-130.76Z"/></g><path class="cls-2" d="M436.03,651.07c0-45.39,34.58-68.62,70.24-68.62s70.24,23.77,70.24,68.62-34.58,68.62-70.24,68.62-70.24-23.23-70.24-68.62Zm69.7,32.96c18.37,0,30.26-11.89,30.26-32.96s-11.89-32.96-30.26-32.96-30.26,11.89-30.26,32.96,11.89,32.96,30.26,32.96Z"/><path class="cls-2" d="M586.24,651.07c0-45.39,32.96-68.62,66.46-68.62,28.1,0,56.19,16.21,64.84,50.25h-41.6c-4.86-10.27-13.51-14.59-23.23-14.59-16.21,0-26.48,11.89-26.48,32.96s10.27,32.96,26.48,32.96c10.81,0,18.37-5.4,23.23-17.29h41.6c-8.1,35.66-36.2,52.95-64.84,52.95-33.5,0-66.46-23.23-66.46-68.62Z"/><path class="cls-2" d="M751.57,533.83c12.43,0,21.61,8.65,21.61,21.61s-9.19,21.61-21.61,21.61-21.61-8.65-21.61-21.61,8.64-21.61,21.61-21.61Zm-19.45,51.87h38.36v130.76h-38.36v-130.76Z"/><path class="cls-2" d="M785.07,651.07c0-45.39,32.96-68.62,65.92-68.62s66.46,23.77,66.46,68.62v11.89h-94.55c3.78,15.67,16.21,22.69,29.18,22.69,9.73,0,15.13-2.16,18.91-7.02h44.31c-11.35,28.1-38.36,41.06-63.22,41.06-32.96,0-67-23.23-67-68.62Zm92.93-14.59c-3.24-17.83-15.67-23.77-26.48-23.77-12.97,0-23.77,7.56-27.56,23.77h54.03Z"/><path class="cls-2" d="M1065.49,699.7l-49.71-114.01h41.6l28.1,67,25.93-67h39.44l-72.4,178.3h-39.44l26.48-64.3Z"/><path class="cls-2" d="M378.22,612.17l-31.34-7.02c-15.13-3.78-16.75-10.27-16.75-15.67,0-10.27,9.19-16.75,23.77-16.75,18.37,0,25.39,9.73,28.64,18.37l.54,2.16h41.6l-.54-3.78c-6.48-32.42-32.42-51.87-70.24-51.87s-64.84,23.23-64.84,55.65c0,25.93,15.67,42.68,45.93,49.71l30.8,7.02c15.13,3.24,18.37,9.19,18.37,16.21,0,11.35-9.73,18.37-25.39,18.37-11.35,0-25.93-3.24-30.8-19.99l-.54-2.16h-42.68l.54,3.78c5.94,34.04,34.04,54.03,74.02,54.03s66.46-22.69,66.46-56.19c0-26.48-16.75-44.85-47.55-51.87Z"/><path class="cls-2" d="M988.23,682.41c-4.86,0-7.02-3.24-7.02-8.1v-54.03h27.56v-34.04h-27.56v-46.47l-38.36,14.05v32.42h-19.45v34.04h19.45v54.03c0,24.85,19.99,42.14,45.39,42.14h23.77v-34.04h-23.77Z"/><g><path class="cls-1" d="M145.88,483.58l-77.8,60.51c-14.05,10.81-16.75,31.34-5.4,45.39v.54l77.8-61.06c14.05-10.81,16.75-30.8,5.4-45.39h0Z"/><path class="cls-1" d="M77.8,593.8c-14.05,11.35-16.75,31.88-5.4,45.93h0c1.08,1.62,2.7,3.24,4.32,4.32,1.08-5.94,4.32-10.81,9.19-15.13l40.52-31.88c14.05-11.35,16.75-31.88,5.4-45.93l-54.03,42.68Z"/><path class="cls-1" d="M202.62,403.61c0-22.69-18.37-41.06-41.06-41.06h-31.34l12.97,16.21-12.97,16.21h30.8c4.32,0,8.65,3.24,8.65,8.1,0,2.7-1.08,4.86-2.7,6.48l-108.6,84.83c-14.05,11.35-16.75,31.88-5.4,45.93h0l134-104.82c9.73-7.02,15.67-18.91,15.67-31.88Z"/><path class="cls-1" d="M16.75,436.03l48.09,37.82,26.48-21.07-55.65-43.22c-1.62-1.62-3.24-3.78-2.7-6.48,0-4.32,3.78-8.1,8.65-8.1h30.8l-12.97-16.21,12.97-16.21h-31.34c-22.69,0-41.06,18.37-41.06,41.06,.54,12.97,7.02,24.85,16.75,32.42Z"/><polygon class="cls-2" points="101.58 0 82.67 32.96 82.67 430.09 101.58 445.22 121.03 430.09 121.03 32.96 101.58 0"/><path class="cls-2" d="M114.01,680.79l6.48-63.76-28.1,22.15c-6.48,4.86-9.19,12.97-8.1,19.99l3.78,22.15c-4.86,3.78-8.1,10.27-8.1,16.75,0,11.89,9.73,21.61,21.61,21.61s21.61-9.73,21.61-21.61c0-7.02-3.78-13.51-9.19-17.29Z"/></g><path class="cls-2" d="M1183.62,536.19c3.27,1.88,5.83,4.48,7.68,7.78,1.85,3.3,2.77,7.02,2.77,11.14s-.92,7.85-2.77,11.19c-1.85,3.34-4.41,5.95-7.68,7.84-3.27,1.88-6.97,2.83-11.09,2.83s-7.93-.94-11.19-2.83c-3.27-1.88-5.83-4.49-7.68-7.84-1.85-3.34-2.77-7.07-2.77-11.19s.92-7.84,2.77-11.14c1.85-3.3,4.41-5.9,7.68-7.78,3.27-1.88,7-2.83,11.19-2.83s7.82,.94,11.09,2.83Zm1.33,31.61c3.16-3.27,4.74-7.5,4.74-12.69s-1.58-9.42-4.74-12.69c-3.16-3.27-7.3-4.9-12.42-4.9s-9.33,1.64-12.42,4.9c-3.09,3.27-4.64,7.5-4.64,12.69s1.55,9.42,4.64,12.69c3.09,3.27,7.23,4.9,12.42,4.9s9.26-1.63,12.42-4.9Zm-4.16-12.85c-.89,1.17-2.12,2.01-3.68,2.51l5.97,8.85-6.72,.11-5.12-8.53h-1.81v8.53h-5.54v-22.92h10.23c2.42,0,4.35,.64,5.81,1.92,1.46,1.28,2.19,3.02,2.19,5.22,0,1.71-.45,3.14-1.33,4.32Zm-11.35-1.65h4.37c.78,0,1.44-.21,1.97-.64,.53-.43,.8-1.03,.8-1.81s-.27-1.37-.8-1.76c-.53-.39-1.19-.59-1.97-.59h-4.37v4.8Z"/></g></g></svg> \ No newline at end of file
diff --git a/src/assets/img/brands/american-red-cross.svg b/src/assets/img/brands/american-red-cross.svg
new file mode 100644
index 0000000..23aff09
--- /dev/null
+++ b/src/assets/img/brands/american-red-cross.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="74.661" viewBox="0 0 221.69799 74.660797" width="221.7" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><defs><clipPath id="v" clipPathUnits="userSpaceOnUse"><path d="m37.412 1013.1h28.666v-28.665h-28.666v28.665z"/></clipPath><clipPath id="u" clipPathUnits="userSpaceOnUse"><path d="m37.492 1000.2c-0.83-7.873 4.883-14.922 12.754-15.752 0.481-0.051 0.957-0.077 1.43-0.079h0.172c7.206 0.044 13.378 5.5 14.15 12.835 0.829 7.873-4.883 14.924-12.754 15.753-0.508 0.053-1.013 0.079-1.514 0.079-7.243 0-13.464-5.472-14.238-12.836"/></clipPath><clipPath id="t" clipPathUnits="userSpaceOnUse"><path d="m-13461 14257h26763v-26762h-26763v26762z"/></clipPath><clipPath id="s" clipPathUnits="userSpaceOnUse"><path d="m36.992 1017 32.97-3.465-3.464-32.967-32.97 3.464 3.464 32.968z"/></clipPath><clipPath id="r" clipPathUnits="userSpaceOnUse"><path d="m36.992 1017 32.97-3.4644-3.4642-32.968-32.97 3.4644 3.4642 32.968z"/></clipPath><radialGradient id="d" gradientUnits="userSpaceOnUse" cy="0" cx="0" gradientTransform="matrix(14.254 -1.4978 -1.4978 -14.254 51.745 998.75)" r="1"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" offset="0.7"/><stop stop-opacity="0" stop-color="#fff" offset="1"/></radialGradient><mask id="e" height="1" width="1" y="0" x="0" maskUnits="userSpaceOnUse"><g clip-path="url(#t)"><g clip-path="url(#s)"><g clip-path="url(#r)"><path fill="url(#d)" d="m36.992 1017 32.97-3.465-3.464-32.967-32.97 3.464 3.464 32.968z"/></g></g></g></mask><clipPath id="q" clipPathUnits="userSpaceOnUse"><path d="m36.992 1017 32.97-3.4644-3.4642-32.968-32.97 3.4644 3.4642 32.968z"/></clipPath><radialGradient id="c" gradientUnits="userSpaceOnUse" cy="0" cx="0" gradientTransform="matrix(14.254 -1.4978 -1.4978 -14.254 51.745 998.75)" r="1"><stop stop-color="#231f20" offset="0"/><stop stop-color="#231f20" offset="0.7"/><stop stop-color="#231f20" offset="1"/></radialGradient><clipPath id="p" clipPathUnits="userSpaceOnUse"><path d="m37.536 1013.9h27.097v-27.097h-27.097v27.097z"/></clipPath><clipPath id="o" clipPathUnits="userSpaceOnUse"><path d="m50.98 1013.9c-6.809-0.044-12.64-5.201-13.368-12.132-0.782-7.441 4.615-14.108 12.055-14.89 7.442-0.781 14.111 4.617 14.891 12.057 0.784 7.442-4.618 14.108-12.06 14.89-0.45 0.047-0.896 0.072-1.34 0.075h-0.178z"/></clipPath><clipPath id="n" clipPathUnits="userSpaceOnUse"><path d="m37.141 1017.6 31.164-3.2747-3.2743-31.161-31.164 3.2746 3.2743 31.161z"/></clipPath><radialGradient id="b" fx="-0.00354" fy="-.51584" gradientUnits="userSpaceOnUse" cy="0" cx="0" gradientTransform="matrix(13.674 -1.4368 -1.4435 -13.737 51.144 1000.6)" r="1"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" offset=".059402"/><stop stop-color="#fff" offset=".54916"/><stop stop-color="#f1f1f1" offset=".67230"/><stop stop-color="#e4e4e4" offset=".84741"/><stop stop-color="#cac9ca" offset=".96928"/><stop stop-color="#fff" offset=".99891"/><stop stop-color="#fff" offset="1"/></radialGradient><clipPath id="m" clipPathUnits="userSpaceOnUse"><path d="m36.389 1015.5h28.934v-28.934h-28.934v28.934z"/></clipPath><clipPath id="l" clipPathUnits="userSpaceOnUse"><path d="m37.61 1001.8c-0.782-7.441 4.615-14.108 12.057-14.891 7.44-0.78 14.11 4.618 14.888 12.057 0.785 7.442-4.617 14.107-12.057 14.89-0.481 0.051-0.958 0.075-1.432 0.075-6.847 0-12.725-5.172-13.456-12.131"/></clipPath><clipPath id="k" clipPathUnits="userSpaceOnUse"><path d="m36.389 1015.5h28.934v-28.934h-28.934v28.934z"/></clipPath><clipPath id="j" clipPathUnits="userSpaceOnUse"><path d="m50.762 1015.5c-1.699-0.011-3.427-0.323-5.106-0.97-5.722-2.206-9.241-7.652-9.266-13.436v-0.133c0.008-1.705 0.321-3.438 0.971-5.124 2.193-5.694 7.594-9.207 13.344-9.27h0.313c1.677 0.018 3.38 0.332 5.037 0.97 5.735 2.209 9.257 7.673 9.269 13.469v0.021c0.001 1.732-0.312 3.492-0.971 5.204-2.2 5.716-7.635 9.234-13.411 9.269h-0.18z"/></clipPath><clipPath id="i" clipPathUnits="userSpaceOnUse"><path d="m23.51 1013.2 39.487 15.208 15.207-39.486-39.487-15.208-15.207 39.486z"/></clipPath><radialGradient id="a" fx="-0.00354" fy="-.51584" gradientUnits="userSpaceOnUse" cy="0" cx="0" gradientTransform="matrix(13.697 5.2752 5.2995 -13.76 50.825 1001.2)" r="1"><stop stop-color="#fff" offset="0"/><stop stop-color="#fff" offset=".059402"/><stop stop-color="#fff" offset=".64924"/><stop stop-color="#f1f1f1" offset=".79755"/><stop stop-color="#e4e4e4" offset=".91411"/><stop stop-color="#cac9ca" offset=".93864"/><stop stop-color="#d1d0d0" offset=".95355"/><stop stop-color="#d1d0d0" offset=".95676"/><stop stop-color="#fff" offset=".97971"/><stop stop-color="#fff" offset="1"/></radialGradient><clipPath id="h" clipPathUnits="userSpaceOnUse"><path d="m41.988 1009.5h18.2v-18.204h-18.2v18.204z"/></clipPath><clipPath id="g" clipPathUnits="userSpaceOnUse"><path d="m48.055 1009.5v-6.068h-6.067v-6.065h6.067v-6.068h6.064v6.068h6.069v6.064l-6.069 0.001 0.002 6.068h-6.066z"/></clipPath><clipPath id="f" clipPathUnits="userSpaceOnUse"><path d="m60.188 1009.5v-18.201h-18.201v18.201h18.201z"/></clipPath></defs><g transform="matrix(1.25 0 0 -1.25 7.2877 1287.3)"><g transform="matrix(1.9688 0 0 1.9688 -79.039 -967.29)"><g><g><g clip-path="url(#v)"><g><g clip-path="url(#u)"><g><g mask="url(#e)"><g><g clip-path="url(#q)"><path d="m37.492 1000.2c-0.83-7.873 4.883-14.922 12.754-15.752 0.481-0.051 0.957-0.077 1.43-0.079h0.172c7.206 0.044 13.378 5.5 14.15 12.835 0.829 7.873-4.883 14.924-12.754 15.753-0.508 0.053-1.013 0.079-1.514 0.079-7.243 0-13.464-5.472-14.238-12.836" fill="url(#c)"/></g></g></g></g></g></g></g></g></g><g transform="translate(64.558 998.97)"><path d="m0 0c-0.78-7.439-7.448-12.838-14.89-12.056-7.44 0.781-12.838 7.448-12.056 14.889 0.782 7.442 7.446 12.838 14.887 12.058 7.441-0.782 12.843-7.449 12.059-14.891" fill="#fff"/></g><g><g><g opacity="0.8" clip-path="url(#p)"><g><g clip-path="url(#o)"><g><g><g clip-path="url(#n)"><path d="m50.98 1013.9c-6.809-0.044-12.64-5.201-13.368-12.132-0.782-7.441 4.615-14.108 12.055-14.89 7.442-0.781 14.111 4.617 14.891 12.057 0.784 7.442-4.618 14.108-12.06 14.89-0.45 0.047-0.896 0.072-1.34 0.075h-0.178z" fill="url(#b)"/></g></g></g></g></g></g></g></g><g><g><g opacity="0.77" clip-path="url(#m)"><g><g clip-path="url(#l)"><g><g><g opacity="0.8" clip-path="url(#k)"><g><g clip-path="url(#j)"><g><g><g clip-path="url(#i)"><path d="m50.762 1015.5c-1.699-0.011-3.427-0.323-5.106-0.97-5.722-2.206-9.241-7.652-9.266-13.436v-0.133c0.008-1.705 0.321-3.438 0.971-5.124 2.193-5.694 7.594-9.207 13.344-9.27h0.313c1.677 0.018 3.38 0.332 5.037 0.97 5.735 2.209 9.257 7.673 9.269 13.469v0.021c0.001 1.732-0.312 3.492-0.971 5.204-2.2 5.716-7.635 9.234-13.411 9.269h-0.18z" fill="url(#a)"/></g></g></g></g></g></g></g></g></g></g></g></g></g><g fill="#ed1b2e"><g fill="#ed1b2e"><g fill="#ed1b2e" clip-path="url(#h)"><g fill="#ed1b2e"><g fill="#ed1b2e" clip-path="url(#g)"><g fill="#ed1b2e"><g fill="#ed1b2e"><g fill="#ed1b2e" clip-path="url(#f)"><path d="m48.055 1009.5v-6.068h-6.067v-6.065h6.067v-6.068h6.064v6.068h6.069v6.064l-6.069 0.001 0.002 6.068h-6.066z" fill="#ed1b2e"/></g></g></g></g></g></g></g></g><path d="m62.258 20.881c-0.045 0.12-3.6291 9.5046-3.7266 9.7559h3.1035c0.03875-0.1225 0.46289-1.459 0.46289-1.459h3.5371s0.41883 1.3377 0.45508 1.459h3.1055c-0.095-0.24875-3.5917-9.6346-3.6367-9.7559h-3.3008zm35.727 0.01172v1.8867h2.8359v-1.8867h-2.8359zm7.7168 2.252c-1.2212 0-2.2192 0.43-2.8867 1.125-0.63125 0.64875-0.99414 1.6616-0.99414 2.7266 0 2.315 1.4579 3.9062 3.7129 3.9062 1.595 0 2.5442-0.77711 2.9492-1.1934 0.31625-0.315 0.52-0.66703 0.6875-1.0195-0.14-0.07625-1.8738-1.0268-2.0488-1.123-0.1475 0.47-0.49406 1.252-1.3516 1.252-0.60375 0-1.3223-0.30273-1.3223-1.7402 0-1.2512 0.53257-2.0273 1.3926-2.0273 0.615 0 1.0524 0.36992 1.2774 1.1387 0.18125-0.10125 1.8988-1.0739 2.0488-1.1602-0.13875-0.225-0.31875-0.4743-0.5625-0.7168-1.0738-1.09-2.4574-1.168-2.9024-1.168zm-18.592 0.04102c-2.2962 0-3.8379 1.6004-3.8379 3.8379 0 1.015 0.33688 1.9457 0.95312 2.627 0.6925 0.765 1.6972 1.2656 2.8984 1.2656 1.6112 0 2.8594-0.775 3.7031-2-0.1925-0.07875-2.028-0.84234-2.168-0.90234-0.30625 0.6625-0.78281 0.98438-1.3828 0.98438-0.2575 0-0.62828-0.06258-0.92578-0.36133-0.34-0.34125-0.35805-0.69953-0.37305-1.0195l-0.0039-0.10938h5c-0.02625-1.07-0.06859-2.212-1.0586-3.1895-0.885-0.8575-2.0134-1.1328-2.8047-1.1328zm26.834 0.06055c-1.0812 0-1.9072 0.2125-2.5234 0.53125-0.93 0.49-1.1338 1.2264-1.2363 1.8477 0.21125 0 2.3357-0.06266 2.4707-0.06641 0.115-0.56875 0.38734-0.75586 1.0273-0.75586 0.86 0 1.0456 0.3632 1.0606 0.9082l0.004 0.07617-0.0723 0.01953c-0.435 0.12625-0.74125 0.19664-1.5312 0.30664-1.1962 0.1575-1.9856 0.26016-2.623 0.91016-0.385 0.385-0.58008 0.87734-0.58008 1.4648 0 1.0675 0.65383 2.3066 2.4863 2.3066 1.2912 0 1.9403-0.45141 2.2891-0.69141l0.16602-0.11524v0.65234h2.5293c-0.135-0.225-0.16602-0.40258-0.16602-0.79883v-3.9883c0-0.4175 0-1.0484-0.40625-1.5684-0.4875-0.6275-1.462-1.0391-2.8945-1.0391zm9.6504 0.04883c-1.4975 0-1.953 0.72547-2.1992 1.0742l-0.1875 0.26562v-1.1582h-2.5v7.1602h2.6524v-3.8203c0-0.315 0.0123-1.2695 1.0723-1.2695 1.0638 0 1.0254 0.85188 1.0254 1.1719v3.918h2.6524v-4.5254c0-0.385-0.00071-1.5072-0.68946-2.1797-0.4425-0.415-1.0462-0.63672-1.8262-0.63672zm-48.836 0.02148c-1.4738 0-1.848 0.70141-2.0742 1.0664l-0.19141 0.3125v-1.1992h-2.5273v7.1465h2.6523v-3.8926l0.0039-0.04687c0.01125-0.2425 0.02828-0.54461 0.30078-0.81836 0.20125-0.2025 0.44945-0.31836 0.7832-0.31836 0.42125 0 0.87977 0.20445 1.0098 0.7832 0.02793 0.14308 0.04102 0.28643 0.04102 0.42578v3.8613h2.6523v-3.8203c0-0.15125-0.000312-0.46539 0.14844-0.74414 0.18-0.33875 0.46476-0.51172 0.94726-0.51172 1.09 0 1.0508 0.89617 1.0508 1.3262v3.75h2.6504c0-0.18375 0.002-4.6191 0.002-4.6191h-0.002c-0.01375-0.66-0.02844-1.4062-0.64844-2.0137-0.435-0.4375-1.1362-0.6875-1.9199-0.6875-1.7 0-2.1729 0.90188-2.3066 1.2031l-0.077 0.186-0.094-0.18c-0.185-0.355-0.43539-0.76438-1.3379-1.0469-0.4225-0.13375-0.8093-0.16211-1.0605-0.16211zm-10.863 0.0098 1.1348 3.7656h-2.2988l1.1641-3.7656zm33.131 0.002c-0.99 0-1.5862 0.1857-2.3262 0.8457l-0.16016 0.14258v-0.87695-0.0039h-2.543v7.2012h2.6406v-3.3789c0.0125-0.45125 0.04664-1.6504 1.8066-1.6504 0.1625 0 0.42328 0.01203 0.58203 0.01953v-2.2988zm0.95898 0.15234v7.1328h2.8359v-7.1328h-2.8359zm-10.805 1.418c0.42 0 0.90867 0.24844 1.0449 0.80469 0.02 0.08 0.0257 0.1093 0.0332 0.18555l0.02148 0.2168h-2.2988l0.0293-0.125c0.06625-0.31 0.24242-1.082 1.1699-1.082zm27.551 2.3652v0.13672c0 0.25-0.00024 0.50102-0.14649 0.82226-0.2725 0.6-0.98289 0.83203-1.4004 0.83203-0.585 0-0.80078-0.32156-0.80078-0.57031 0-0.11125 0.0456-0.46562 0.64063-0.70312v-0.0039h0.004 0.002c0.22375-0.075 0.44586-0.12578 0.66211-0.17578 0 0 0.0705-0.01758 0.0742-0.01758 0.2775-0.0775 0.54665-0.17367 0.80665-0.26367l0.1582-0.05664zm-22.242 6.2188c-1.5038 0-2.7795 0.58273-3.6895 1.6465-0.805 0.94125-1.2676 2.3176-1.2676 3.6426 0 1.3125 0.42602 2.6124 1.1973 3.5137 0.89125 1.0412 2.1923 1.6094 3.7598 1.6094 1.4738 0 2.7955-0.52094 3.7168-1.4297 0.4325-0.43125 0.73734-0.98656 0.96484-1.4141-0.16125-0.0775-2.3085-1.118-2.4785-1.1992-0.46875 1.2875-1.3925 1.6543-2.0625 1.6543-0.74 0-1.3066-0.30711-1.6816-0.91211-0.30875-0.49875-0.47461-1.1912-0.47461-2 0-0.37875 0.000469-1.5324 0.76172-2.2637 0.20625-0.2075 0.66016-0.55469 1.3789-0.55469 1.315 0 1.8566 1.1006 2.1016 1.6719 0.165-0.0825 2.2775-1.138 2.4375-1.2168-0.1875-0.34375-0.44992-0.79414-0.82617-1.1816-0.9675-0.99625-2.3329-1.5664-3.8379-1.5664zm-33.957 0.34766v9.7598h2.8984v-3.5332h1.0664s1.8955 3.4357 1.9492 3.5332h3.1953c-0.16375-0.27125-2.3418-3.8848-2.3418-3.8848l-0.05859-0.0957 0.16992-0.06836c0.43-0.1725 0.8032-0.31797 1.1582-0.69922 0.47625-0.485 0.71875-1.1597 0.71875-1.9297 0-0.985-0.4275-2.2759-1.625-2.7871-0.63-0.26375-1.5959-0.29492-2.3672-0.29492h-4.7637zm22.596 0.01172v2.998 0.21484l-0.18945-0.16797c-0.28875-0.26125-0.72172-0.65625-1.7305-0.65625-1.505 0-3.0254 1.1841-3.0254 3.6191 0 2.3225 1.2248 3.918 3.1211 3.918 0.39625 0 0.73742-0.05633 1.0449-0.17383 0.38625-0.1475 0.51586-0.29234 0.69336-0.49609l0.16797-0.19336v0.68359h2.5684v-9.7461h-2.6504zm-19.697 1.9336h1.3672c0.47875 0 1.6016 0.0061 1.6016 1.1836 0 1.2012-1.1541 1.1895-1.5879 1.1895h-1.3809v-2.373zm46.115 0.35938c-1.285-0.0063-2.3515 0.39305-3.084 1.123-0.68375 0.67875-1.0449 1.7012-1.0449 2.8125 0 1 0.33164 1.9827 0.93164 2.6289 0.695 0.75 1.7474 1.166 3.0449 1.166 1.28 0 2.347-0.38141 3.082-1.0664 0.7125-0.66375 1.0879-1.6715 1.0879-2.7715 0-1.075-0.41664-2.2209-1.0879-2.8672-0.31375-0.29625-1.2284-1.0091-2.9297-1.0254zm8.0234 0.0078c-1.0725 0-1.899 0.29297-2.459 0.82422-0.4375 0.42625-0.68946 1.0724-0.68946 1.6387 0 1.4512 1.2388 1.8531 1.9062 2.0469 0.64125 0.18875 1.2273 0.28367 1.4785 0.32617 0.27875 0.04 0.80078 0.10984 0.80078 0.52734 0 0.37125-0.425 0.53711-0.84375 0.53711-0.38375 0-0.76617-0.07844-1.1699-0.24219-0.52125-0.22125-0.85868-0.5043-1.1074-0.74805-0.11626 0.10625-1.3243 1.217-1.4668 1.3457 0.59125 0.4775 1.7784 1.4648 3.7734 1.4648 2.28 0 3.3008-1.2922 3.3008-2.6484 0-0.77625-0.37961-1.4452-1.0684-1.8164-0.33625-0.175-0.63649-0.24305-1.8965-0.5293l-0.0547-0.01367c-0.94-0.2325-1.166-0.28062-1.166-0.57812 0-0.1775 0.0913-0.4707 0.70508-0.4707 0.755 0 1.4307 0.41023 1.9082 0.70898 0.095-0.08625 1.2776-1.1663 1.4238-1.2988-0.34375-0.25875-0.88-0.66781-1.7812-0.88281-0.555-0.12875-1.0788-0.19141-1.5938-0.19141zm7.5059 0c-1.075 0-1.9022 0.29297-2.4609 0.82422-0.4375 0.42625-0.6875 1.0724-0.6875 1.6387 0 1.4512 1.2393 1.8531 1.9043 2.0469 0.64125 0.18875 1.2273 0.28367 1.4785 0.32617 0.28 0.04 0.79688 0.10984 0.79688 0.52734 0 0.37125-0.41984 0.53711-0.83985 0.53711-0.38249 0-0.76617-0.07844-1.1699-0.24219-0.52-0.22125-0.85812-0.5043-1.1094-0.74805-0.11625 0.10625-1.3224 1.217-1.4648 1.3457 0.59125 0.4775 1.7765 1.4648 3.7715 1.4648 2.2812 0 3.3008-1.2922 3.3008-2.6484 0-0.77625-0.37891-1.4452-1.0664-1.8164-0.33625-0.175-0.63648-0.24305-1.8965-0.5293l-0.0566-0.01367c-0.94-0.2325-1.1641-0.28062-1.1641-0.57812 0-0.1775 0.0933-0.4707 0.70703-0.4707 0.75375 0 1.4262 0.41023 1.9062 0.70898 0.0937-0.08625 1.2783-1.1663 1.4258-1.2988-0.345-0.25875-0.8832-0.66781-1.7832-0.88281-0.55625-0.12875-1.0768-0.19141-1.5918-0.19141zm-51.498 0.0078c-2.295 0-3.8379 1.5979-3.8379 3.8379 0 1.0138 0.33812 1.9445 0.95312 2.627 0.69375 0.76375 1.6947 1.2637 2.8984 1.2637 1.6112 0 2.8606-0.77305 3.7031-1.998-0.19375-0.08-2.028-0.84234-2.168-0.90234-0.30625 0.66125-0.78156 0.98438-1.3828 0.98438-0.2575 0-0.62633-0.06312-0.92383-0.35938-0.3425-0.3425-0.3593-0.70219-0.37305-1.0234l-0.0039-0.10742h4.998c-0.025-1.07-0.06734-2.2139-1.0586-3.1914-0.8825-0.8575-2.0122-1.1309-2.8047-1.1309zm31.332 0.13672c-0.98875 0.0063-1.5842 0.1857-2.3242 0.8457l-0.16015 0.14258v-0.87695h-2.541v7.2031h2.6387v-3.3809-0.0059c0.0138-0.45 0.0479-1.6504 1.8066-1.6504 0.1625 0 0.42258 0.01023 0.58008 0.02148v-2.2988zm-31.264 1.5762c0.4225 0 0.91008 0.24844 1.0488 0.80469 0.01875 0.08 0.02305 0.10984 0.0293 0.18359l0.02344 0.2168h-2.2969l0.02539-0.125c0.06875-0.30875 0.24367-1.0801 1.1699-1.0801zm35.816 0.17578c0.38125-0.01125 0.69414 0.09742 0.93164 0.32617 0.32625 0.3175 0.49219 0.8525 0.49219 1.5938 0 1.6662-0.76696 2.0156-1.4082 2.0156-1.2362 0-1.4219-1.2445-1.4219-1.9883 0-0.7125 0.1825-1.9148 1.4062-1.9473zm-27.467 0.125c0.37375 0 0.88344 0.23578 1.0859 0.89453 0.09625 0.2875 0.11523 0.57773 0.11523 0.92773 0 0.3725-0.0011 1.0603-0.40234 1.4766-0.22125 0.21875-0.50766 0.3457-0.78516 0.3457-0.30375 0-0.59156-0.12274-0.78906-0.33398-0.276-0.31-0.415-0.793-0.415-1.477 0-0.32625 0.02648-0.60078 0.08398-0.86328v-0.002l0.002-0.002c0.25-0.89625 0.91648-0.96875 1.1152-0.96875z" transform="matrix(.8 0 0 -.8 25.411 1026.1)" fill="#6d6e70"/></g></g></svg>
diff --git a/src/assets/img/brands/aspca.svg b/src/assets/img/brands/aspca.svg
new file mode 100644
index 0000000..78836ec
--- /dev/null
+++ b/src/assets/img/brands/aspca.svg
@@ -0,0 +1,23 @@
+<svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="115"
+ height="31"
+ fill="none"
+ viewBox="0 0 115 31">
+ <g
+ fillRule="evenodd"
+ stroke="none"
+ transform="matrix(1.25 0 0 -1.25 -243.599 932.946)"
+ >
+ <path
+ fill="currentColor"
+ d="M277.756 745.726h-4.764l-2.948-7.345c-1.284 3.582-5.13 7.976-11.63 7.976-3.785 0-6.827-1.49-8.956-3.714.818-1.422 1.22-3.064 1.22-4.715-.018-2.651-1.04-5.36-2.822-6.913l-.003-.001v-.003a9.162 9.162 0 00-1.166-.861c1.595-4.677 5.953-8.343 11.791-8.343 1.933 0 3.764.432 5.4 1.207l-.379-.944h6.486l1.25 3.423h8.215l1.15-3.423h6.553l-9.397 23.656zm-13.65-14.62c-.385-.831-1.919-3.994-5.692-3.994-3.93 0-6.36 3.453-6.36 7.03 0 3.36 2.27 6.909 6.328 6.909 3.263 0 5.051-2.365 5.723-4.124h5.356l-2.336-5.82h-3.02zm8.79-.818l2.431 8.085h.095l2.433-8.085h-4.959zm-49.015 11.016c1.852 0 2.042-1.503 2.173-2.3H231v3.914a7.295 7.295 0 01-.534.753c-1.536 1.82-4.06 2.686-6.395 2.686-3.964 0-8.278-2.527-8.278-6.968 0-4.444 4.122-6.11 5.786-6.78 3.643-1.534 4.633-1.918 4.633-3.485 0-1.085-.862-2.27-2.299-2.27-.767 0-2.46.48-2.46 3.229h-6.014v-.04l-6.303 15.865h-4.765l-9.492-23.656h6.49l1.245 3.418h8.216l1.151-3.418h6.554l-.538 1.354c1.31-1.066 3.222-1.8 5.98-1.8 3.634 0 5.822 1.284 7.023 3.03v8.039c-.842 1.049-2.195 2.013-4.308 2.962-4.25 1.92-4.889 2.21-4.889 3.614 0 1.118 1.024 1.853 2.078 1.853m-19.603-10.837l2.428 8.09h.097l2.43-8.09h-4.955z">
+
+ </path>
+ <path
+ fill="currentColor"
+ d="M231.91 745.941h7.758c4.39 0 6.025-.672 7.31-1.731 1.858-1.537 2.791-3.877 2.791-6.282 0-2.404-.998-4.938-2.504-6.222-1.635-1.378-3.238-2.05-6.926-2.05h-2.628v-7.441h-5.802v23.726zm5.801-10.963h2.47c1.152 0 3.782 0 3.782 2.853 0 2.789-2.693 2.789-4.009 2.789h-2.243v-5.642z">
+
+ </path>
+ </g>
+</svg> \ No newline at end of file
diff --git a/src/assets/img/brands/feeding-america.svg b/src/assets/img/brands/feeding-america.svg
new file mode 100644
index 0000000..f44c897
--- /dev/null
+++ b/src/assets/img/brands/feeding-america.svg
@@ -0,0 +1,136 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="101.21249"
+ height="59.281597"
+ id="svg4024"
+ sodipodi:version="0.32"
+ inkscape:version="0.46"
+ version="1.0"
+ sodipodi:docname="Feeding America logo.svg"
+ inkscape:output_extension="org.inkscape.output.svg.inkscape">
+ <defs
+ id="defs4026">
+ <inkscape:perspective
+ sodipodi:type="inkscape:persp3d"
+ inkscape:vp_x="0 : 526.18109 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_z="744.09448 : 526.18109 : 1"
+ inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+ id="perspective4032" />
+ <inkscape:perspective
+ id="perspective4041"
+ inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+ inkscape:vp_z="744.09448 : 526.18109 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_x="0 : 526.18109 : 1"
+ sodipodi:type="inkscape:persp3d" />
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ gridtolerance="10000"
+ guidetolerance="10"
+ objecttolerance="10"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="3.0296944"
+ inkscape:cx="50.606243"
+ inkscape:cy="29.640799"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1024"
+ inkscape:window-height="721"
+ inkscape:window-x="-4"
+ inkscape:window-y="-4" />
+ <metadata
+ id="metadata4029">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-367.97968,-528.58759)">
+ <path
+ transform="scale(1.0507223,0.9517263)"
+ style="font-size:261.21298218px;font-style:normal;font-weight:normal;text-align:start;line-height:125%;text-anchor:start;fill:#f8971c;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+ d="M 357.47192,581.2968 L 367.14024,581.2968 L 367.14024,583.83664 L 360.2653,583.83664 L 360.2653,586.53922 L 366.3237,586.53922 L 366.3237,589.07906 L 360.2653,589.07906 L 360.2653,593.99487 L 357.47192,593.99487 L 357.47192,581.2968 z M 370.30419,581.2968 L 379.88172,581.2968 L 379.88172,583.78238 L 373.07929,583.78238 L 373.07929,586.3582 L 379.06518,586.3582 L 379.06518,588.84323 L 373.07929,588.84323 L 373.07929,591.50984 L 379.9725,591.50984 L 379.9725,593.99487 L 370.30419,593.99487 L 370.30419,581.2968 z M 383.38446,581.2968 L 392.96199,581.2968 L 392.96199,583.78238 L 386.15957,583.78238 L 386.15957,586.3582 L 392.14545,586.3582 L 392.14545,588.84323 L 386.15957,588.84323 L 386.15957,591.50984 L 393.05277,591.50984 L 393.05277,593.99487 L 383.38446,593.99487 L 383.38446,581.2968 z M 401.10718,591.47331 C 401.67551,591.47331 402.19551,591.38261 402.66717,591.20122 C 403.13881,591.01983 403.5409,590.75983 403.87343,590.42122 C 404.20594,590.08262 404.46593,589.68358 404.65342,589.2241 C 404.84089,588.76463 404.93463,588.25072 404.93464,587.68237 L 404.93464,587.64584 C 404.93463,587.08968 404.84089,586.57577 404.65342,586.10411 C 404.46593,585.63246 404.20594,585.22734 403.87343,584.88872 C 403.5409,584.55012 403.13881,584.28708 402.66717,584.09959 C 402.19551,583.91212 401.67551,583.81838 401.10718,583.81837 L 398.94876,583.81837 L 398.94876,591.47331 L 401.10718,591.47331 z M 396.15538,581.2968 L 401.10718,581.2968 C 402.09882,581.29681 403.00881,581.45707 403.83717,581.77759 C 404.6655,582.09812 405.37898,582.54256 405.97759,583.11089 C 406.57619,583.67924 407.0388,584.34742 407.36542,585.11541 C 407.69203,585.88342 407.85533,586.7149 407.85535,587.60985 L 407.85535,587.64584 C 407.85533,588.5408 407.69203,589.37523 407.36542,590.14914 C 407.0388,590.92305 406.57619,591.59427 405.97759,592.16279 C 405.37898,592.73132 404.6655,593.1788 403.83717,593.50523 C 403.00881,593.83166 402.09882,593.99487 401.10718,593.99487 L 396.15538,593.99487 L 396.15538,581.2968 z M 410.45387,581.2968 L 413.24725,581.2968 L 413.24725,597.92235 L 410.45387,597.92235 L 410.45387,581.2968 z M 416.73028,581.2968 L 419.30609,581.2968 L 424.32741,589.11504 L 424.32741,581.2968 L 426.93014,581.2968 L 426.93014,593.99487 L 424.39949,593.99487 L 419.48712,585.92253 L 419.48712,593.99487 L 416.73028,593.99487 L 416.73028,581.2968 z"
+ id="text4047"
+ sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccsssccsssccccccsssccsssccccccccccccccccccc" />
+ <path
+ style="font-size:261.21298218px;font-style:normal;font-weight:normal;text-align:start;line-height:125%;text-anchor:start;fill:#f8971c;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+ d="M 457.86788,565.5276 C 456.90816,565.5276 456.03336,565.36871 455.24348,565.0509 C 454.45359,564.73311 453.77478,564.29162 453.20706,563.72646 C 452.63934,563.16129 452.19753,562.49022 451.8816,561.71323 C 451.56568,560.93626 451.40773,560.0886 451.40773,559.17024 L 451.40773,559.13467 C 451.40773,558.25189 451.56862,557.42488 451.89044,556.65365 C 452.21225,555.88243 452.65988,555.20543 453.23332,554.62265 C 453.80675,554.03989 454.48555,553.58071 455.26974,553.24512 C 456.05389,552.90954 456.91423,552.74175 457.85074,552.74175 C 458.40077,552.74175 458.90108,552.78003 459.35166,552.85653 C 459.80222,552.93309 460.22057,553.04204 460.60668,553.18341 C 460.99276,553.3248 461.35556,553.5014 461.69506,553.71319 C 462.03454,553.925 462.36234,554.16637 462.67845,554.43725 L 460.97527,556.50357 C 460.74132,556.30344 460.50728,556.12684 460.27316,555.97377 C 460.03903,555.82073 459.79616,555.6912 459.54454,555.5852 C 459.2929,555.47922 459.02082,555.39676 458.72831,555.33783 C 458.43578,555.27891 458.11396,555.24945 457.76287,555.24944 C 457.27104,555.24945 456.81154,555.35248 456.38437,555.55852 C 455.95719,555.76459 455.5827,556.04124 455.26089,556.3885 C 454.93907,556.73576 454.68745,557.14194 454.506,557.60704 C 454.32456,558.07216 454.23384,558.56969 454.23384,559.09964 L 454.23384,559.13467 C 454.23384,559.69985 454.32456,560.22081 454.506,560.6976 C 454.68745,561.17439 454.94497,561.58937 455.27857,561.94255 C 455.61216,562.29574 456.00425,562.56952 456.45483,562.76391 C 456.9054,562.95829 457.4057,563.05548 457.95575,563.05548 C 458.96225,563.05548 459.81089,562.8081 460.50166,562.31336 L 460.50166,560.54777 L 457.78002,560.54777 L 457.78002,558.19853 L 463.11723,558.19853 L 463.11723,563.56746 C 462.48502,564.10892 461.733,564.57097 460.86116,564.95363 C 459.9893,565.33627 458.99154,565.5276 457.86788,565.5276 L 457.86788,565.5276 z"
+ id="path4052"
+ sodipodi:nodetypes="csssccsssssssccsssssssccssssccccccscc" />
+ <path
+ style="font-size:254.69830322px;font-style:normal;font-weight:normal;text-align:start;line-height:125%;text-anchor:start;fill:#4e6e17;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"
+ d="M 380.91722,576.13931 L 379.27253,572.2029 L 377.62729,576.13931 L 380.91722,576.13931 z M 378.05209,568.9947 L 380.56367,568.9947 L 385.86967,581.22045 L 383.02235,581.22045 L 381.8899,578.49756 L 376.65461,578.49756 L 375.5227,581.22045 L 372.74555,581.22045 L 378.05209,568.9947 z M 388.09471,569.08097 L 391.03055,569.08097 L 394.28486,574.2145 L 397.53971,569.08097 L 400.47556,569.08097 L 400.47556,581.22045 L 397.76966,581.22045 L 397.76966,573.29523 L 394.28486,578.48063 L 394.21415,578.48063 L 390.76498,573.34709 L 390.76498,581.22045 L 388.09471,581.22045 L 388.09471,569.08097 z M 404.4259,569.08097 L 413.76456,569.08097 L 413.76456,571.45721 L 407.1318,571.45721 L 407.1318,573.91972 L 412.96839,573.91972 L 412.96839,576.29544 L 407.1318,576.29544 L 407.1318,578.84474 L 413.85309,578.84474 L 413.85309,581.22045 L 404.4259,581.22045 L 404.4259,569.08097 z M 422.69044,574.97765 C 423.36227,574.97766 423.87803,574.82154 424.23771,574.50928 C 424.59737,574.19704 424.7772,573.78072 424.77721,573.2603 L 424.77721,573.22589 C 424.7772,572.64799 424.58855,572.21446 424.21126,571.92531 C 423.83395,571.63619 423.30919,571.49162 422.637,571.49161 L 420.32264,571.49161 L 420.32264,574.97765 L 422.69044,574.97765 z M 417.59893,569.08097 L 423.25848,569.08097 C 424.82671,569.08098 426.02951,569.49149 426.86689,570.31249 C 427.57434,571.00613 427.92808,571.93105 427.92809,573.08724 L 427.92809,573.12164 C 427.92808,574.1046 427.68338,574.90533 427.19399,575.52381 C 426.70458,576.14232 425.75222,576.59604 424.96236,576.885 L 428.29945,581.22045 L 424.80312,581.22045 L 422.15012,577.33591 L 422.1145,577.33591 L 420.32264,577.33591 L 420.32264,581.22045 L 417.59893,581.22045 L 417.59893,569.08097 z M 431.26717,569.04774 L 434.20217,569.04774 L 434.20217,581.22045 L 431.26717,581.22045 L 431.26717,569.04774 z M 443.8593,581.42844 C 442.95139,581.42844 442.10835,581.26658 441.33018,580.94287 C 440.552,580.61916 439.87988,580.17699 439.31384,579.61636 C 438.7478,579.05573 438.30563,578.39384 437.98734,577.63068 C 437.66905,576.86754 437.50991,576.05252 437.50991,575.18564 L 437.50991,575.15071 C 437.50991,574.28383 437.66905,573.47173 437.98734,572.7144 C 438.30563,571.95708 438.7478,571.29227 439.31384,570.72 C 439.87988,570.14773 440.55793,569.69682 441.34799,569.36728 C 442.13804,569.03776 443.01058,568.87299 443.96563,568.87298 C 444.54355,568.87299 445.07127,568.91921 445.5488,569.01164 C 446.02631,569.10408 446.45966,569.23128 446.84885,569.39321 C 447.23801,569.55517 447.59769,569.75178 447.92786,569.98304 C 448.25801,570.21432 448.75215,570.71391 449.03501,570.99121 L 447.30179,572.95095 C 446.81814,572.52299 446.13813,571.94235 445.63705,571.6996 C 445.13595,571.45686 444.57287,571.33549 443.94782,571.33548 C 443.42891,571.33549 442.94842,571.43375 442.50635,571.63027 C 442.06427,571.8268 441.68399,572.09847 441.36553,572.44528 C 441.04706,572.79212 440.79939,573.19389 440.62253,573.6506 C 440.44566,574.10734 440.35723,574.5959 440.35723,575.1163 L 440.35723,575.15071 C 440.5569,577.27974 441.93876,578.45356 443.94782,578.78196 C 445.56795,578.82554 446.36473,578.0724 447.39031,576.99198 L 449.12353,578.7088 C 448.02721,579.87482 447.01726,580.82401 445.48699,581.28106 C 445.00352,581.37931 444.46096,581.42844 443.8593,581.42844 L 443.8593,581.42844 z M 459.72761,576.13931 L 457.83273,571.82763 L 455.93731,576.13931 L 459.72761,576.13931 z M 456.36211,568.9947 L 459.31151,568.9947 L 464.99278,581.22045 L 462.02037,581.22045 L 460.63774,578.49756 L 454.96463,578.49756 L 453.83272,581.22045 L 451.05558,581.22045 L 456.36211,568.9947 z"
+ id="text4054"
+ sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccsccsccccccsccscccccccccccccccsssccsssssssccsssssccccccccccccccccccccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 433.06517,552.00452 C 435.04682,552.05291 436.47935,551.02553 436.52134,548.4877 C 434.56286,548.40889 432.36408,548.69614 433.06517,552.00452 z"
+ id="path4572"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 432.90756,548.49216 C 434.88921,548.54055 436.32174,547.51317 436.36373,544.97534 C 434.40525,544.89653 432.20647,545.18378 432.90756,548.49216 z"
+ id="path4574"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 432.84576,544.77809 C 434.82627,544.69546 436.1878,543.57568 436.06203,541.04062 C 434.10262,541.09137 431.92763,541.52326 432.84576,544.77809 z"
+ id="path4576"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 433.00731,541.09759 C 434.98069,540.9104 436.28113,539.72023 436.02156,537.19536 C 434.06757,537.3496 431.91844,537.89583 433.00731,541.09759 z"
+ id="path4578"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 432.14392,552.00452 C 430.16227,552.05291 428.72974,551.02553 428.68775,548.4877 C 430.64623,548.40889 432.84501,548.69614 432.14392,552.00452 z"
+ id="path4588"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 432.30153,548.49216 C 430.31988,548.54055 428.88735,547.51317 428.84536,544.97534 C 430.80384,544.89653 433.00262,545.18378 432.30153,548.49216 z"
+ id="path4590"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 432.36333,544.77809 C 430.38282,544.69546 429.02129,543.57568 429.14706,541.04062 C 431.10647,541.09137 433.28146,541.52326 432.36333,544.77809 z"
+ id="path4592"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 432.20178,541.09759 C 430.2284,540.9104 428.92796,539.72023 429.18753,537.19536 C 431.14152,537.3496 433.29065,537.89583 432.20178,541.09759 z"
+ id="path4594"
+ sodipodi:nodetypes="ccc" />
+ <path
+ style="fill:#f8971c;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 432.7261,538.0866 C 434.49363,537.17211 434.37633,534.94149 432.57014,533.15823 C 430.85724,534.52006 430.63768,536.73293 432.7261,538.0866 z"
+ id="path4596"
+ sodipodi:nodetypes="ccc" />
+ </g>
+</svg>
diff --git a/src/assets/img/brands/habitat-for-hummanity.svg b/src/assets/img/brands/habitat-for-hummanity.svg
new file mode 100644
index 0000000..451f612
--- /dev/null
+++ b/src/assets/img/brands/habitat-for-hummanity.svg
@@ -0,0 +1,276 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://web.resource.org/cc/"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="205"
+ height="70"
+ id="svg10388"
+ sodipodi:version="0.32"
+ inkscape:version="0.44"
+ version="1.0"
+ sodipodi:docbase="C:\"
+ sodipodi:docname="habitat for humanity.svg">
+ <defs
+ id="defs10390">
+ <clipPath
+ clip-rule="nonzero"
+ id="clp5">
+<path
+ id="path39"
+ d="M 0,81.647 L 0,0 L 243.64,0 L 243.64,81.647" />
+
+</clipPath>
+ <clipPath
+ clip-rule="nonzero"
+ id="clp4">
+<path
+ id="path26"
+ d="M -77.29,-36.553 L -77.29,18.404 L 86.705,18.404 L 86.705,-36.553 L -77.29,-36.553 z " />
+
+</clipPath>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ gridtolerance="10000"
+ guidetolerance="10"
+ objecttolerance="10"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="2.8"
+ inkscape:cx="116.99544"
+ inkscape:cy="21.467017"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ width="205px"
+ height="70px"
+ inkscape:window-width="853"
+ inkscape:window-height="573"
+ inkscape:window-x="0"
+ inkscape:window-y="0" />
+ <metadata
+ id="metadata10393">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-166.0189,-427.524)">
+ <g
+ class="ps00"
+ id="q6"
+ style="fill:none;stroke:none"
+ transform="matrix(1.215841,0,0,-1.215841,103.3259,1321.104)">
+<g
+ transform="matrix(1,0,0,-1,131.3203,696.9271)"
+ id="xfrm7">
+<clipPath
+ clip-rule="nonzero"
+ id="clipPath10402">
+<path
+ id="path10404"
+ d="M -77.29,-36.553 L -77.29,18.404 L 86.705,18.404 L 86.705,-36.553 L -77.29,-36.553 z " />
+
+</clipPath>
+
+<g
+ id="g28"
+ clip-path="url(#clp4)">
+<g
+ transform="matrix(0.6731,0,0,-0.6731,-77.28986,18.40364)"
+ id="xfrm8">
+<path
+ id="path31"
+ class="ps01"
+ d="M 30.406,46.827 C 30.231,49.231 32.039,51.324 34.445,51.499 C 36.852,51.673 38.944,49.864 39.119,47.457 C 39.294,45.051 37.484,42.96 35.078,42.785 C 32.673,42.612 30.581,44.418 30.406,46.827"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path33"
+ class="ps01"
+ d="M 81.672,46.827 C 81.847,49.231 80.037,51.324 77.632,51.499 C 75.224,51.673 73.133,49.864 72.959,47.457 C 72.784,45.051 74.594,42.96 76.998,42.785 C 79.404,42.612 81.498,44.418 81.672,46.827"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path35"
+ class="ps01"
+ d="M 96.063,39.977 C 95.55,41.872 92.935,42.16 90.629,41.56 C 88.809,41.085 82.476,39.328 76.854,39.736 C 72.814,40.028 68.865,43.389 66.408,45.689 C 68.849,48.503 71.998,51.522 72.72,52.368 C 73.764,53.585 73.937,55.497 73.068,56.366 C 72.2,57.234 70.635,56.71 69.07,55.668 C 67.509,54.626 61.599,48.676 55.962,48.676 C 50.327,48.676 44.224,54.626 42.659,55.668 C 41.095,56.71 38.834,56.537 37.965,55.668 C 37.097,54.799 37.967,53.585 39.011,52.368 C 39.75,51.504 43.017,48.373 45.477,45.509 C 43.009,43.218 39.159,40.02 35.224,39.736 C 29.602,39.328 23.268,41.085 21.449,41.56 C 19.143,42.16 16.528,41.872 16.014,39.977 C 15.692,38.793 16.697,37.489 18.047,36.608 C 19.39,35.732 26.355,34.378 28.314,31.382 C 30.272,28.388 30.571,5.2197 32.396,4.4433 C 33.726,3.875 36.046,3.875 37.306,4.5166 C 39.074,5.4131 42.056,30.69 43.561,33.937 C 44.394,35.729 46.49,38.409 48.36,40.668 C 49.971,33.118 51.733,4.9951 53.431,4.4072 C 54.715,3.9638 57.271,3.9638 58.298,4.4072 C 59.973,5.1318 61.806,33.996 63.443,40.999 C 65.378,38.676 67.643,35.818 68.517,33.937 C 70.022,30.69 73.003,5.4131 74.77,4.5166 C 76.032,3.875 78.35,3.875 79.682,4.4433 C 81.504,5.2197 81.803,28.388 83.763,31.382 C 85.723,34.378 92.687,35.732 94.03,36.608 C 95.38,37.489 96.384,38.793 96.063,39.977"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<g
+ class="ps01"
+ id="q9"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none">
+<clipPath
+ clip-rule="nonzero"
+ id="clipPath10412">
+<path
+ id="path10414"
+ d="M 0,81.647 L 0,0 L 243.64,0 L 243.64,81.647" />
+
+</clipPath>
+
+<g
+ id="g41"
+ clip-path="url(#clp5)">
+<path
+ id="path43"
+ class="ps01"
+ d="M 51.67,56.097 C 51.67,58.511 53.626,60.464 56.04,60.464 C 58.449,60.464 60.407,58.511 60.407,56.097 C 60.407,53.685 58.449,51.729 56.04,51.729 C 53.626,51.729 51.67,53.685 51.67,56.097"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path45"
+ class="ps02"
+ d="M 96.935,55.789 C 99.058,52.42 94.612,51.156 91.217,51.932 C 88.373,52.58 60.483,67.493 56.301,67.877 C 52.133,68.257 27.045,52.833 24.28,51.353 C 20.218,49.181 16.63,49.388 12.879,51.333 C 11.641,51.979 2.0845,57.023 0,58.431 C 2.0845,60.378 31.09,77.793 34.467,79.485 C 38.351,81.434 40.666,82.456 44.936,80.861 C 47.897,79.752 96.055,57.182 96.935,55.789"
+ style="fill:#6db340;fill-rule:nonzero;stroke:none" />
+
+</g>
+
+</g>
+
+<path
+ id="path47"
+ class="ps02"
+ d="M 11.003,34.157 C 12.089,33.996 17.217,31.786 19.248,30.74 C 24.13,28.226 24.383,25.726 24.94,21.657 C 25.535,17.322 26.047,9.2451 26.132,6.1846 C 24.089,7.0605 16.09,13.755 14.181,15.405 C 12.701,16.688 11.046,17.603 11.049,19.59 C 11.052,20.349 10.703,32.291 11.003,34.157"
+ style="fill:#6db340;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path49"
+ class="ps01"
+ d="M 239.17,18.57 L 240.17,18.57 C 240.84,18.57 241.06,18.808 241.06,19.291 C 241.06,19.714 240.74,19.95 240.31,19.95 L 239.17,19.95 L 239.17,18.57 z M 239.17,16.194 L 238.55,16.194 L 238.55,20.464 L 240.18,20.464 C 241.18,20.464 241.67,20.061 241.67,19.251 C 241.67,18.481 241.17,18.157 240.56,18.077 L 241.79,16.194 L 241.11,16.194 L 239.95,18.058 L 239.17,18.058 L 239.17,16.194 z M 239.96,15.199 C 241.66,15.199 242.97,16.54 242.97,18.314 C 242.97,20.061 241.66,21.411 239.96,21.411 C 238.24,21.411 236.94,20.061 236.94,18.314 C 236.94,16.54 238.24,15.199 239.96,15.199 z M 239.96,21.962 C 241.97,21.962 243.64,20.386 243.64,18.314 C 243.64,16.223 241.97,14.646 239.96,14.646 C 237.96,14.646 236.27,16.223 236.27,18.314 C 236.27,20.386 237.96,21.962 239.96,21.962"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path51"
+ class="ps01"
+ d="M 116.32,57.872 C 116.14,55.726 116.1,53.23 116.1,50.558 L 116.1,45.52 C 117.06,45.475 118.02,45.432 119.43,45.432 C 120.83,45.432 121.79,45.475 122.75,45.52 L 122.75,50.558 C 122.75,53.23 122.71,55.726 122.54,57.872 L 130.82,57.872 C 130.38,53.361 130.38,49.68 130.38,42.234 C 130.38,34.788 130.38,31.106 130.82,26.595 L 122.54,26.595 C 122.71,28.739 122.75,31.24 122.75,33.91 L 122.75,40.305 C 121.79,40.35 120.83,40.393 119.43,40.393 C 118.02,40.393 117.06,40.35 116.1,40.305 L 116.1,33.91 C 116.1,31.24 116.14,28.739 116.32,26.595 L 108.04,26.595 C 108.47,31.106 108.47,34.788 108.47,42.234 C 108.47,49.68 108.47,53.361 108.04,57.872 L 116.32,57.872"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path53"
+ class="ps01"
+ d="M 144.13,37.985 C 141.38,37.284 139.66,35.575 139.66,33.385 C 139.66,31.851 140.63,30.669 142.03,30.669 C 142.95,30.669 143.87,31.24 144.13,31.633 L 144.13,37.985 z M 134.63,48.849 C 135.24,48.936 137.61,49.198 139.23,49.198 C 148.29,49.198 151.05,45.651 151.05,39.781 L 151.05,34.305 C 151.05,32.203 151.05,29.835 152.19,26.595 L 145.23,26.595 C 144.7,27.296 144.53,27.777 144.48,27.952 C 143.3,27.076 141.68,26.245 139.58,26.245 C 135.33,26.245 132.57,29.18 132.57,32.859 C 132.57,36.889 135.76,39.606 139.93,40.963 L 143.56,42.147 C 143.52,43.68 142.51,44.994 140.45,44.994 C 139.05,44.994 136.86,44.337 134.63,42.717 L 134.63,48.849"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path55"
+ class="ps01"
+ d="M 161.94,32.727 C 161.94,31.456 162.42,30.45 163.82,30.45 C 165.62,30.45 166.89,32.289 166.89,37.502 C 166.89,41.226 165.92,44.424 163.73,44.424 C 162.55,44.424 161.94,43.68 161.94,42.628 L 161.94,32.727 z M 161.94,57.872 L 161.94,47.973 C 163.03,48.629 164.61,49.198 166.19,49.198 C 170.35,49.198 174.25,46.133 174.25,38.16 C 174.25,31.982 170.88,26.07 164.66,26.07 C 162.99,26.07 161.06,26.638 159,28.259 L 156.55,26.157 L 154.45,27.428 C 154.84,30.23 154.84,33.209 154.84,36.365 L 154.84,48.936 C 154.84,50.558 154.84,52.354 154.4,57.872 L 161.94,57.872"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path57"
+ class="ps01"
+ d="M 184.13,48.672 C 184.04,46.397 184.04,43.066 184.04,38.336 C 184.04,32.377 184.04,29.397 184.44,26.595 L 176.55,26.595 C 176.94,29.397 176.94,32.377 176.94,35.532 L 176.94,39.737 C 176.94,42.892 176.94,45.869 176.55,48.672 L 184.13,48.672 z M 180.49,58.181 C 182.68,58.181 184.44,56.427 184.44,54.237 C 184.44,52.047 182.68,50.295 180.49,50.295 C 178.3,50.295 176.55,52.047 176.55,54.237 C 176.55,56.427 178.3,58.181 180.49,58.181"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path59"
+ class="ps01"
+ d="M 196.22,55.376 C 196.13,54.019 196.08,51.433 196.08,48.672 L 199.37,48.672 L 199.37,44.469 L 196.08,44.469 L 196.08,33.428 C 196.08,31.633 196.74,30.625 198.5,30.625 C 198.76,30.625 199.02,30.625 199.42,30.669 L 199.42,26.726 C 197.97,26.245 196.48,26.07 194.99,26.07 C 193.02,26.07 191.44,26.769 190.26,28.172 C 189.34,29.268 188.99,31.106 188.99,33.342 L 188.99,44.469 L 186.45,44.469 L 186.45,48.672 L 188.99,48.672 C 188.99,51.433 188.95,54.019 188.86,55.376 L 196.22,55.376"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path61"
+ class="ps01"
+ d="M 213.18,37.985 C 210.42,37.284 208.72,35.575 208.72,33.385 C 208.72,31.851 209.68,30.669 211.08,30.669 C 212,30.669 212.92,31.24 213.18,31.633 L 213.18,37.985 z M 203.68,48.849 C 204.29,48.936 206.66,49.198 208.28,49.198 C 217.35,49.198 220.11,45.651 220.11,39.781 L 220.11,34.305 C 220.11,32.203 220.11,29.835 221.24,26.595 L 214.28,26.595 C 213.75,27.296 213.58,27.777 213.54,27.952 C 212.35,27.076 210.73,26.245 208.63,26.245 C 204.38,26.245 201.62,29.18 201.62,32.859 C 201.62,36.889 204.82,39.606 208.98,40.963 L 212.62,42.147 C 212.57,43.68 211.56,44.994 209.5,44.994 C 208.1,44.994 205.91,44.337 203.68,42.717 L 203.68,48.849"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path63"
+ class="ps01"
+ d="M 231.96,55.376 C 231.88,54.019 231.83,51.433 231.83,48.672 L 235.12,48.672 L 235.12,44.469 L 231.83,44.469 L 231.83,33.428 C 231.83,31.633 232.49,30.625 234.24,30.625 C 234.51,30.625 234.77,30.625 235.16,30.669 L 235.16,26.726 C 233.72,26.245 232.23,26.07 230.74,26.07 C 228.77,26.07 227.19,26.769 226.01,28.172 C 225.09,29.268 224.74,31.106 224.74,33.342 L 224.74,44.469 L 222.19,44.469 L 222.19,48.672 L 224.74,48.672 C 224.74,51.433 224.69,54.019 224.6,55.376 L 231.96,55.376"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path65"
+ class="ps01"
+ d="M 115.17,18.984 C 115.07,19.057 114.76,19.223 114.24,19.223 C 113.25,19.223 112.77,18.464 112.77,17.655 C 112.77,17.183 112.91,16.706 113.01,16.468 L 114.79,16.468 L 114.79,14.191 L 112.98,14.191 L 112.98,9.3496 C 112.98,7.6416 112.98,6.0283 113.2,4.5097 L 108.92,4.5097 C 109.14,6.0283 109.14,7.6416 109.14,9.3496 L 109.14,14.191 L 107.83,14.191 L 107.83,16.468 L 109.14,16.468 L 109.14,17.395 C 109.14,18.796 109.38,19.743 110.49,20.67 C 111.44,21.429 112.63,21.69 113.67,21.69 C 114.24,21.69 114.86,21.595 115.17,21.476 L 115.17,18.984"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path67"
+ class="ps01"
+ d="M 119.23,10.489 C 119.23,7.6181 119.85,6.5967 120.56,6.5967 C 121.28,6.5967 121.89,7.6181 121.89,10.489 C 121.89,13.36 121.28,14.381 120.56,14.381 C 119.85,14.381 119.23,13.36 119.23,10.489 z M 126.11,10.489 C 126.11,6.4551 123.46,4.2246 120.56,4.2246 C 117.67,4.2246 115.01,6.4551 115.01,10.489 C 115.01,14.522 117.67,16.755 120.56,16.755 C 123.46,16.755 126.11,14.522 126.11,10.489"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path69"
+ class="ps01"
+ d="M 131.12,16.468 C 131.27,16.042 131.43,15.259 131.46,14.88 C 132.29,15.993 133.28,16.755 134.47,16.755 C 134.73,16.755 134.87,16.729 134.99,16.683 L 134.99,13.526 C 134.73,13.599 134.4,13.622 134.28,13.622 C 132.47,13.622 131.69,11.96 131.69,9.3496 C 131.69,7.6416 131.69,6.0283 131.91,4.5097 L 127.49,4.5097 C 127.71,6.0283 127.71,7.6416 127.71,9.3496 L 127.71,11.628 C 127.71,13.337 127.71,14.95 127.3,16.468 L 131.12,16.468"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path71"
+ class="ps01"
+ d="M 147.64,21.452 C 147.54,20.289 147.52,18.938 147.52,17.489 L 147.52,14.761 C 148.04,14.737 148.56,14.714 149.32,14.714 C 150.08,14.714 150.61,14.737 151.13,14.761 L 151.13,17.489 C 151.13,18.938 151.11,20.289 151.01,21.452 L 155.49,21.452 C 155.26,19.008 155.26,17.017 155.26,12.981 C 155.26,8.9482 155.26,6.9521 155.49,4.5097 L 151.01,4.5097 C 151.11,5.6728 151.13,7.0244 151.13,8.4717 L 151.13,11.936 C 150.61,11.96 150.08,11.985 149.32,11.985 C 148.56,11.985 148.04,11.96 147.52,11.936 L 147.52,8.4717 C 147.52,7.0244 147.54,5.6728 147.64,4.5097 L 143.16,4.5097 C 143.39,6.9521 143.39,8.9482 143.39,12.981 C 143.39,17.017 143.39,19.008 143.16,21.452 L 147.64,21.452"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path73"
+ class="ps01"
+ d="M 164.15,4.5097 C 163.99,4.8652 163.87,5.2666 163.8,5.5771 C 162.92,4.7217 162.02,4.2246 160.79,4.2246 C 158.77,4.2246 157.44,5.6963 157.44,7.9746 L 157.44,11.628 C 157.44,13.337 157.44,14.95 157.22,16.468 L 161.28,16.468 L 161.28,8.5185 C 161.28,7.5713 161.66,7.0244 162.35,7.0244 C 162.94,7.0244 163.56,7.4521 163.56,8.2822 L 163.56,11.628 C 163.56,13.337 163.56,14.95 163.35,16.468 L 167.62,16.468 C 167.4,14.95 167.4,13.337 167.4,11.628 L 167.4,9.3496 C 167.4,7.6416 167.4,6.0283 167.62,4.5097 L 164.15,4.5097"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path75"
+ class="ps01"
+ d="M 173.17,16.468 C 173.34,16.112 173.46,15.71 173.53,15.403 C 174.41,16.208 175.47,16.755 176.66,16.755 C 177.94,16.755 178.75,16.02 179.32,15.235 C 180.17,15.993 181.12,16.755 182.66,16.755 C 184.99,16.755 185.87,15.116 185.87,12.768 L 185.87,9.3496 C 185.87,7.6416 185.87,6.0283 186.08,4.5097 L 181.81,4.5097 C 182.02,6.0283 182.02,7.6416 182.02,9.3496 L 182.02,12.648 C 182.02,13.48 181.79,14.096 181.05,14.096 C 180.25,14.096 179.79,13.48 179.79,12.648 L 179.79,9.3496 C 179.79,7.6416 179.79,6.0283 180.01,4.5097 L 175.73,4.5097 C 175.95,6.0283 175.95,7.6416 175.95,9.3496 L 175.95,12.695 C 175.95,13.48 175.71,14.096 174.98,14.096 C 174.31,14.096 173.72,13.55 173.72,12.838 L 173.72,9.3496 C 173.72,7.6416 173.72,6.0283 173.93,4.5097 L 169.66,4.5097 C 169.87,6.0283 169.87,7.6416 169.87,9.3496 L 169.87,11.628 C 169.87,13.337 169.87,14.95 169.66,16.468 L 173.17,16.468"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path77"
+ class="ps01"
+ d="M 193.54,10.681 C 192.04,10.3 191.12,9.373 191.12,8.1865 C 191.12,7.3564 191.64,6.7158 192.4,6.7158 C 192.89,6.7158 193.4,7.0244 193.54,7.2392 L 193.54,10.681 z M 188.39,16.565 C 188.72,16.61 190,16.755 190.88,16.755 C 195.79,16.755 197.29,14.831 197.29,11.651 L 197.29,8.6865 C 197.29,7.5468 197.29,6.2636 197.9,4.5097 L 194.13,4.5097 C 193.85,4.8877 193.75,5.1494 193.73,5.2451 C 193.09,4.7695 192.21,4.3193 191.07,4.3193 C 188.77,4.3193 187.27,5.9111 187.27,7.9023 C 187.27,10.085 189,11.556 191.26,12.293 L 193.23,12.934 C 193.21,13.765 192.66,14.477 191.54,14.477 C 190.79,14.477 189.6,14.119 188.39,13.241 L 188.39,16.565"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path79"
+ class="ps01"
+ d="M 202.46,16.468 C 202.62,16.112 202.74,15.71 202.81,15.403 C 203.69,16.255 204.59,16.755 205.82,16.755 C 207.84,16.755 209.17,15.284 209.17,13.005 L 209.17,9.3496 C 209.17,7.6416 209.17,6.0283 209.38,4.5097 L 205.11,4.5097 C 205.33,6.0283 205.33,7.6416 205.33,9.3496 L 205.33,12.625 C 205.33,13.36 205.02,13.953 204.3,13.953 C 203.71,13.953 203.05,13.526 203.05,12.814 L 203.05,9.3496 C 203.05,7.6416 203.05,6.0283 203.26,4.5097 L 198.99,4.5097 C 199.2,6.0283 199.2,7.6416 199.2,9.3496 L 199.2,11.628 C 199.2,13.337 199.2,14.95 198.99,16.468 L 202.46,16.468"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path81"
+ class="ps01"
+ d="M 214.89,16.468 C 214.84,15.235 214.84,13.431 214.84,10.869 C 214.84,7.6416 214.84,6.0283 215.06,4.5097 L 210.79,4.5097 C 211,6.0283 211,7.6416 211,9.3496 L 211,11.628 C 211,13.337 211,14.95 210.79,16.468 L 214.89,16.468 z M 212.92,21.62 C 214.11,21.62 215.06,20.67 215.06,19.483 C 215.06,18.296 214.11,17.348 212.92,17.348 C 211.74,17.348 210.79,18.296 210.79,19.483 C 210.79,20.67 211.74,21.62 212.92,21.62"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path83"
+ class="ps01"
+ d="M 221.65,20.101 C 221.6,19.364 221.58,17.964 221.58,16.468 L 223.36,16.468 L 223.36,14.191 L 221.58,14.191 L 221.58,8.2119 C 221.58,7.2392 221.94,6.6924 222.88,6.6924 C 223.03,6.6924 223.17,6.6924 223.38,6.7158 L 223.38,4.5801 C 222.6,4.3193 221.79,4.2246 220.99,4.2246 C 219.92,4.2246 219.07,4.6035 218.43,5.3623 C 217.93,5.958 217.74,6.9521 217.74,8.1631 L 217.74,14.191 L 216.36,14.191 L 216.36,16.468 L 217.74,16.468 C 217.74,17.964 217.71,19.364 217.67,20.101 L 221.65,20.101"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+<path
+ id="path85"
+ class="ps01"
+ d="M 228.61,16.468 C 228.91,14.618 229.82,11.249 230.29,9.706 L 230.34,9.706 C 231,12.128 231.5,14.854 231.72,16.468 L 235.11,16.468 C 234.32,13.218 232.54,6.6201 231.03,3.5127 C 230.24,1.9228 229.06,0 225.8,0 C 225.47,0 224.98,0.02441 224.67,0.11911 L 224.67,3.1562 C 224.88,3.0371 225.4,2.8008 226,2.8008 C 227.23,2.8008 228.06,3.8213 228.06,4.6992 C 228.06,5.1494 227.97,5.4346 227.02,7.9492 C 225.73,11.319 224.76,14.88 224.5,16.468 L 228.61,16.468"
+ style="fill:#314d89;fill-rule:nonzero;stroke:none" />
+
+</g>
+
+</g>
+
+</g>
+
+</g>
+ </g>
+</svg>
diff --git a/src/assets/img/brands/volunteer-match.svg b/src/assets/img/brands/volunteer-match.svg
new file mode 100644
index 0000000..1b85371
--- /dev/null
+++ b/src/assets/img/brands/volunteer-match.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1340 280"><g fill="none" stroke-width="2"><path stroke="#bbe6a2" d="M139.48 158.1c-3.54-3.25-7.33-7.5-11.1-9.57-13.84-7.57-29.69 1.68-30.9 17.23-.55 7.09 3.08 12.33 8.38 17.67q18.41 18.55 36.85 37.22" vector-effect="non-scaling-stroke"/><path stroke="#44c499" d="M142.71 220.65q0-.03.01-.06" vector-effect="non-scaling-stroke"/><path stroke="#88ddf7" d="M142.71 220.65q18.4-18.35 36.59-36.6 4.79-4.8 6.33-7.55c10.47-18.66-11.42-38.73-29.54-27.23-3.29 2.09-6.5 5.92-9.82 8.82" vector-effect="non-scaling-stroke"/><path stroke="#fa9" d="M182.16 172.77c5.59-12.71-7.25-26.52-20.38-21.28-6.05 2.41-13.13 10.99-18.48 16.33q-.4.41-.82 0c-5.31-5.2-11.95-13.26-17.72-15.9-13.22-6.07-26.78 7.26-21.34 20.7q1.27 3.13 5.17 7.07 16.83 16.99 33.74 34.04a.56.55 44.6 0 0 .79 0q16.47-16.41 32.7-32.67 4.83-4.84 6.34-8.29" vector-effect="non-scaling-stroke"/></g><path fill="#7c4" d="M139.48 158.1c-3.54-3.25-7.33-7.5-11.1-9.57-13.84-7.57-29.69 1.68-30.9 17.23-.55 7.09 3.08 12.33 8.38 17.67q18.41 18.55 36.85 37.22 0-.03.01-.06c-8.77 8.96-18.46 19.84-27.92 26.06-40.48 26.61-95.1 3.62-104.91-43.62q-1.39-6.68-1.39-19.68V97.41c0-12.71 14.11-19.81 23.4-10.89 3.86 3.7 4.35 7.59 4.35 13.27v47.65c0 4.07 3.78 6.39 6.25 2.55q.25-.39.25-.86V53.16q0-7.24 1.37-10.49c4.93-11.73 22.29-10.63 25.9 1.65q.73 2.51.73 8.93-.01 40.2.01 80.4c0 5.45 6.48 5.09 6.48.5q.03-47.84-.01-95.69 0-6.51 1.38-9.71c4.69-10.82 20.22-10.78 25.16-.1q1.22 2.63 1.22 7.51l.02 97.3c0 5.55 6.73 5.42 6.73.52q.03-38.05 0-76.09 0-5.64 1.34-8.58c4.84-10.63 20.16-10.69 25.09-.03q1.31 2.82 1.31 8.27.05 50.16 0 100.55Z"/><path fill="#1be" d="M142.72 220.59q-.01.03-.01.06 18.4-18.35 36.59-36.6 4.79-4.8 6.33-7.55c10.47-18.66-11.42-38.73-29.54-27.23-3.29 2.09-6.5 5.92-9.82 8.82q-.04-50.48-.01-100.75.01-5.37 1.16-7.99c4.77-10.78 21.03-10.62 25.44.3q1.11 2.74 1.11 8.97.06 37.46.02 74.93c-.01 3.9 3.72 5.87 6.24 2.26a1.53 1.45-28.9 0 0 .27-.85V39.47q0-7.46 1.11-10.29c4.43-11.34 20.8-11.3 25.61-.2q1.25 2.88 1.26 10.33.04 47.4.02 94.79c0 4.99 6.49 4.53 6.49-.28q.02-43.16.01-86.32c0-13.7 20.38-18.09 26.38-5.54q1.35 2.82 1.35 8.44.04 48.28.02 96.57c-.01 6.37 6.73 6.21 6.74 1.09q.02-24.3 0-48.6 0-5.7 1.01-8.3c3.17-8.18 13.71-10.72 20.69-6.09 4.74 3.15 6.04 7.64 6.05 13.56q.02 41.31.01 82.61 0 13.93-1.06 19.95c-8.8 50.38-67.87 73.2-108.65 43.08-7.95-5.88-16.83-15.69-24.82-23.68Z"/><rect width="10.76" height="99" x="490.5" y="100.25" rx=".6"/><path d="M1276.48 139.76a.23.23 0 0 0 .41.14c16.1-21.89 50.12-13.85 50.3 15.67q.14 21.61.03 43.2a.48.48 0 0 1-.48.48h-9.72a.5.49 89.4 0 1-.49-.49q-.08-20.04-.07-40c.01-13.23-7.38-22.3-21.18-21.12-13.16 1.11-18.8 10.99-18.79 23.32q.02 18.91.01 37.78a.51.51 0 0 1-.51.51h-9.49q-.75 0-.75-.75V101q0-.75.75-.75h9.5q.51 0 .51.5l-.03 39.01ZM362.15 184.72l33.17-79.96a.42.42 0 0 1 .39-.26h10.93a.42.42 0 0 1 .39.58l-40.43 94.66a.42.42 0 0 1-.39.26h-9.17a.42.42 0 0 1-.39-.26l-40.43-94.66a.42.42 0 0 1 .39-.58h11.34a.42.42 0 0 1 .39.26l33.03 79.96a.42.42 0 0 0 .78 0ZM1029.77 123.76a.2.2 0 0 0-.36-.11l-33.42 49.14a.96.96 0 0 1-1.58 0l-33.35-48.9a.31.31 0 0 0-.57.18l.02 74.55q0 .63-.63.63h-9.38q-.5 0-.5-.5v-93.5a.75.75 0 0 1 .75-.75h9.72a.96.95-16.3 0 1 .8.43l33.69 50.34a.46.46 0 0 0 .76 0l33.62-50.26a1.16 1.14 16.6 0 1 .96-.51h9.7q.75 0 .75.75v93.25q0 .75-.75.75h-9.63q-.63 0-.63-.63l.03-74.86ZM688.24 138.5h-8.74a.5.5 0 0 1-.5-.5v-8.25a.5.5 0 0 1 .5-.5h8.75a.5.5 0 0 0 .5-.5v-20a.75.75 0 0 1 .75-.75h9.5q.5 0 .5.5v20.25a.5.5 0 0 0 .5.5h21q.75 0 .75.75v8a.5.5 0 0 1-.5.5h-21.24q-.51 0-.51.52-.03 20.38.11 40.72c.09 12.27 12.34 12.92 20.76 9.03q1.13-.52 1.13.73v7.5a.8.78 77.8 0 1-.45.72c-13.69 6.54-31.81 2.54-32.05-15.68q-.27-21.5-.28-43.06 0-.48-.48-.48ZM1142.24 138.5h-8.74a.5.5 0 0 1-.5-.5v-8.25a.5.5 0 0 1 .5-.5h8.75a.5.5 0 0 0 .5-.5v-20a.75.75 0 0 1 .75-.75h9.5q.5 0 .5.5v20.25a.5.5 0 0 0 .5.5h21q.75 0 .75.75v8a.5.5 0 0 1-.5.5h-21.24q-.51 0-.51.51-.03 20.39.1 40.73c.08 12.28 12.35 12.92 20.75 9.04q1.15-.53 1.15.73v7.52q0 .48-.44.69c-13.8 6.45-31.88 2.56-32.09-15.69q-.24-21.48-.25-43.04 0-.49-.48-.49ZM475.94 164.31a36.72 36.72 0 0 1-36.72 36.72 36.72 36.72 0 0 1-36.72-36.72 36.72 36.72 0 0 1 36.72-36.72 36.72 36.72 0 0 1 36.72 36.72Zm-34.777 27.06a27.17 25.69 85.9 0 0 23.681-28.937 27.17 25.69 85.9 0 0-27.567-25.263 27.17 25.69 85.9 0 0-23.681 28.937 27.17 25.69 85.9 0 0 27.567 25.263ZM614.44 139.99a.33.33 0 0 0 .61.19c12.33-18.6 42.22-16.78 48.88 5.91q1.34 4.57 1.33 13.08-.02 19.92-.01 39.72a.35.35 0 0 1-.35.35l-9.85.01q-.54 0-.54-.54-.01-21.25-.05-42.43c-.04-23.59-33.2-25.19-39.01-4.03q-.89 3.25-.92 10.2-.07 18.16-.01 36.27a.53.53 0 0 1-.53.53h-9.49q-.75 0-.75-.75v-68.62q0-.63.63-.63h9.51q.64 0 .64.64l-.09 10.1Z"/><path d="M756.06 199.68c-39.15-10.22-30.88-76.89 12.77-71.65 20.34 2.44 29.12 20.67 28.4 39.5a.75.75 0 0 1-.75.72h-54.21a.55.55 0 0 0-.55.62c3.29 24.33 30.18 29.86 45.93 13.25a.72.71-47.1 0 1 .99-.04l5.81 5.21q.39.35.04.73-15.99 17.51-38.43 11.66Zm-13.56-39.39 43.28-.08a.3.3 0 0 0 .3-.3v-.16a22.94 21.87 89.9 0 0-21.91-22.9h-.14a22.94 21.87 89.9 0 0-21.83 22.98v.16a.3.3 0 0 0 .3.3ZM810.47 173.02c-4.75-23.08 9.81-46.44 34.8-45.23 21.34 1.03 32.04 20.33 30.57 39.9q-.04.56-.6.56h-53.99q-.87 0-.75.87c3.54 24.31 30.41 29.5 46.06 12.87a.49.48-47.1 0 1 .68-.03l5.98 5.34q.31.27.05.59c-18.82 22.83-56.7 14.85-62.8-14.87Zm10.71-12.69 43.46-.16a.2.2 0 0 0 .2-.2v-.21a22.99 21.86 89.8 0 0-21.94-22.91h-.14a22.99 21.86 89.8 0 0-21.78 23.07v.21a.2.2 0 0 0 .2.2ZM1242.11 147.42c-17.43-20.23-47.48-7.98-45.66 18.57 1.73 25.3 29.9 33.63 46.42 15.23q.41-.46.87-.03l5.97 5.6q.41.38.05.81c-15.24 18.37-43.03 17.87-57.23-1.46-14.82-20.17-5.27-51.18 20.06-57.27q20.92-5.04 36.43 10.6a1.1 1.1 0 0 1 .02 1.53l-6.14 6.44a.53.53 0 0 1-.79-.02ZM904.03 145.75a.22.22 0 0 0 .41.11c5.85-10.84 14.96-18.33 27.56-17.86q.5.02.5.52V139a.52.52 0 0 1-.52.52c-20.95-.08-27.85 16.45-27.96 34.48q-.07 12.37 0 24.72a.53.53 0 0 1-.53.53H894q-.75 0-.75-.75V130q0-.75.75-.75h9.37q.61 0 .62.62l.04 15.88ZM1109.54 189.99c-11.03 13.11-36.48 15.72-47.15.3-6.04-8.75-4.01-21.72 4.24-28.11 10.7-8.26 29.89-7.28 42.89-3.47q.53.15.59-.4 1.03-9.42-4.53-15.01c-9.19-9.28-26.36-5.46-36.68-.65q-.58.28-.8-.33l-2.77-7.66q-.19-.52.31-.76c20.79-9.91 54.49-9.92 54.95 22.06q.31 21.37.11 42.85a.45.45 0 0 1-.45.44h-9.5a.5.5 0 0 1-.5-.5v-8.5a.4.4 0 0 0-.71-.26Zm-36.85-19.8c-5.4 6.6-3.18 15.27 3.91 19.38 9.47 5.51 24.53 2.44 30.78-6.7q4.54-6.64 2.8-15.6-.09-.45-.52-.57c-10.13-2.97-29.38-5.8-36.97 3.49ZM572.83 188.48a.27.27 0 0 0-.49-.15c-12.19 18.47-41.91 16.78-48.77-5.6q-1.31-4.28-1.32-11.71-.01-20.66 0-41.27a.51.5 0 0 1 .51-.5h9.47a.52.52 0 0 1 .52.52q-.02 17.32.03 34.59.03 10.73 1.54 14.96c6.1 17.15 30.92 14.7 36.95-1.31q1.42-3.79 1.45-11.35.08-18.45.01-36.88a.53.53 0 0 1 .53-.53h9.49q.75 0 .75.75v68.93a.31.31 0 0 1-.31.31l-9.83.01q-.65 0-.65-.65l.12-10.12Z"/><path fill="#fff" d="m139.48 158.1 2.94 3.13q.42.44.84 0l3.01-3.14c3.32-2.9 6.53-6.73 9.82-8.82 18.12-11.5 40.01 8.57 29.54 27.23q-1.54 2.75-6.33 7.55-18.19 18.25-36.59 36.6-18.44-18.67-36.85-37.22c-5.3-5.34-8.93-10.58-8.38-17.67 1.21-15.55 17.06-24.8 30.9-17.23 3.77 2.07 7.56 6.32 11.1 9.57Zm42.68 14.67c5.59-12.71-7.25-26.52-20.38-21.28-6.05 2.41-13.13 10.99-18.48 16.33q-.4.41-.82 0c-5.31-5.2-11.95-13.26-17.72-15.9-13.22-6.07-26.78 7.26-21.34 20.7q1.27 3.13 5.17 7.07 16.83 16.99 33.74 34.04a.56.55 44.6 0 0 .79 0q16.47-16.41 32.7-32.67 4.83-4.84 6.34-8.29Z"/><path fill="#f53" d="M161.78 151.49c13.13-5.24 25.97 8.57 20.38 21.28q-1.51 3.45-6.34 8.29-16.23 16.26-32.7 32.67a.56.55 44.6 0 1-.79 0q-16.91-17.05-33.74-34.04-3.9-3.94-5.17-7.07c-5.44-13.44 8.12-26.77 21.34-20.7 5.77 2.64 12.41 10.7 17.72 15.9q.42.41.82 0c5.35-5.34 12.43-13.92 18.48-16.33Z"/></svg> \ No newline at end of file
diff --git a/src/assets/img/hero.png b/src/assets/img/hero.png
new file mode 100644
index 0000000..0325e16
--- /dev/null
+++ b/src/assets/img/hero.png
Binary files differ
diff --git a/src/assets/img/logo.svg b/src/assets/img/logo.svg
new file mode 100644
index 0000000..fadc6d9
--- /dev/null
+++ b/src/assets/img/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="752" height="752" viewBox="0 0 752 752" version="1.1"><path d="M 362.167 290.750 C 358.412 294.500, 358.412 294.500, 361.956 291.503 C 363.905 289.854, 365.928 288.167, 366.450 287.753 C 366.972 287.339, 367.068 287, 366.661 287 C 366.255 287, 364.233 288.688, 362.167 290.750" stroke="none" fill="#7c5bfc" fill-rule="evenodd"/><path d="M 278.839 162.494 C 278.643 162.690, 274.886 163.097, 270.491 163.397 C 266.096 163.698, 259.125 164.568, 255 165.330 C 250.875 166.093, 245.250 167.336, 242.500 168.092 C 239.750 168.848, 237.275 169.699, 237 169.983 C 236.725 170.268, 235.825 170.575, 235 170.666 C 234.175 170.757, 231.925 171.432, 230 172.166 C 228.075 172.900, 226.169 173.950, 225.765 174.500 C 225.361 175.050, 225.024 175.131, 225.015 174.680 C 225.007 174.228, 221.740 175.578, 217.756 177.680 C 213.771 179.781, 209.956 182.020, 209.278 182.656 C 208.600 183.292, 206.684 184.415, 205.022 185.150 C 203.360 185.886, 202 186.828, 202 187.244 C 202 187.660, 201.531 188, 200.958 188 C 200.385 188, 199.227 188.563, 198.386 189.250 C 197.545 189.938, 195.989 191.287, 194.928 192.250 C 193.868 193.213, 192.600 194, 192.111 194 C 191.622 194, 189.978 195.559, 188.459 197.465 C 186.939 199.371, 185.398 200.746, 185.033 200.521 C 184.669 200.295, 182.600 202.172, 180.435 204.691 C 178.271 207.209, 174.813 211.102, 172.750 213.341 C 170.687 215.580, 169 218.069, 169 218.872 C 169 219.676, 168.720 220.053, 168.378 219.711 C 168.036 219.369, 166.012 221.657, 163.880 224.795 C 161.749 227.933, 160.004 230.815, 160.002 231.200 C 160.001 231.585, 158.627 233.935, 156.948 236.422 C 155.269 238.909, 153.730 241.806, 153.527 242.859 C 153.324 243.912, 152.706 245.612, 152.152 246.637 C 151.599 247.662, 150.817 249.400, 150.414 250.500 C 150.012 251.600, 149.754 252.838, 149.841 253.250 C 149.929 253.662, 149.586 254, 149.079 254 C 148.573 254, 147.864 255.343, 147.504 256.983 C 147.143 258.624, 146.959 260.087, 147.093 260.233 C 147.228 260.380, 146.753 261.592, 146.039 262.927 C 145.324 264.262, 144.096 268.087, 143.308 271.427 C 142.521 274.767, 141.706 278.850, 141.498 280.500 C 141.290 282.150, 140.792 285.300, 140.392 287.500 C 139.992 289.700, 139.644 297.350, 139.620 304.500 C 139.596 311.650, 139.867 319.525, 140.224 322 C 140.580 324.475, 141.160 328.525, 141.513 331 C 141.866 333.475, 142.646 337.300, 143.245 339.500 C 143.845 341.700, 144.494 344.400, 144.687 345.500 C 144.881 346.600, 145.753 349.020, 146.627 350.877 C 147.500 352.734, 148.357 354.984, 148.531 355.877 C 148.705 356.770, 148.938 357.613, 149.048 357.750 C 149.159 357.887, 149.319 358.337, 149.404 358.750 C 149.488 359.163, 151.936 364.337, 154.843 370.250 C 157.749 376.163, 160.481 381, 160.912 381 C 161.343 381, 162.508 382.800, 163.500 385 C 164.492 387.200, 165.641 389, 166.053 389 C 166.465 389, 167.666 390.462, 168.721 392.250 C 169.776 394.038, 173.083 398.146, 176.070 401.379 C 179.056 404.612, 184.478 410.237, 188.117 413.879 C 191.757 417.521, 195.582 421.079, 196.617 421.787 C 197.653 422.495, 197.825 422.748, 197 422.348 C 196.175 421.948, 202.475 428.615, 211 437.163 C 219.525 445.711, 226.792 452.658, 227.150 452.602 C 227.507 452.546, 227.929 452.950, 228.086 453.500 C 228.244 454.050, 231.287 457.302, 234.848 460.726 C 238.416 464.156, 242.936 467.470, 244.912 468.106 C 246.885 468.741, 248.986 469.644, 249.581 470.112 C 250.175 470.580, 252.875 471.084, 255.581 471.232 C 260.500 471.500, 260.500 471.500, 260.813 476 C 260.985 478.475, 261.548 480.927, 262.063 481.450 C 262.578 481.972, 263 483.403, 263 484.629 C 263 485.854, 263.654 487.511, 264.452 488.310 C 265.251 489.108, 265.626 490.040, 265.286 490.381 C 264.945 490.721, 265.192 491, 265.833 491 C 266.475 491, 267 491.418, 267 491.928 C 267 492.439, 269.943 495.814, 273.539 499.428 C 277.136 503.043, 280.704 506, 281.468 506 C 282.232 506, 283.460 506.603, 284.196 507.339 C 284.933 508.075, 286.877 509.001, 288.518 509.396 C 290.158 509.792, 293.359 510.196, 295.632 510.295 C 299.764 510.475, 299.764 510.475, 300.255 516.593 C 300.591 520.770, 301.631 524.264, 303.533 527.606 C 305.065 530.298, 308.835 535.080, 311.909 538.234 C 314.984 541.388, 317.881 543.976, 318.346 543.984 C 318.811 543.993, 320.386 544.816, 321.846 545.814 C 323.306 546.811, 326.300 548.158, 328.500 548.807 C 330.700 549.456, 333.962 549.852, 335.750 549.686 C 338.634 549.419, 339.008 549.674, 339.067 551.943 C 339.105 553.349, 339.330 556.075, 339.568 558 C 339.806 559.925, 340.788 563.063, 341.751 564.973 C 342.713 566.883, 343.950 569.052, 344.500 569.794 C 345.050 570.535, 348.200 573.982, 351.500 577.454 C 354.800 580.926, 359.399 584.721, 361.721 585.889 C 364.043 587.056, 367.868 588.292, 370.221 588.635 C 372.574 588.978, 375.175 589.258, 376 589.257 C 376.825 589.257, 379.119 589.016, 381.098 588.722 C 383.077 588.429, 386.902 587.191, 389.598 585.973 C 393.323 584.289, 399.606 578.612, 415.774 562.322 C 427.475 550.532, 436.809 540.500, 436.518 540.029 C 436.226 539.557, 436.456 539.015, 437.029 538.824 C 437.601 538.633, 438.658 535.946, 439.377 532.853 C 440.096 529.760, 440.643 525.940, 440.592 524.364 C 440.505 521.666, 440.731 521.503, 444.500 521.552 C 446.700 521.581, 451.089 520.729, 454.254 519.658 C 458.531 518.211, 461.612 516.162, 466.254 511.676 C 469.689 508.356, 472.500 505.373, 472.500 505.046 C 472.500 504.720, 473.512 503.366, 474.750 502.038 C 475.988 500.710, 477.056 499.258, 477.125 498.811 C 477.194 498.365, 477.344 497.663, 477.459 497.250 C 477.574 496.837, 478.192 495.233, 478.834 493.685 C 479.475 492.137, 480 489.099, 480 486.935 C 480 484.771, 480.337 482.954, 480.750 482.897 C 481.163 482.840, 483.144 482.654, 485.153 482.484 C 487.162 482.314, 489.759 481.664, 490.923 481.041 C 492.088 480.418, 493.482 480.180, 494.021 480.513 C 494.559 480.846, 495 480.566, 495 479.892 C 495 479.218, 495.287 478.953, 495.637 479.304 C 495.988 479.654, 497.546 479.035, 499.100 477.929 C 500.654 476.822, 503.742 474.118, 505.963 471.920 C 508.183 469.721, 510 467.694, 510 467.413 C 510 467.133, 511.071 465.913, 512.380 464.702 C 513.689 463.491, 515.527 460.485, 516.463 458.022 C 517.400 455.559, 518.368 451.734, 518.614 449.522 C 518.860 447.310, 519.220 445.038, 519.414 444.473 C 519.608 443.907, 521.913 443.352, 524.537 443.238 C 527.160 443.123, 531.375 442.031, 533.903 440.811 C 536.432 439.591, 539.115 438.122, 539.867 437.546 C 540.618 436.971, 544.074 433.730, 547.545 430.346 C 551.017 426.961, 553.590 423.923, 553.262 423.596 C 552.935 423.268, 553.164 423, 553.771 423 C 554.378 423, 557.941 419.932, 561.687 416.183 C 565.434 412.433, 571.380 406.246, 574.900 402.433 C 578.420 398.620, 582.470 393.712, 583.900 391.528 C 585.330 389.343, 587.236 386.807, 588.135 385.893 C 589.034 384.978, 591.861 380.393, 594.418 375.703 C 596.975 371.013, 600.638 363.199, 602.558 358.338 C 604.478 353.477, 606.164 348.825, 606.304 348 C 606.444 347.175, 606.927 345.908, 607.379 345.183 C 607.831 344.459, 607.969 343.635, 607.685 343.352 C 607.402 343.069, 607.764 341.411, 608.490 339.668 C 609.215 337.926, 610.123 334.025, 610.506 331 C 610.890 327.975, 611.437 324.150, 611.722 322.500 C 612.008 320.850, 612.251 313.200, 612.262 305.500 C 612.274 297.800, 612.007 289.475, 611.668 287 C 611.330 284.525, 610.792 281.375, 610.472 280 C 610.153 278.625, 609.702 276.486, 609.471 275.247 C 609.239 274.008, 608.883 271.946, 608.680 270.665 C 608.478 269.384, 606.818 264.097, 604.992 258.918 C 603.166 253.738, 601.409 249.275, 601.086 249 C 600.764 248.725, 600.347 247.600, 600.160 246.500 C 599.973 245.400, 599.238 243.825, 598.528 243 C 597.818 242.175, 596.928 240.487, 596.551 239.250 C 596.174 238.012, 595.446 237, 594.933 237 C 594.420 237, 594.049 236.662, 594.108 236.250 C 594.168 235.838, 593.890 234.488, 593.492 233.250 C 593.093 232.012, 592.369 231, 591.883 231 C 591.398 231, 591 230.325, 591 229.500 C 591 228.675, 590.550 228, 590 228 C 589.450 228, 589 227.373, 589 226.607 C 589 225.841, 588.296 224.944, 587.437 224.614 C 586.577 224.284, 586.153 223.561, 586.496 223.007 C 586.838 222.453, 586.641 222, 586.059 222 C 585.477 222, 585 221.555, 585 221.011 C 585 220.468, 584.213 219.065, 583.250 217.894 C 582.288 216.723, 579.988 214.130, 578.140 212.133 C 576.292 210.135, 573.571 207.150, 572.095 205.500 C 570.618 203.850, 566.505 200.016, 562.955 196.980 C 559.405 193.944, 554.475 190.119, 552 188.480 C 549.525 186.841, 546.901 184.933, 546.169 184.241 C 545.438 183.548, 544.425 183.237, 543.919 183.550 C 543.414 183.862, 543 183.677, 543 183.137 C 543 182.598, 540.228 180.771, 536.840 179.078 C 533.452 177.385, 530.077 176, 529.340 176 C 528.603 176, 528 175.580, 528 175.067 C 528 174.554, 527.044 173.831, 525.876 173.461 C 524.708 173.090, 523.246 172.678, 522.626 172.544 C 522.007 172.411, 520.600 171.967, 519.500 171.557 C 518.400 171.148, 516.150 170.297, 514.500 169.668 C 512.850 169.038, 511.275 168.483, 511 168.434 C 510.725 168.385, 508.700 167.983, 506.500 167.541 C 504.300 167.099, 501.772 166.362, 500.881 165.903 C 499.991 165.445, 496.616 164.856, 493.381 164.594 C 490.147 164.333, 486.375 163.859, 485 163.541 C 483.625 163.223, 477.775 162.990, 472 163.022 C 466.225 163.054, 459.475 163.280, 457 163.525 C 454.525 163.769, 451.150 164.182, 449.500 164.443 C 447.850 164.704, 444.700 165.199, 442.500 165.544 C 440.300 165.889, 437.825 166.426, 437 166.739 C 436.175 167.052, 434.417 167.488, 433.094 167.709 C 431.770 167.930, 429.520 168.700, 428.094 169.421 C 426.667 170.143, 423.813 171.038, 421.750 171.412 C 419.688 171.785, 418 172.547, 418 173.104 C 418 173.662, 417.581 173.859, 417.069 173.543 C 416.557 173.226, 415.856 173.425, 415.510 173.984 C 415.165 174.543, 414.009 175, 412.941 175 C 411.873 175, 411 175.450, 411 176 C 411 176.550, 410.137 177, 409.083 177 C 408.029 177, 407.017 177.338, 406.833 177.750 C 406.650 178.162, 403.575 180.053, 400 181.951 C 396.425 183.848, 392.628 186.211, 391.561 187.201 C 390.495 188.190, 389.198 189, 388.679 189 C 388.159 189, 387.007 189.800, 386.117 190.778 C 385.228 191.756, 382.700 193.941, 380.500 195.633 C 378.300 197.325, 375.913 198.504, 375.194 198.253 C 374.476 198.002, 372.226 196.269, 370.194 194.403 C 368.163 192.537, 366.211 191.007, 365.859 191.005 C 365.506 191.002, 363.040 189.200, 360.377 187 C 357.715 184.800, 355.148 183, 354.673 183 C 354.198 183, 352.563 182.113, 351.041 181.030 C 349.520 179.946, 347.988 179.346, 347.637 179.696 C 347.287 180.047, 347 179.839, 347 179.234 C 347 178.629, 345.988 177.849, 344.750 177.499 C 343.512 177.149, 341.150 176.251, 339.500 175.503 C 337.850 174.755, 334.251 173.157, 331.503 171.951 C 328.755 170.745, 325.493 169.700, 324.254 169.629 C 323.015 169.558, 322.001 169.162, 322.001 168.750 C 322 168.338, 321.094 168, 319.987 168 C 318.880 168, 314.742 167.104, 310.791 166.009 C 306.786 164.899, 298.718 163.765, 292.554 163.444 C 286.474 163.128, 280.981 162.705, 280.348 162.504 C 279.714 162.303, 279.035 162.298, 278.839 162.494 M 271.182 179.089 C 270.257 179.412, 266.808 179.787, 263.519 179.922 C 260.229 180.056, 256.137 180.752, 254.425 181.467 C 252.714 182.182, 248.966 183.271, 246.097 183.886 C 243.228 184.501, 238.770 185.955, 236.190 187.116 C 233.611 188.278, 229.475 190.165, 227 191.311 C 224.525 192.456, 222.162 193.305, 221.750 193.197 C 221.338 193.089, 221 193.401, 221 193.892 C 221 194.382, 219.875 195.066, 218.500 195.411 C 217.125 195.756, 216 196.480, 216 197.019 C 216 197.559, 215.417 198, 214.703 198 C 213.990 198, 212.385 198.787, 211.136 199.750 C 209.886 200.713, 207.207 202.952, 205.182 204.727 C 203.157 206.502, 201.157 207.964, 200.738 207.977 C 200.318 207.990, 196.540 211.488, 192.342 215.750 C 188.144 220.012, 183.590 225.188, 182.222 227.250 C 180.854 229.313, 179.344 231, 178.867 231 C 178.390 231, 178 231.498, 178 232.106 C 178 232.714, 176.733 234.852, 175.185 236.856 C 173.637 238.860, 171.208 242.975, 169.786 246 C 168.364 249.025, 166.901 252.512, 166.533 253.750 C 166.166 254.988, 165.446 256, 164.933 256 C 164.420 256, 164 256.922, 164 258.050 C 164 259.177, 163.409 261.314, 162.687 262.800 C 161.965 264.285, 160.574 268.875, 159.595 273 C 158.617 277.125, 157.582 281.175, 157.295 282 C 157.009 282.825, 156.611 285.075, 156.410 287 C 156.210 288.925, 155.868 297.250, 155.652 305.500 C 155.435 313.750, 155.566 320.950, 155.943 321.500 C 156.319 322.050, 156.756 324.300, 156.912 326.499 C 157.068 328.698, 157.623 331.295, 158.144 332.270 C 158.666 333.244, 158.839 334.451, 158.530 334.952 C 158.221 335.452, 158.432 336.149, 159 336.500 C 159.568 336.851, 159.770 337.563, 159.449 338.082 C 159.129 338.601, 159.535 340.365, 160.351 342.003 C 161.168 343.640, 162.155 346.447, 162.544 348.240 C 162.933 350.033, 164.060 353.075, 165.050 355 C 166.039 356.925, 168.317 361.425, 170.111 365 C 171.905 368.575, 173.920 372.051, 174.589 372.723 C 175.257 373.396, 176.846 375.646, 178.120 377.723 C 179.394 379.801, 180.786 381.950, 181.214 382.500 C 181.641 383.050, 183.905 385.728, 186.245 388.451 C 188.585 391.173, 197.671 400.552, 206.435 409.293 C 222.371 425.184, 222.371 425.184, 224.818 420.369 C 226.452 417.155, 234.021 408.781, 247.577 395.194 C 263.501 379.232, 269.129 374.226, 273.634 372.017 C 278.733 369.517, 280.349 369.222, 287.996 369.395 C 295.807 369.572, 297.121 369.899, 302.056 372.897 C 305.050 374.716, 309.750 378.600, 312.500 381.529 C 315.250 384.458, 318.090 387.573, 318.810 388.450 C 319.531 389.327, 320.783 391.630, 321.592 393.566 C 322.401 395.503, 322.798 397.518, 322.473 398.044 C 322.148 398.570, 322.304 399, 322.821 399 C 323.337 399, 323.700 401.169, 323.626 403.821 C 323.494 408.642, 323.494 408.642, 327.997 408.744 C 330.474 408.801, 333.850 409.353, 335.500 409.973 C 337.150 410.592, 339.738 411.636, 341.250 412.293 C 342.762 412.950, 344 413.828, 344 414.244 C 344 414.660, 344.476 415, 345.058 415 C 345.640 415, 348.022 416.934, 350.353 419.298 C 352.683 421.661, 355.805 425.188, 357.290 427.136 C 358.775 429.083, 359.693 430.974, 359.329 431.338 C 358.965 431.702, 359.218 432, 359.892 432 C 360.566 432, 360.859 432.419, 360.543 432.931 C 360.226 433.443, 360.455 434.163, 361.052 434.532 C 361.648 434.901, 361.900 435.817, 361.612 436.569 C 361.323 437.321, 361.539 438.215, 362.092 438.557 C 362.644 438.898, 363.022 439.925, 362.933 440.839 C 362.843 441.752, 362.822 443.470, 362.885 444.656 C 362.982 446.481, 363.806 446.918, 368.250 447.501 C 371.137 447.880, 374.400 448.751, 375.500 449.437 C 376.600 450.123, 378.631 450.962, 380.013 451.301 C 381.396 451.641, 384.720 453.962, 387.402 456.460 C 390.084 458.957, 392.020 461, 391.706 461 C 391.392 461, 392.679 462.638, 394.567 464.640 C 396.455 466.642, 398 468.892, 398 469.640 C 398 470.388, 398.525 471, 399.167 471 C 399.808 471, 400.051 471.282, 399.707 471.627 C 399.362 471.972, 399.695 473.443, 400.446 474.896 C 401.197 476.349, 401.742 479.667, 401.656 482.270 C 401.505 486.864, 401.588 487.006, 404.500 487.159 C 406.150 487.246, 408.338 487.242, 409.361 487.151 C 410.385 487.059, 414.015 488.359, 417.428 490.039 C 421.228 491.910, 425.862 495.402, 429.382 499.047 C 432.543 502.321, 435.663 505.034, 436.315 505.077 C 436.967 505.119, 438.400 505.365, 439.500 505.624 C 440.600 505.883, 442.749 506.104, 444.275 506.114 C 445.801 506.124, 448.595 505.178, 450.483 504.011 C 452.371 502.844, 455.031 500.564, 456.393 498.945 C 457.756 497.325, 459.376 496, 459.994 496 C 460.612 496, 460.840 495.550, 460.500 495 C 460.160 494.450, 460.324 494, 460.863 494 C 461.403 494, 462.399 492.322, 463.076 490.270 C 463.753 488.219, 464.249 485.014, 464.179 483.149 C 464.104 481.157, 462.920 478.259, 461.310 476.128 C 459.803 474.133, 451.930 465.863, 443.815 457.750 C 435.700 449.638, 429.327 443, 429.653 443 C 429.978 443, 429.689 442.330, 429.009 441.511 C 428.329 440.692, 427.487 440.177, 427.137 440.365 C 426.787 440.554, 418.861 433.035, 409.525 423.657 C 400.189 414.278, 393.171 406.988, 393.930 407.457 C 394.865 408.034, 395.079 407.937, 394.595 407.155 C 394.203 406.520, 393.432 406, 392.882 406 C 392.333 406, 387.584 401.613, 382.330 396.250 C 377.075 390.887, 371.660 384.840, 370.295 382.811 C 368.416 380.016, 367.974 378.396, 368.472 376.130 C 368.833 374.484, 369.745 372.627, 370.498 372.002 C 371.251 371.377, 373.482 370.665, 375.457 370.420 C 379.003 369.981, 379.460 370.389, 413.002 403.988 C 431.678 422.694, 446.687 438, 446.357 438 C 446.026 438, 446.324 438.686, 447.020 439.524 C 447.716 440.362, 448.502 440.831, 448.768 440.565 C 449.034 440.300, 454.469 445.351, 460.846 451.791 C 467.223 458.231, 473.517 464.062, 474.833 464.749 C 476.149 465.437, 478.863 466.076, 480.863 466.170 C 482.863 466.265, 485.763 465.985, 487.308 465.548 C 488.852 465.111, 492.902 461.997, 496.308 458.627 C 500.183 454.792, 502.580 451.565, 502.714 450 C 502.832 448.625, 503.110 446.600, 503.331 445.500 C 503.552 444.400, 502.865 441.775, 501.803 439.666 C 500.742 437.557, 497.314 433.304, 494.187 430.216 C 491.059 427.127, 489.132 424.984, 489.905 425.454 C 490.860 426.036, 491.081 425.940, 490.595 425.155 C 490.203 424.520, 489.460 424, 488.943 424 C 488.427 424, 485.041 420.962, 481.418 417.250 C 477.795 413.538, 459.596 395.156, 440.976 376.403 C 407.351 342.536, 407.124 342.280, 407.473 338.526 C 407.666 336.448, 408.545 334.027, 409.425 333.146 C 410.340 332.231, 412.680 331.545, 414.889 331.545 C 418.652 331.545, 419.947 332.744, 465.150 378.058 C 491.218 404.190, 512.897 425.129, 514.628 425.846 C 516.321 426.547, 519.496 427.146, 521.682 427.176 C 523.868 427.206, 526.683 426.617, 527.938 425.866 C 529.192 425.114, 532.644 422.078, 535.609 419.119 C 538.574 416.159, 541 412.923, 541 411.928 C 541 410.932, 541.388 409.878, 541.863 409.585 C 542.337 409.292, 542.604 407.524, 542.456 405.657 C 542.308 403.790, 541.514 400.965, 540.691 399.381 C 539.868 397.796, 511.043 368.287, 476.634 333.805 C 442.226 299.322, 413.263 270.676, 412.272 270.146 C 411.056 269.495, 409.493 269.594, 407.457 270.450 C 405.799 271.147, 389.111 286.968, 370.373 305.609 C 351.634 324.249, 334.772 340.239, 332.901 341.142 C 331.031 342.045, 327.925 343.469, 326 344.306 C 324.075 345.144, 320.025 346.253, 317 346.771 C 313.975 347.289, 309.925 347.594, 308 347.449 C 306.075 347.304, 302.475 346.882, 300 346.511 C 297.525 346.140, 293.857 345.004, 291.849 343.986 C 289.841 342.968, 287.928 342.405, 287.599 342.734 C 287.270 343.064, 287 342.857, 287 342.275 C 287 341.693, 285.988 340.962, 284.750 340.650 C 283.512 340.338, 280.250 338.041, 277.500 335.546 C 274.750 333.050, 272.924 331.007, 273.441 331.004 C 273.959 331.002, 273.509 330.339, 272.441 329.532 C 271.374 328.724, 270.853 328.049, 271.285 328.032 C 271.717 328.014, 271.514 326.988, 270.834 325.750 C 270.154 324.512, 269.393 322.600, 269.142 321.500 C 268.891 320.400, 268.731 318.150, 268.785 316.500 C 268.840 314.850, 269.088 312.331, 269.337 310.903 C 269.586 309.475, 270.521 306.892, 271.415 305.165 C 272.308 303.437, 279.073 295.985, 286.448 288.606 C 293.823 281.227, 300.078 275.411, 300.348 275.682 C 300.619 275.952, 301.664 274.904, 302.670 273.352 C 303.677 271.801, 318.004 256.995, 334.509 240.451 C 364.518 210.371, 364.518 210.371, 360.768 207.436 C 358.705 205.821, 355.776 203.488, 354.259 202.251 C 352.741 201.014, 351.195 200.002, 350.821 200.001 C 350.448 200.001, 349.548 199.420, 348.821 198.712 C 348.095 198.004, 345.925 196.641, 344 195.684 C 342.075 194.728, 339.825 193.535, 339 193.034 C 338.175 192.533, 335.250 191.140, 332.500 189.938 C 329.750 188.735, 326.306 187.133, 324.846 186.376 C 323.386 185.619, 321.489 185, 320.631 185 C 319.772 185, 316.934 184.275, 314.324 183.389 C 311.714 182.503, 308.661 181.642, 307.539 181.476 C 306.418 181.310, 303.250 180.886, 300.500 180.534 C 297.750 180.183, 294.375 179.686, 293 179.431 C 291.625 179.176, 286.532 178.862, 281.682 178.733 C 276.832 178.605, 272.107 178.765, 271.182 179.089 M 462.614 178.717 C 462.496 178.836, 459.952 179.178, 456.961 179.475 C 453.970 179.773, 450.842 180.220, 450.011 180.469 C 449.180 180.718, 447.150 181.198, 445.500 181.536 C 443.850 181.873, 441.509 182.244, 440.298 182.360 C 439.087 182.476, 437.774 182.892, 437.381 183.285 C 436.988 183.678, 435.696 184, 434.509 184 C 433.323 184, 428.591 185.630, 423.995 187.622 C 419.399 189.614, 412.786 192.989, 409.301 195.122 C 405.816 197.255, 402.523 199, 401.982 199 C 401.442 199, 401 199.450, 401 200 C 401 200.550, 400.373 201, 399.606 201 C 398.839 201, 396.847 202.238, 395.179 203.750 C 393.512 205.262, 390.877 207.480, 389.324 208.677 C 387.771 209.875, 383.350 213.953, 379.500 217.739 C 375.650 221.526, 368.199 229.096, 362.943 234.562 C 357.687 240.028, 352.512 245.079, 351.443 245.787 C 350.374 246.495, 350.175 246.741, 351 246.332 C 351.825 245.924, 345.525 252.585, 337 261.133 C 328.475 269.681, 321.212 276.527, 320.859 276.346 C 320.507 276.165, 319.469 277.162, 318.552 278.561 C 317.635 279.960, 309.866 288.122, 301.287 296.697 C 289.928 308.052, 285.516 313.133, 285.054 315.390 C 284.705 317.096, 284.888 319.502, 285.460 320.738 C 286.032 321.973, 286.856 322.988, 287.290 322.992 C 287.725 322.996, 289.525 324.012, 291.290 325.250 C 293.056 326.488, 294.725 327.770, 295 328.101 C 295.275 328.432, 296.850 329.049, 298.500 329.472 C 300.150 329.896, 304.875 330.258, 309 330.277 C 313.125 330.295, 317.850 329.989, 319.500 329.597 C 321.150 329.204, 322.650 328.459, 322.833 327.941 C 323.017 327.424, 323.641 327, 324.220 327 C 324.800 327, 328.250 324.470, 331.887 321.378 C 335.524 318.286, 341.200 312.786, 344.500 309.156 C 347.800 305.526, 352.311 300.743, 354.524 298.528 C 356.737 296.312, 360.562 292.747, 363.024 290.605 C 365.486 288.462, 366.825 287.094, 366 287.564 C 365.175 288.035, 371.025 281.913, 379 273.960 C 388.163 264.822, 395.436 258.463, 398.761 256.682 C 403.351 254.222, 404.817 253.923, 410.261 254.330 C 413.692 254.587, 416.613 254.899, 416.750 255.023 C 416.887 255.148, 417.337 255.367, 417.750 255.510 C 418.163 255.652, 419.512 256.098, 420.750 256.501 C 421.988 256.904, 423 257.631, 423 258.117 C 423 258.602, 423.468 259, 424.040 259 C 424.611 259, 426.967 260.913, 429.273 263.250 C 431.580 265.587, 433.325 267.950, 433.151 268.500 C 432.976 269.050, 433.150 269.184, 433.536 268.797 C 433.923 268.410, 439.248 273.278, 445.370 279.613 C 451.491 285.949, 478.358 313.042, 505.074 339.821 C 545.907 380.751, 553.932 389.255, 555.435 393.191 C 557.223 397.873, 557.223 397.873, 561.362 393.668 C 563.638 391.356, 567.750 386.646, 570.500 383.202 C 573.250 379.759, 575.387 376.504, 575.250 375.970 C 575.112 375.437, 575.450 375, 576 375 C 576.550 375, 577 374.363, 577 373.583 C 577 372.804, 577.343 372.017, 577.761 371.833 C 578.180 371.650, 580.452 367.450, 582.810 362.500 C 585.168 357.550, 587.750 352.226, 588.548 350.669 C 589.347 349.112, 590.003 347.087, 590.006 346.169 C 590.010 345.251, 590.616 343.344, 591.353 341.930 C 592.091 340.517, 593.015 336.942, 593.407 333.988 C 593.799 331.033, 594.405 328.153, 594.754 327.589 C 595.103 327.024, 595.571 324.748, 595.794 322.531 C 596.016 320.314, 596.266 313.100, 596.349 306.500 C 596.432 299.900, 596.138 291.380, 595.696 287.567 C 595.254 283.754, 594.666 280.268, 594.389 279.821 C 594.113 279.373, 593.687 278.106, 593.443 277.004 C 593.199 275.902, 592.815 274.212, 592.589 273.250 C 592.363 272.288, 591.675 270.200, 591.061 268.611 C 590.447 267.023, 590.162 265.504, 590.429 265.237 C 590.696 264.971, 589.988 262.937, 588.856 260.719 C 587.725 258.500, 586.180 254.603, 585.425 252.058 C 584.669 249.514, 583.027 246.332, 581.775 244.989 C 580.524 243.646, 579.620 242.419, 579.766 242.263 C 579.912 242.107, 579.277 240.746, 578.354 239.239 C 577.431 237.733, 576.069 235.600, 575.327 234.500 C 574.586 233.400, 572.923 230.925, 571.632 229 C 570.342 227.075, 566.174 222.350, 562.371 218.500 C 558.567 214.650, 553.601 209.839, 551.335 207.809 C 549.069 205.779, 546.942 204.392, 546.608 204.726 C 546.273 205.060, 546 204.827, 546 204.209 C 546 203.590, 543.862 201.849, 541.250 200.340 C 538.638 198.831, 536.275 197.298, 536 196.933 C 535.725 196.568, 534.487 195.954, 533.250 195.567 C 532.013 195.181, 531 194.419, 531 193.874 C 531 193.328, 530.550 193.160, 530 193.500 C 529.450 193.840, 529 193.641, 529 193.059 C 529 192.477, 528.200 192, 527.223 192 C 526.245 192, 524.557 191.403, 523.473 190.674 C 522.388 189.945, 519.025 188.384, 516 187.205 C 512.975 186.025, 507.055 184.156, 502.845 183.051 C 498.635 181.946, 490.985 180.554, 485.845 179.959 C 480.705 179.364, 473.424 178.792, 469.665 178.688 C 465.906 178.585, 462.733 178.598, 462.614 178.717 M 287.834 384.499 C 287.630 384.703, 286.347 385.035, 284.982 385.237 C 283.617 385.438, 281.090 386.352, 279.367 387.267 C 277.643 388.182, 268.363 396.810, 258.743 406.440 C 249.122 416.071, 240.577 425.424, 239.752 427.225 C 238.927 429.026, 237.999 432.188, 237.689 434.250 C 237.344 436.549, 237.530 438, 238.170 438 C 238.744 438, 238.977 438.618, 238.687 439.374 C 238.385 440.160, 240.585 443.295, 243.830 446.705 C 246.948 449.982, 251.139 453.412, 253.142 454.327 C 255.737 455.513, 258.109 455.810, 261.392 455.360 C 263.926 455.012, 266 454.339, 266 453.864 C 266 453.389, 266.434 453, 266.965 453 C 267.495 453, 276.219 444.712, 286.350 434.583 C 300.364 420.573, 305.172 415.117, 306.446 411.780 C 307.367 409.368, 307.906 406.068, 307.643 404.447 C 307.380 402.826, 307.127 400.883, 307.082 400.128 C 307.037 399.373, 304.386 396.223, 301.191 393.128 C 297.997 390.033, 293.768 386.742, 291.793 385.815 C 289.819 384.888, 288.037 384.296, 287.834 384.499 M 317.857 426.903 C 315.460 428.437, 307.425 435.782, 300 443.225 C 292.575 450.668, 284.663 458.730, 282.418 461.141 C 280.173 463.551, 277.971 466.868, 277.524 468.512 C 277.077 470.155, 276.818 473.075, 276.949 475 C 277.080 476.925, 277.650 479.063, 278.216 479.750 C 278.782 480.438, 278.852 481.015, 278.372 481.033 C 277.893 481.052, 278.493 481.896, 279.707 482.909 C 280.922 483.923, 281.671 484.996, 281.372 485.295 C 281.073 485.594, 281.880 486.393, 283.164 487.071 C 284.449 487.749, 286.823 489.585, 288.440 491.152 C 290.064 492.725, 292.638 494.078, 294.190 494.175 C 295.735 494.271, 298.350 494.429, 300 494.525 C 301.650 494.621, 303 494.317, 303 493.850 C 303 493.382, 303.643 493, 304.429 493 C 305.214 493, 306.548 492.309, 307.393 491.464 C 308.237 490.620, 309.170 489.945, 309.464 489.964 C 309.759 489.984, 309.917 489.887, 309.816 489.750 C 309.715 489.613, 317.815 481.283, 327.816 471.240 C 337.817 461.196, 346.034 452.421, 346.077 451.740 C 346.119 451.058, 346.337 449.600, 346.562 448.500 C 346.788 447.400, 346.712 444.653, 346.394 442.396 C 345.930 439.094, 344.565 436.984, 339.410 431.595 C 333.269 425.176, 332.781 424.883, 327.608 424.506 C 323.021 424.172, 321.560 424.531, 317.857 426.903 M 357.956 465.421 C 356.006 466.564, 348.516 473.435, 341.311 480.689 C 334.106 487.942, 327.999 493.666, 327.741 493.407 C 327.482 493.149, 326.473 494.156, 325.497 495.645 C 324.522 497.134, 322.584 499.408, 321.191 500.699 C 319.799 501.989, 317.925 504.722, 317.027 506.773 C 316.130 508.823, 315.525 511.625, 315.684 513 C 315.842 514.375, 316.114 516.266, 316.287 517.202 C 316.461 518.138, 317.437 519.826, 318.457 520.952 C 319.476 522.078, 319.978 523, 319.573 523 C 319.168 523, 321.236 525.068, 324.168 527.595 C 327.101 530.123, 330.400 532.550, 331.500 532.988 C 332.600 533.427, 335.525 533.583, 338 533.335 C 340.475 533.087, 343.063 532.835, 343.750 532.775 C 344.438 532.716, 345 532.292, 345 531.833 C 345 531.375, 345.675 531, 346.500 531 C 347.325 531, 348 530.516, 348 529.924 C 348 529.333, 351.185 525.733, 355.077 521.924 C 358.970 518.116, 362.645 515, 363.244 515 C 363.843 515, 364.069 514.736, 363.746 514.412 C 363.423 514.089, 368.075 508.916, 374.084 502.916 C 383.141 493.873, 385.110 491.366, 385.598 488.254 C 385.921 486.189, 386.197 484.275, 386.211 484 C 386.225 483.725, 386.127 483.163, 385.993 482.750 C 385.860 482.337, 385.672 481.663, 385.576 481.250 C 385.480 480.837, 385.022 479.380, 384.557 478.010 C 384.093 476.641, 381.558 473.411, 378.925 470.832 C 376.291 468.253, 373.170 465.626, 371.989 464.994 C 370.808 464.362, 367.965 463.732, 365.671 463.593 C 362.884 463.425, 360.324 464.031, 357.956 465.421 M 401.500 502.668 C 400.400 502.907, 398.402 503.642, 397.060 504.302 C 395.718 504.961, 386.367 513.749, 376.280 523.831 C 366.193 533.913, 357.251 543.214, 356.409 544.499 C 355.566 545.785, 354.890 548.561, 354.906 550.668 C 354.922 552.776, 355.080 555.175, 355.257 556 C 355.434 556.825, 356.413 558.757, 357.433 560.294 C 358.453 561.830, 360.736 564.530, 362.506 566.294 C 364.277 568.057, 367.824 570.513, 370.389 571.750 C 372.955 572.987, 375.734 574, 376.567 574 C 377.399 574, 379.792 573.126, 381.885 572.059 C 383.978 570.991, 393.922 561.878, 403.982 551.809 C 416.090 539.689, 422.849 532.148, 423.976 529.500 C 425.089 526.883, 425.423 524.571, 424.942 522.813 C 424.538 521.336, 424.434 519.899, 424.712 519.621 C 424.991 519.343, 424.309 517.838, 423.198 516.278 C 422.087 514.718, 419 511.263, 416.339 508.602 C 413.678 505.941, 411.275 503.763, 411 503.762 C 410.725 503.761, 409.458 503.364, 408.185 502.880 C 406.912 502.396, 405.337 502.052, 404.685 502.116 C 404.033 502.180, 402.600 502.428, 401.500 502.668" stroke="none" fill="#745cfc" fill-rule="evenodd"/></svg> \ No newline at end of file
diff --git a/src/assets/img/volunteer.png b/src/assets/img/volunteer.png
new file mode 100644
index 0000000..22b110b
--- /dev/null
+++ b/src/assets/img/volunteer.png
Binary files differ
diff --git a/src/components/Benefits.js b/src/components/Benefits.js
new file mode 100644
index 0000000..ee90e84
--- /dev/null
+++ b/src/components/Benefits.js
@@ -0,0 +1,77 @@
+import React from "react";
+import Container from "./Container";
+
+const Benefits = (props) => {
+ const { data } = props;
+ return (
+ <>
+ <Container className="flex flex-wrap mb-20 lg:gap-10 lg:flex-nowrap ">
+ <div
+ className={`flex items-center justify-center w-full lg:w-1/2 ${
+ props.imgPos === "right" ? "lg:order-1" : ""
+ }`}>
+ <div>
+ <img
+ src={data.image}
+ width="521"
+ height="auto"
+ alt="Benefits"
+ className={"object-cover"}
+ placeholder="blur"
+ blurDataURL={data.image.src}
+ />
+ </div>
+ </div>
+
+ <div
+ className={`flex flex-wrap items-center w-full lg:w-1/2 ${
+ data.imgPos === "right" ? "lg:justify-end" : ""
+ }`}>
+ <div>
+ <div className="flex flex-col w-full mt-4">
+ <h3 className="max-w-2xl mt-3 text-3xl font-bold leading-snug tracking-tight text-gray-800 lg:leading-tight lg:text-4xl dark:text-white">
+ {data.title}
+ </h3>
+
+ <p className="max-w-2xl py-4 text-lg leading-normal text-gray-500 lg:text-xl xl:text-xl dark:text-gray-300">
+ {data.desc}
+ </p>
+ </div>
+
+ <div className="w-full mt-5">
+ {data.bullets.map((item, index) => (
+ <Benefit key={index} title={item.title} icon={item.icon}>
+ {item.desc}
+ </Benefit>
+ ))}
+ </div>
+ </div>
+ </div>
+ </Container>
+ </>
+ );
+};
+
+function Benefit(props) {
+ return (
+ <>
+ <div className="flex items-start mt-8 space-x-3">
+ <div className="flex items-center justify-center flex-shrink-0 mt-1 bg-indigo-500 rounded-md w-11 h-11 ">
+ {React.cloneElement(props.icon, {
+ className: "w-7 h-7 text-indigo-50",
+ })}
+ </div>
+ <div>
+ <h4 className="text-xl font-medium text-gray-800 dark:text-gray-200">
+ {props.title}
+ </h4>
+ <p className="mt-1 text-gray-500 dark:text-gray-400">
+ {props.children}
+ </p>
+ </div>
+ </div>
+ </>
+ );
+}
+
+export default Benefits;
diff --git a/src/components/Container.js b/src/components/Container.js
new file mode 100644
index 0000000..1a2a8b0
--- /dev/null
+++ b/src/components/Container.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const Container = (props) => {
+ return (
+ <div className={`container p-8 mx-auto ${props.className}`}>
+ {props.children}
+ </div>
+ );
+};
+
+export default Container; \ No newline at end of file
diff --git a/src/components/Cta.js b/src/components/Cta.js
new file mode 100644
index 0000000..08e37b8
--- /dev/null
+++ b/src/components/Cta.js
@@ -0,0 +1,30 @@
+import React from "react";
+import Container from "./Container";
+
+const Cta = () => {
+ return (
+ <Container>
+ <div className="flex flex-wrap items-center justify-between w-full max-w-4xl gap-5 mx-auto text-white bg-indigo-600 px-7 py-7 lg:px-12 lg:py-12 lg:flex-nowrap rounded-xl">
+ <div className="flex-grow text-center lg:text-left">
+ <h2 className="text-2xl font-medium lg:text-3xl">
+ Ready to try-out Helping Hands?
+ </h2>
+ <p className="mt-2 font-medium text-white text-opacity-90 lg:text-xl">
+ Join us now to connect, volunteer, and make a difference!
+ </p>
+ </div>
+ <div className="flex-shrink-0 w-full text-center lg:w-auto">
+ <a
+ href="https://helpinghands.com/signup"
+ target="_blank"
+ rel="noopener"
+ className="inline-block py-3 mx-auto text-lg font-medium text-center text-indigo-600 bg-white rounded-md px-7 lg:px-10 lg:py-5 ">
+ Sign Up for Free
+ </a>
+ </div>
+ </div>
+ </Container>
+ );
+}
+
+export default Cta; \ No newline at end of file
diff --git a/src/components/Data.js b/src/components/Data.js
new file mode 100644
index 0000000..a6bad9b
--- /dev/null
+++ b/src/components/Data.js
@@ -0,0 +1,60 @@
+import {
+ FaceSmileIcon,
+ ChartBarSquareIcon,
+ CursorArrowRaysIcon,
+ DevicePhoneMobileIcon,
+ AdjustmentsHorizontalIcon,
+ SunIcon,
+} from "@heroicons/react/24/solid";
+
+import benefitOneImg from "../assets/img/benefit-one.png";
+import benefitTwoImg from "../assets/img/benefit-two.png";
+
+const benefitOne = {
+ title: "Sign Up as an Organization",
+ desc: "Join Helping Hands and showcase your opportunities to a wide audience of volunteers. Here's how:",
+ image: benefitOneImg,
+ bullets: [
+ {
+ title: "Create Your Profile",
+ desc: "Provide details about your organization, including your mission, location, and the types of volunteer opportunities you offer.",
+ icon: <FaceSmileIcon />,
+ },
+ {
+ title: "Post Opportunities",
+ desc: "List specific volunteer opportunities available within your organization, including dates, times, and required skills or qualifications.",
+ icon: <ChartBarSquareIcon />,
+ },
+ {
+ title: "Connect with Volunteers",
+ desc: "Receive applications from interested volunteers and communicate directly with them to coordinate volunteer activities.",
+ icon: <CursorArrowRaysIcon />,
+ },
+ ],
+};
+
+const benefitTwo = {
+ title: "Sign Up as a Volunteer",
+ desc: "Get involved with causes you care about and make a difference in your community through Helping Hands. Here's how:",
+ image: benefitTwoImg,
+ bullets: [
+ {
+ title: "Create Your Profile",
+ desc: "Set up your volunteer profile, including your interests, skills, and availability.",
+ icon: <DevicePhoneMobileIcon />,
+ },
+ {
+ title: "Browse Opportunities",
+ desc: "Explore a variety of volunteer opportunities posted by organizations, sorted by cause, location, and time commitment.",
+ icon: <AdjustmentsHorizontalIcon />,
+ },
+ {
+ title: "Apply and Volunteer",
+ desc: "Submit applications for volunteer opportunities that match your interests, and start making a positive impact.",
+ icon: <SunIcon />,
+ },
+ ],
+};
+
+
+export {benefitOne, benefitTwo};
diff --git a/src/components/Faq.js b/src/components/Faq.js
new file mode 100644
index 0000000..ab0a843
--- /dev/null
+++ b/src/components/Faq.js
@@ -0,0 +1,57 @@
+import React from "react";
+import Container from "./Container";
+import { Disclosure } from "@headlessui/react";
+import { ChevronUpIcon } from "@heroicons/react/24/solid";
+
+const Faq = () => {
+ return (
+ <Container className="!p-0">
+ <div className="w-full max-w-2xl p-2 mx-auto rounded-2xl">
+ {faqdata.map((item, index) => (
+ <div key={item.question} className="mb-5">
+ <Disclosure>
+ {({ open }) => (
+ <>
+ <Disclosure.Button className="flex items-center justify-between w-full px-4 py-4 text-lg text-left text-gray-800 rounded-lg bg-gray-50 hover:bg-gray-100 focus:outline-none focus-visible:ring focus-visible:ring-indigo-100 focus-visible:ring-opacity-75 dark:bg-trueGray-800 dark:text-gray-200">
+ <span>{item.question}</span>
+ <ChevronUpIcon
+ className={`${
+ open ? "transform rotate-180" : ""
+ } w-5 h-5 text-indigo-500`}
+ />
+ </Disclosure.Button>
+ <Disclosure.Panel className="px-4 pt-4 pb-2 text-gray-500 dark:text-gray-300">
+ {item.answer}
+ </Disclosure.Panel>
+ </>
+ )}
+ </Disclosure>
+ </div>
+ ))}
+ </div>
+ </Container>
+ );
+}
+
+const faqdata = [
+ {
+ question: "What is Helping Hands and how does it work?",
+ answer: " Helping Hands is a platform designed to connect volunteers with non-profit organizations. Through our user-friendly interface, volunteers can browse and sign up for various opportunities posted by organizations seeking assistance. Likewise, non-profit organizations can create accounts to post volunteer opportunities and connect with eager volunteers.",
+ },
+ {
+ question: "What types of organizations can utilize Helping Hands?",
+ answer: "Helping Hands is open to all types of organizations, including non-profits, community groups, charities, schools, and other mission-driven entities. Whether you're a local organization serving your community or a larger non-profit with a global reach, you can benefit from our platform to connect with volunteers and expand your impact.",
+ },
+ {
+ question: "As an individual, how can I get involved with Helping Hands?",
+ answer:
+ "There are several ways for individuals to get involved with Helping Hands. You can sign up as a volunteer on our platform, browse through the available opportunities posted by organizations, and apply to participate in projects that align with your interests and skills. Additionally, you can spread the word about Helping Hands to your friends, family, and social networks to help grow our community and make an even greater impact together.",
+ },
+ {
+ question: "How does Helping Hands ensure safety and credibility for users?",
+ answer:
+ "Ensuring the safety and credibility of organizations is paramount at Helping Hands. We conduct rigorous vetting procedures to verify the legitimacy of non-profit organizations before they can post volunteer opportunities. Additionally, our platform fosters transparency and accountability through volunteer reviews and ratings. If you have any concerns about an organization's credibility, our support team is here to assist you promptly.",
+ },
+];
+
+export default Faq; \ No newline at end of file
diff --git a/src/components/FlexibleForm.js b/src/components/FlexibleForm.js
new file mode 100644
index 0000000..831f972
--- /dev/null
+++ b/src/components/FlexibleForm.js
@@ -0,0 +1,82 @@
+import React from 'react';
+import { Link } from "react-router-dom";
+import logo from "../assets/img/logo.svg";
+
+const FlexibleForm = ({ data, onSuccess }) => {
+ const handleSubmit = async (event) => {
+ event.preventDefault();
+ const formData = new FormData(event.target);
+
+ try {
+ const response = await fetch(process.env.NEXT_PUBLIC_HOST + data.formAction, {
+ method: data.formMethod,
+ body: JSON.stringify(Object.fromEntries(formData)),
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ });
+
+ const token = response.headers.get('Authorization');
+ onSuccess(token);
+
+ } catch (error) {
+ console.error('Error submitting form:', error);
+ }
+ }
+
+ return (
+ <div className="flex flex-col items-center justify-center min-h-screen">
+ <div className="mt-8 sm:w-full sm:max-w-md border rounded-lg p-6 border-gray-300 shadow-lg">
+ <Link to="/">
+ <span className="flex justify-center space-x-2 text-2xl font-medium text-indigo-500 dark:text-gray-100">
+ <span>
+ <img
+ src={logo}
+ alt="heart shaped handshake logo"
+ width="128"
+ height="128"
+ className="w-20"
+ />
+ </span>
+ </span>
+ </Link>
+ <h3 className="text-3xl mt-3 text-center font-bold leading-snug text-gray-800 lg:text-4xl dark:text-white">
+ {data.title}
+ </h3>
+ <p className="mt-2 text-lg text-center leading-normal text-gray-500 lg:text-xl xl:text-xl dark:text-gray-300">
+ {data.subtitle}
+ </p>
+ <form onSubmit={handleSubmit} className="mt-5 space-y-3">
+ {data.formFields.map((field, index) => (
+ <div key={index}>
+ <label htmlFor={field.name} className="block text-sm font-medium leading-6 text-gray-900">{field.label}</label>
+ <input
+ id={field.name}
+ name={field.name}
+ type={field.type}
+ autoComplete={field.autoComplete}
+ required={field.required}
+ className="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+ />
+ </div>
+ ))}
+ <button type="submit" className="w-full rounded-md bg-indigo-600 px-10 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+ {data.ctaText || "Submit"}
+ </button>
+ </form>
+ {data.underneathButton && (
+ <div className="mt-3 text-center">
+ <a href={data.underneathButton.url} className="text-sm text-indigo-600 hover:text-indigo-500">{data.underneathButton.text}</a>
+ </div>
+ )}
+ {data.ctaLink && (
+ <p className="mt-10 text-center text-sm text-gray-500">
+ {data.ctaLink.text} <a href={data.ctaLink.url} className="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">{data.ctaLink.linkText}</a>
+ </p>
+ )}
+ </div>
+ </div>
+ );
+};
+
+export default FlexibleForm;
diff --git a/src/components/Footer.js b/src/components/Footer.js
new file mode 100644
index 0000000..2878c5c
--- /dev/null
+++ b/src/components/Footer.js
@@ -0,0 +1,152 @@
+import React from "react";
+import Container from "./Container";
+import {Link} from "react-router-dom";
+import logo from "../assets/img/logo.svg";
+
+
+export default function Footer() {
+ const companyItems = [
+ "About",
+ "Contact Us",
+ "Careers"
+ ];
+ const resourcesItems = [
+ "Help Center",
+ "Terms of Service",
+ "Privacy Policy"
+ ];
+ return (
+ <div className="relative">
+ <Container>
+ <div className="grid max-w-screen-xl grid-cols-1 gap-10 pt-10 mx-auto mt-5 border-t border-gray-100 dark:border-trueGray-700 lg:grid-cols-5">
+ <div className="lg:col-span-2">
+ <div>
+ {" "}
+ <Link to="/" className="flex items-center space-x-2 text-2xl font-medium text-indigo-500 dark:text-gray-100">
+ <img
+ src={logo}
+ alt="N"
+ width="32"
+ height="32"
+ className="w-8"
+ />
+ <span>Helping Hands</span>
+ </Link>
+ </div>
+
+ <div className="max-w-md mt-2.5 text-gray-500 dark:text-gray-400">
+ Connect. Volunteer. Make a Difference.
+ </div>
+ <div className="max-w-md mt-2 text-gray-500 dark:text-gray-400">
+ Join us in our mission to connect volunteers with meaningful opportunities to make a difference. Together, we can create positive change in communities worldwide.
+ </div>
+ </div>
+
+ <div>
+ <div className="flex flex-wrap w-full -mt-2 -ml-3 lg:ml-0">
+ <div className="w-full px-4 py-2 font-bold uppercase text-indigo-500 dark:text-gray-300 hover:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-trueGray-700">
+ Company
+ </div>
+ {companyItems.map((item, index) => (
+ <Link key={index} to={`/${item.toLowerCase().replace(/\s+/g, '-')}`} className="w-full px-4 py-0.5 text-gray-500 rounded-md dark:text-gray-300 hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-trueGray-700">
+ {item}
+ </Link>
+ ))}
+ </div>
+ </div>
+ <div>
+ <div className="flex flex-wrap w-full -mt-2 -ml-3 lg:ml-0">
+ <div className="w-full px-4 py-2 font-bold uppercase text-indigo-500 rounded-md dark:text-gray-300 hover:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-trueGray-700">
+ Resources
+ </div>
+ {resourcesItems.map((item, index) => (
+ <Link key={index} to={`/${item.toLowerCase().replace(/\s+/g, '-')}`} className="w-full px-4 py-0.5 text-gray-500 rounded-md dark:text-gray-300 hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-trueGray-700">
+ {item}
+ </Link>
+ ))}
+ </div>
+ </div>
+ <div className="flex flex-wrap w-full -mt-2 -ml-3 lg:ml-0">
+ <div className="w-full px-4 py-2 font-bold uppercase text-indigo-500 rounded-md dark:text-gray-300 hover:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-trueGray-700">
+ Connect With Us
+ <div className="flex mt-2.5 space-x-2 text-gray-400 dark:text-gray-500">
+ <a
+ href="https://twitter.com/helpinghands"
+ target="_blank"
+ rel="noopener">
+ <span className="sr-only">Twitter</span>
+ <Twitter />
+ </a>
+ <a
+ href="https://facebook.com/helpinghands"
+ target="_blank"
+ rel="noopener">
+ <span className="sr-only">Facebook</span>
+ <Facebook />
+ </a>
+ <a
+ href="https://instagram.com/helpinghands"
+ target="_blank"
+ rel="noopener">
+ <span className="sr-only">Instagram</span>
+ <Instagram />
+ </a>
+ <a
+ href="https://linkedin.com/helpinghands"
+ target="_blank"
+ rel="noopener">
+ <span className="sr-only">Linkedin</span>
+ <Linkedin />
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="my-10 text-sm text-center text-gray-600 dark:text-gray-400">
+ Copyright © 2024 Helping Hands. All rights reserved.
+ </div>
+ </Container></div>
+ );
+}
+const Twitter = ({ size = 24 }) => (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width={size}
+ height={size}
+ viewBox="0 0 24 24"
+ fill="currentColor">
+ <path d="M24 4.37a9.6 9.6 0 0 1-2.83.8 5.04 5.04 0 0 0 2.17-2.8c-.95.58-2 1-3.13 1.22A4.86 4.86 0 0 0 16.61 2a4.99 4.99 0 0 0-4.79 6.2A13.87 13.87 0 0 1 1.67 2.92 5.12 5.12 0 0 0 3.2 9.67a4.82 4.82 0 0 1-2.23-.64v.07c0 2.44 1.7 4.48 3.95 4.95a4.84 4.84 0 0 1-2.22.08c.63 2.01 2.45 3.47 4.6 3.51A9.72 9.72 0 0 1 0 19.74 13.68 13.68 0 0 0 7.55 22c9.06 0 14-7.7 14-14.37v-.65c.96-.71 1.79-1.6 2.45-2.61z" />
+ </svg>
+);
+
+const Facebook = ({ size = 24 }) => (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width={size}
+ height={size}
+ viewBox="0 0 24 24"
+ fill="currentColor">
+ <path d="M24 12.07C24 5.41 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.04V9.41c0-3.02 1.8-4.7 4.54-4.7 1.31 0 2.68.24 2.68.24v2.97h-1.5c-1.5 0-1.96.93-1.96 1.89v2.26h3.32l-.53 3.5h-2.8V24C19.62 23.1 24 18.1 24 12.07" />
+ </svg>
+);
+const Instagram = ({ size = 24 }) => (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width={size}
+ height={size}
+ viewBox="0 0 24 24"
+ fill="currentColor">
+ <path d="M16.98 0a6.9 6.9 0 0 1 5.08 1.98A6.94 6.94 0 0 1 24 7.02v9.96c0 2.08-.68 3.87-1.98 5.13A7.14 7.14 0 0 1 16.94 24H7.06a7.06 7.06 0 0 1-5.03-1.89A6.96 6.96 0 0 1 0 16.94V7.02C0 2.8 2.8 0 7.02 0h9.96zm.05 2.23H7.06c-1.45 0-2.7.43-3.53 1.25a4.82 4.82 0 0 0-1.3 3.54v9.92c0 1.5.43 2.7 1.3 3.58a5 5 0 0 0 3.53 1.25h9.88a5 5 0 0 0 3.53-1.25 4.73 4.73 0 0 0 1.4-3.54V7.02a5 5 0 0 0-1.3-3.49 4.82 4.82 0 0 0-3.54-1.3zM12 5.76c3.39 0 6.2 2.8 6.2 6.2a6.2 6.2 0 0 1-12.4 0 6.2 6.2 0 0 1 6.2-6.2zm0 2.22a3.99 3.99 0 0 0-3.97 3.97A3.99 3.99 0 0 0 12 15.92a3.99 3.99 0 0 0 3.97-3.97A3.99 3.99 0 0 0 12 7.98zm6.44-3.77a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8z" />
+ </svg>
+);
+
+const Linkedin = ({ size = 24 }) => (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width={size}
+ height={size}
+ viewBox="0 0 24 24"
+ fill="currentColor">
+ <path d="M22.23 0H1.77C.8 0 0 .77 0 1.72v20.56C0 23.23.8 24 1.77 24h20.46c.98 0 1.77-.77 1.77-1.72V1.72C24 .77 23.2 0 22.23 0zM7.27 20.1H3.65V9.24h3.62V20.1zM5.47 7.76h-.03c-1.22 0-2-.83-2-1.87 0-1.06.8-1.87 2.05-1.87 1.24 0 2 .8 2.02 1.87 0 1.04-.78 1.87-2.05 1.87zM20.34 20.1h-3.63v-5.8c0-1.45-.52-2.45-1.83-2.45-1 0-1.6.67-1.87 1.32-.1.23-.11.55-.11.88v6.05H9.28s.05-9.82 0-10.84h3.63v1.54a3.6 3.6 0 0 1 3.26-1.8c2.39 0 4.18 1.56 4.18 4.89v6.21z" />
+ </svg>
+); \ No newline at end of file
diff --git a/src/components/Hero.js b/src/components/Hero.js
new file mode 100644
index 0000000..debf80c
--- /dev/null
+++ b/src/components/Hero.js
@@ -0,0 +1,574 @@
+import Container from "./Container";
+import volunteerImg from "../assets/img/volunteer.png";
+
+const Hero = () => {
+ return (
+ <>
+ <Container className="flex flex-wrap ">
+ <div className="flex items-center w-full lg:w-1/2">
+ <div className="max-w-2xl mb-8">
+ <h1 className="text-4xl font-bold leading-snug tracking-tight text-gray-800 lg:text-4xl lg:leading-tight xl:text-6xl xl:leading-tight dark:text-white">
+ Helping Hands
+ </h1>
+ <h1 className="text-4xl font-bold leading-snug tracking-tight text-gray-800 lg:text-2xl lg:leading-tight xl:text-6xl xl:leading-tight dark:text-white">
+ Connect. Volunteer. Make a Difference.
+ </h1>
+ <p className="py-5 text-xl leading-normal text-gray-500 lg:text-xl xl:text-2xl dark:text-gray-300">
+ Find volunteer opportunities or assistance for your organization with Helping Hands. Swipe through diverse charities, events, and initiatives to make a difference. Join us today!
+ </p>
+
+ <div className="flex flex-col items-start space-y-3 sm:space-x-4 sm:space-y-0 sm:items-center sm:flex-row">
+ <a
+ href="https://helpinghands.com/signup"
+ target="_blank"
+ rel="noopener"
+ className="px-8 py-4 text-lg font-medium text-center text-white bg-indigo-600 rounded-md ">
+ Get Started for Free
+ </a>
+ <a
+ href="https://web3templates.com/templates/Helping Hands-landing-page-template-for-startups"
+ target="_blank"
+ rel="noopener"
+ className="px-9 py-4 text-lg font-medium text-center text-white bg-indigo-600 rounded-md ">
+ Download our App
+ </a>
+ </div>
+ </div>
+ </div>
+ <div className="flex items-center justify-center w-full lg:w-1/2">
+ <div className="">
+ <img
+ src={volunteerImg}
+ width="616"
+ height="617"
+ className={"object-cover"}
+ alt="Hero Illustration"
+ loading="eager"
+ placeholder="blur"
+ />
+ </div>
+ </div>
+ </Container>
+ <Container>
+ <div className="flex flex-col justify-center">
+ <div className="text-xl text-center text-gray-700 dark:text-white">
+ Used by over <span className="text-indigo-600">100+</span>{" "}
+ organizations worldwide
+ </div>
+ <div className="flex flex-wrap justify-center gap-5 mt-10 md:justify-around">
+ <div className="text-gray-400 dark:text-gray-400">
+ <HabitatForHumanity />
+ </div>
+ <div className="pt-2 text-gray-400 dark:text-gray-400">
+ <VolunteerMatchLogo />
+ </div>
+ <div className="text-gray-400 dark:text-gray-400">
+ <AmericanCancerSocietyLogo />
+ </div>
+ <div className="pt-1 text-gray-400 dark:text-gray-400">
+ <ASPCALogo />
+ </div>
+ <div className="text-gray-400 dark:text-gray-400">
+ <AmericanRedCrossLogo />
+ </div>
+ </div>
+ </div>
+ </Container>
+ </>
+ );
+}
+function AmericanCancerSocietyLogo() {
+ return (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="70"
+ height="40"
+ fill="currentColor"
+ viewBox="0 0 1380 777">
+
+ <defs>
+ <style>{".cls-1{fill:currentColor;}.cls-2{fill:currentColor;}"}</style>
+ </defs>
+ <g id="Layer_1-2">
+ <g>
+ <g>
+ <path
+ className="cls-2"
+ d="M330.67,104.28h49.71l59.97,175.6h-42.68l-13.51-43.22h-56.73l-13.51,43.22h-42.14l58.89-175.6Zm42.14,97.26l-17.83-56.73-17.29,56.73h35.12Z"
+ />
+ <path
+ className="cls-2"
+ d="M592.18,182.08c-12.97,0-23.23,9.19-23.23,25.39v72.94h-38.36v-72.94c0-16.21-7.02-25.39-19.45-25.39s-23.23,9.19-23.23,25.39v72.94h-38.36V149.67h38.36v15.13c9.19-12.43,22.69-18.91,36.74-18.91,17.29,0,30.26,7.56,37.28,21.61,9.73-14.05,25.39-21.61,43.77-21.61,27.56,0,44.31,19.45,44.31,53.49v80.51h-38.36v-72.94c0-15.67-7.02-24.85-19.45-24.85Z"
+ />
+ <path
+ className="cls-2"
+ d="M664.58,215.04c0-45.39,32.96-68.62,65.92-68.62s66.46,23.77,66.46,68.62v11.89h-94.55c3.78,15.67,16.21,22.69,29.18,22.69,9.73,0,15.13-2.16,18.91-7.02h44.31c-11.35,28.1-38.36,41.06-63.22,41.06-32.96,0-67-23.23-67-68.62Zm92.39-14.59c-3.24-17.83-15.67-23.77-26.48-23.77-12.97,0-23.77,7.56-27.56,23.77h54.03Z"
+ />
+ <path
+ className="cls-2"
+ d="M812.09,149.67h38.36v15.67c9.73-12.43,23.77-17.83,39.44-17.83v36.74c-28.64-5.94-39.44,7.02-39.44,23.23v72.94h-38.36V149.67Z"
+ />
+ <path
+ className="cls-2"
+ d="M923.93,97.8c12.43,0,21.61,8.65,21.61,21.61s-9.19,21.61-21.61,21.61-21.61-8.65-21.61-21.61,8.65-21.61,21.61-21.61Zm-19.45,51.87h38.36v130.76h-38.36V149.67Z"
+ />
+ <path
+ className="cls-2"
+ d="M957.97,215.04c0-45.39,32.96-68.62,66.46-68.62,28.1,0,56.19,16.21,64.84,50.25h-41.6c-4.86-10.27-13.51-14.59-23.23-14.59-16.21,0-26.48,11.89-26.48,32.96s10.27,32.96,26.48,32.96c10.81,0,18.37-5.4,23.23-17.29h41.6c-8.1,35.66-36.2,52.95-64.84,52.95-33.5,0-66.46-23.23-66.46-68.62Z"
+ />
+ <path
+ className="cls-2"
+ d="M1098.45,215.04c0-45.39,29.72-68.62,59.97-68.62,17.29,0,30.8,5.94,40.52,16.75v-13.51h38.36v130.76h-38.36v-13.51c-9.73,10.81-23.23,16.75-40.52,16.75-30.26,0-59.97-23.23-59.97-68.62Zm70.24,32.96c18.37,0,30.26-11.89,30.26-32.96s-11.89-32.96-30.26-32.96-30.26,11.89-30.26,32.96,11.89,32.96,30.26,32.96Z"
+ />
+ <path
+ className="cls-2"
+ d="M1321.06,182.08c-15.13,0-25.93,9.19-25.93,25.39v72.94h-38.36V149.67h38.36v15.67c9.73-12.43,23.77-18.91,39.44-18.91,28.64,0,46.47,19.45,46.47,53.49v80.51h-38.36v-72.94c.54-16.21-7.56-25.39-21.61-25.39Z"
+ />
+ </g>
+ <g>
+ <path
+ className="cls-2"
+ d="M269.07,408.48c0-55.11,38.9-91.31,87.53-91.31,41.6,0,76.18,25.93,85.37,67.54h-43.22c-7.02-17.83-21.61-29.18-42.68-29.18-28.64,0-45.93,21.61-45.93,52.95s17.29,52.95,45.93,52.95c21.61,0,36.2-12.43,42.68-31.88h42.68c-8.65,43.22-43.22,70.24-85.37,70.24-48.09,.54-86.99-35.66-86.99-91.31Z"
+ />
+ <path
+ className="cls-2"
+ d="M452.78,431.17c0-45.39,29.72-68.62,59.97-68.62,17.29,0,30.8,5.94,40.52,16.75v-13.51h38.36v130.76h-38.36v-13.51c-9.73,10.81-23.23,16.75-40.52,16.75-30.26,.54-59.97-23.23-59.97-68.62Zm70.24,33.5c18.37,0,30.26-11.89,30.26-32.96s-11.89-32.96-30.26-32.96-30.26,11.89-30.26,32.96c-.54,20.53,11.89,32.96,30.26,32.96Z"
+ />
+ <path
+ className="cls-2"
+ d="M675.39,398.21c-15.13,0-25.93,9.19-25.93,25.39v72.94h-38.36v-130.76h38.36v15.67c9.73-12.43,23.77-18.91,39.44-18.91,28.64,0,46.47,19.45,46.47,53.49v80.51h-38.36v-72.94c.54-16.21-8.1-25.39-21.61-25.39Z"
+ />
+ <path
+ className="cls-2"
+ d="M750.49,431.17c0-45.39,32.96-68.62,66.46-68.62,28.1,0,56.19,16.21,64.84,50.25h-41.6c-4.86-10.27-13.51-14.59-23.23-14.59-16.21,0-26.48,11.89-26.48,32.96s10.27,32.96,26.48,32.96c10.81,0,18.37-5.4,23.23-17.29h41.6c-8.1,35.66-36.2,52.95-64.84,52.95-34.04,.54-66.46-23.23-66.46-68.62Z"
+ />
+ <path
+ className="cls-2"
+ d="M890.97,431.17c0-45.39,32.96-68.62,65.92-68.62s66.46,23.77,66.46,68.62v11.89h-94.55c3.78,15.67,16.21,22.69,29.18,22.69,9.73,0,15.13-2.16,18.91-7.02h44.31c-11.35,28.1-38.36,41.06-63.22,41.06-32.42,.54-67-23.23-67-68.62Zm92.93-14.59c-3.24-17.83-15.67-23.77-26.48-23.77-12.97,0-23.77,7.56-27.56,23.77h54.03Z"
+ />
+ <path
+ className="cls-2"
+ d="M1039.02,365.79h38.36v15.67c9.73-12.43,23.77-17.83,39.44-17.83v36.74c-28.64-5.94-39.44,7.02-39.44,23.23v72.94h-38.36v-130.76Z"
+ />
+ </g>
+ <path
+ className="cls-2"
+ d="M436.03,651.07c0-45.39,34.58-68.62,70.24-68.62s70.24,23.77,70.24,68.62-34.58,68.62-70.24,68.62-70.24-23.23-70.24-68.62Zm69.7,32.96c18.37,0,30.26-11.89,30.26-32.96s-11.89-32.96-30.26-32.96-30.26,11.89-30.26,32.96,11.89,32.96,30.26,32.96Z"
+ />
+ <path
+ className="cls-2"
+ d="M586.24,651.07c0-45.39,32.96-68.62,66.46-68.62,28.1,0,56.19,16.21,64.84,50.25h-41.6c-4.86-10.27-13.51-14.59-23.23-14.59-16.21,0-26.48,11.89-26.48,32.96s10.27,32.96,26.48,32.96c10.81,0,18.37-5.4,23.23-17.29h41.6c-8.1,35.66-36.2,52.95-64.84,52.95-33.5,0-66.46-23.23-66.46-68.62Z"
+ />
+ <path
+ className="cls-2"
+ d="M751.57,533.83c12.43,0,21.61,8.65,21.61,21.61s-9.19,21.61-21.61,21.61-21.61-8.65-21.61-21.61,8.64-21.61,21.61-21.61Zm-19.45,51.87h38.36v130.76h-38.36v-130.76Z"
+ />
+ <path
+ className="cls-2"
+ d="M785.07,651.07c0-45.39,32.96-68.62,65.92-68.62s66.46,23.77,66.46,68.62v11.89h-94.55c3.78,15.67,16.21,22.69,29.18,22.69,9.73,0,15.13-2.16,18.91-7.02h44.31c-11.35,28.1-38.36,41.06-63.22,41.06-32.96,0-67-23.23-67-68.62Zm92.93-14.59c-3.24-17.83-15.67-23.77-26.48-23.77-12.97,0-23.77,7.56-27.56,23.77h54.03Z"
+ />
+ <path
+ className="cls-2"
+ d="M1065.49,699.7l-49.71-114.01h41.6l28.1,67,25.93-67h39.44l-72.4,178.3h-39.44l26.48-64.3Z"
+ />
+ <path
+ className="cls-2"
+ d="M378.22,612.17l-31.34-7.02c-15.13-3.78-16.75-10.27-16.75-15.67,0-10.27,9.19-16.75,23.77-16.75,18.37,0,25.39,9.73,28.64,18.37l.54,2.16h41.6l-.54-3.78c-6.48-32.42-32.42-51.87-70.24-51.87s-64.84,23.23-64.84,55.65c0,25.93,15.67,42.68,45.93,49.71l30.8,7.02c15.13,3.24,18.37,9.19,18.37,16.21,0,11.35-9.73,18.37-25.39,18.37-11.35,0-25.93-3.24-30.8-19.99l-.54-2.16h-42.68l.54,3.78c5.94,34.04,34.04,54.03,74.02,54.03s66.46-22.69,66.46-56.19c0-26.48-16.75-44.85-47.55-51.87Z"
+ />
+ <path
+ className="cls-2"
+ d="M988.23,682.41c-4.86,0-7.02-3.24-7.02-8.1v-54.03h27.56v-34.04h-27.56v-46.47l-38.36,14.05v32.42h-19.45v34.04h19.45v54.03c0,24.85,19.99,42.14,45.39,42.14h23.77v-34.04h-23.77Z"
+ />
+ <g>
+ <path
+ className="cls-1"
+ d="M145.88,483.58l-77.8,60.51c-14.05,10.81-16.75,31.34-5.4,45.39v.54l77.8-61.06c14.05-10.81,16.75-30.8,5.4-45.39h0Z"
+ />
+ <path
+ className="cls-1"
+ d="M77.8,593.8c-14.05,11.35-16.75,31.88-5.4,45.93h0c1.08,1.62,2.7,3.24,4.32,4.32,1.08-5.94,4.32-10.81,9.19-15.13l40.52-31.88c14.05-11.35,16.75-31.88,5.4-45.93l-54.03,42.68Z"
+ />
+ <path
+ className="cls-1"
+ d="M202.62,403.61c0-22.69-18.37-41.06-41.06-41.06h-31.34l12.97,16.21-12.97,16.21h30.8c4.32,0,8.65,3.24,8.65,8.1,0,2.7-1.08,4.86-2.7,6.48l-108.6,84.83c-14.05,11.35-16.75,31.88-5.4,45.93h0l134-104.82c9.73-7.02,15.67-18.91,15.67-31.88Z"
+ />
+ <path
+ className="cls-1"
+ d="M16.75,436.03l48.09,37.82,26.48-21.07-55.65-43.22c-1.62-1.62-3.24-3.78-2.7-6.48,0-4.32,3.78-8.1,8.65-8.1h30.8l-12.97-16.21,12.97-16.21h-31.34c-22.69,0-41.06,18.37-41.06,41.06,.54,12.97,7.02,24.85,16.75,32.42Z"
+ />
+ <polygon
+ className="cls-2"
+ points="101.58 0 82.67 32.96 82.67 430.09 101.58 445.22 121.03 430.09 121.03 32.96 101.58 0"
+ />
+ <path
+ className="cls-2"
+ d="M114.01,680.79l6.48-63.76-28.1,22.15c-6.48,4.86-9.19,12.97-8.1,19.99l3.78,22.15c-4.86,3.78-8.1,10.27-8.1,16.75,0,11.89,9.73,21.61,21.61,21.61s21.61-9.73,21.61-21.61c0-7.02-3.78-13.51-9.19-17.29Z"
+ />
+ </g>
+ <path
+ className="cls-2"
+ d="M1183.62,536.19c3.27,1.88,5.83,4.48,7.68,7.78,1.85,3.3,2.77,7.02,2.77,11.14s-.92,7.85-2.77,11.19c-1.85,3.34-4.41,5.95-7.68,7.84-3.27,1.88-6.97,2.83-11.09,2.83s-7.93-.94-11.19-2.83c-3.27-1.88-5.83-4.49-7.68-7.84-1.85-3.34-2.77-7.07-2.77-11.19s.92-7.84,2.77-11.14c1.85-3.3,4.41-5.9,7.68-7.78,3.27-1.88,7-2.83,11.19-2.83s7.82,.94,11.09,2.83Zm1.33,31.61c3.16-3.27,4.74-7.5,4.74-12.69s-1.58-9.42-4.74-12.69c-3.16-3.27-7.3-4.9-12.42-4.9s-9.33,1.64-12.42,4.9c-3.09,3.27-4.64,7.5-4.64,12.69s1.55,9.42,4.64,12.69c3.09,3.27,7.23,4.9,12.42,4.9s9.26-1.63,12.42-4.9Zm-4.16-12.85c-.89,1.17-2.12,2.01-3.68,2.51l5.97,8.85-6.72,.11-5.12-8.53h-1.81v8.53h-5.54v-22.92h10.23c2.42,0,4.35,.64,5.81,1.92,1.46,1.28,2.19,3.02,2.19,5.22,0,1.71-.45,3.14-1.33,4.32Zm-11.35-1.65h4.37c.78,0,1.44-.21,1.97-.64,.53-.43,.8-1.03,.8-1.81s-.27-1.37-.8-1.76c-.53-.39-1.19-.59-1.97-.59h-4.37v4.8Z"
+ />
+ </g>
+ </g>
+ </svg>
+ );
+}
+function AmericanRedCrossLogo() {
+ return (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="128.7"
+ height="44.661"
+ viewBox="0 0 216.698 74.661"
+ >
+ <defs>
+ <radialGradient
+ id="b"
+ cx="0"
+ cy="0"
+ r="1"
+ fx="-0.004"
+ fy="-0.516"
+ gradientTransform="matrix(13.674 -1.4368 -1.4435 -13.737 51.144 1000.6)"
+ gradientUnits="userSpaceOnUse"
+ >
+ <stop offset="0" stopColor="#fff"></stop>
+ <stop offset="0.059" stopColor="#fff"></stop>
+ <stop offset="0.549" stopColor="#fff"></stop>
+ <stop offset="0.672" stopColor="#f1f1f1"></stop>
+ <stop offset="0.847" stopColor="#e4e4e4"></stop>
+ <stop offset="0.969" stopColor="#cac9ca"></stop>
+ <stop offset="0.999" stopColor="#fff"></stop>
+ <stop offset="1" stopColor="#fff"></stop>
+ </radialGradient>
+ </defs>
+ <g
+ clipPath="url(#p)"
+ opacity="0.8"
+ transform="matrix(1.25 0 0 -1.25 7.288 1287.3) translate(-79.039 -967.29) scale(1.9688)"
+ >
+ <g clipPath="url(#o)">
+ <g clipPath="url(#n)">
+ <path
+ fill="url(#b)"
+ d="M50.98 1013.9c-6.809-.044-12.64-5.201-13.368-12.132-.782-7.441 4.615-14.108 12.055-14.89 7.442-.781 14.111 4.617 14.891 12.057.784 7.442-4.618 14.108-12.06 14.89-.45.047-.896.072-1.34.075h-.178z"
+ ></path>
+ </g>
+ </g>
+ </g>
+ <g
+ fill="currentColor"
+ clipPath="url(#h)"
+ transform="matrix(1.253 0 0 -1.25 7.288 1287.3) translate(-79.039 -967.29) scale(1.9688)"
+ >
+ <g clipPath="url(#g)">
+ <g clipPath="url(#f)">
+ <path d="M48.055 1009.5v-6.068h-6.067v-6.065h6.067v-6.068h6.064v6.068h6.069v6.064l-6.069.001.002 6.068h-6.066z"></path>
+ </g>
+ </g>
+ </g>
+ <path
+ fill="currentColor"
+ d="M75.217 1009.395l-2.98-7.805h2.482l.37 1.168h2.83s.335-1.07.364-1.168h2.484c-.076.2-2.873 7.708-2.909 7.805h-2.64zm28.582-.01v-1.509h2.269v1.51h-2.269zm6.173-1.8c-.977 0-1.775-.345-2.309-.9-.505-.52-.795-1.33-.795-2.182 0-1.852 1.166-3.125 2.97-3.125 1.276 0 2.035.622 2.36.955.252.252.415.533.55.815l-1.64.899c-.118-.376-.395-1.002-1.08-1.002-.484 0-1.059.242-1.059 1.392 0 1.001.426 1.622 1.114 1.622.492 0 .842-.296 1.022-.91.145.08 1.52.858 1.64.927-.112.18-.256.38-.45.574-.86.872-1.967.934-2.323.934zm-14.873-.034c-1.837 0-3.07-1.28-3.07-3.07 0-.812.269-1.556.762-2.102a3.08 3.08 0 012.319-1.012c1.289 0 2.287.62 2.962 1.6-.154.063-1.622.674-1.734.722-.245-.53-.626-.788-1.106-.788-.206 0-.503.05-.741.29-.272.272-.286.56-.298.815l-.004.088h4c-.02.856-.054 1.77-.846 2.551a3.294 3.294 0 01-2.244.906zm21.467-.048c-.865 0-1.526-.17-2.019-.425-.744-.392-.907-.981-.989-1.478.17 0 1.869.05 1.977.053.092.455.31.605.822.605.688 0 .836-.29.848-.727l.003-.06-.057-.016c-.348-.101-.593-.158-1.225-.246-.957-.126-1.589-.208-2.099-.728-.308-.308-.464-.702-.464-1.172 0-.854.523-1.845 1.99-1.845 1.032 0 1.551.361 1.83.553l.133.092v-.522h2.024c-.108.18-.133.322-.133.64v3.19c0 .334 0 .839-.325 1.255-.39.502-1.17.831-2.316.831zm7.72-.04c-1.198 0-1.562-.58-1.759-.858l-.15-.213v.927h-2v-5.729h2.122v3.057c0 .252.01 1.015.858 1.015.85 0 .82-.681.82-.937v-3.135h2.122v3.62c0 .309 0 1.206-.552 1.744-.354.332-.837.51-1.46.51zm-39.068-.016c-1.18 0-1.479-.561-1.66-.853l-.153-.25v.959h-2.022v-5.717h2.122v3.114l.003.037c.01.194.023.436.24.655.162.162.36.255.627.255.337 0 .704-.164.808-.627.023-.114.033-.229.033-.34v-3.09h2.122v3.057c0 .12 0 .372.119.595.144.271.371.41.757.41.872 0 .841-.718.841-1.062v-3h2.12l.002 3.696h-.002c-.01.528-.022 1.125-.518 1.61-.348.35-.91.55-1.536.55-1.36 0-1.739-.72-1.846-.962l-.061-.149-.075.144c-.148.284-.349.612-1.07.838-.339.107-.648.13-.85.13zm-8.69-.008l.907-3.013h-1.839l.931 3.013zm26.504-.002c-.792 0-1.269-.148-1.861-.676l-.128-.114v.704h-2.035v-5.76h2.113v2.702c.01.361.037 1.32 1.445 1.32.13 0 .339-.009.466-.015v1.84zm.767-.122v-5.706h2.269v5.706h-2.269zm-8.644-1.134c.336 0 .727-.199.836-.644a.815.815 0 00.027-.148l.017-.174h-1.84l.024.1c.053.248.194.866.936.866zm22.04-1.892v-.11c0-.2 0-.4-.116-.657-.218-.48-.787-.666-1.12-.666-.469 0-.641.257-.641.456 0 .09.036.373.512.563v.003h.005c.18.06.357.1.53.14l.06.015c.221.062.436.139.644.21l.127.046zm-17.793-4.975c-1.203 0-2.223-.466-2.951-1.317-.644-.753-1.014-1.854-1.014-2.914 0-1.05.34-2.09.958-2.811.713-.833 1.753-1.288 3.007-1.288 1.18 0 2.237.417 2.974 1.144.346.345.59.79.772 1.131l-1.983.96c-.375-1.03-1.114-1.324-1.65-1.324-.592 0-1.045.246-1.345.73-.247.399-.38.953-.38 1.6 0 .303 0 1.226.61 1.81.164.167.527.444 1.102.444 1.052 0 1.486-.88 1.682-1.337l1.95.973c-.15.275-.36.636-.661.946-.774.797-1.867 1.253-3.07 1.253zm-27.165-.278v-7.808h2.318v2.826h.854l1.559-2.826h2.556l-1.873 3.108-.047.076.136.055c.344.138.642.254.926.56.381.387.575.927.575 1.543 0 .788-.342 1.82-1.3 2.23-.504.21-1.276.236-1.893.236h-3.811zm18.077-.01V996.456l-.152.134c-.231.21-.577.525-1.384.525-1.204 0-2.42-.947-2.42-2.895 0-1.858.98-3.134 2.496-3.134.317 0 .59.045.836.139.31.118.413.234.555.397l.134.154v-.547h2.055v7.797h-2.12zm-15.758-1.547h1.094c.383 0 1.281-.004 1.281-.946 0-.961-.923-.952-1.27-.952h-1.105v1.898zm36.892-.287c-1.028.005-1.881-.315-2.467-.898-.547-.543-.836-1.361-.836-2.25 0-.8.265-1.587.745-2.104.556-.6 1.398-.932 2.436-.932 1.024 0 1.878.305 2.466.853.57.53.87 1.337.87 2.217 0 .86-.333 1.777-.87 2.294-.251.237-.983.807-2.344.82zm6.419-.006c-.858 0-1.52-.235-1.968-.66a1.91 1.91 0 01-.551-1.31c0-1.162.99-1.483 1.525-1.638.513-.151.982-.227 1.183-.261.223-.032.64-.088.64-.422 0-.297-.34-.43-.675-.43-.307 0-.613.063-.936.194a2.768 2.768 0 00-.886.599c-.093-.085-1.059-.974-1.173-1.077.473-.382 1.423-1.172 3.019-1.172 1.824 0 2.64 1.034 2.64 2.119 0 .62-.303 1.156-.854 1.453-.27.14-.51.194-1.518.423l-.043.011c-.752.186-.933.225-.933.463 0 .142.073.376.564.376.604 0 1.145-.328 1.527-.567l1.139 1.04c-.275.206-.704.533-1.425.705a5.599 5.599 0 01-1.275.154zm6.004 0c-.86 0-1.521-.235-1.968-.66a1.908 1.908 0 01-.55-1.31c0-1.162.991-1.483 1.523-1.638.513-.151.982-.227 1.183-.261.224-.032.637-.088.637-.422 0-.297-.335-.43-.671-.43a2.46 2.46 0 00-.936.194 2.814 2.814 0 00-.888.599c-.093-.085-1.058-.974-1.172-1.077.473-.382 1.421-1.172 3.017-1.172 1.825 0 2.641 1.034 2.641 2.119 0 .62-.303 1.156-.853 1.453-.269.14-.51.194-1.517.423l-.046.011c-.752.186-.93.225-.93.463 0 .142.074.376.565.376.603 0 1.14-.328 1.525-.567.075.07 1.022.933 1.14 1.04-.276.206-.706.533-1.426.705a5.592 5.592 0 01-1.274.154zm-41.198-.007c-1.836 0-3.07-1.278-3.07-3.07 0-.81.27-1.555.762-2.101a3.081 3.081 0 012.319-1.011c1.289 0 2.288.618 2.962 1.598-.155.064-1.622.674-1.734.722-.245-.53-.625-.788-1.106-.788-.206 0-.501.05-.74.288-.273.274-.287.562-.298.819l-.003.085h3.998c-.02.856-.053 1.772-.846 2.554-.706.686-1.61.904-2.244.904zm25.066-.109c-.791-.005-1.268-.148-1.86-.676l-.128-.115v.702h-2.033v-5.762h2.111v2.709c.011.36.039 1.32 1.446 1.32.13 0 .338-.008.464-.017v1.84zm-25.012-1.26c.338 0 .728-.2.84-.645a.812.812 0 00.023-.147l.019-.173H81.77l.02.1c.055.247.195.864.936.864zm28.653-.142c.305.01.555-.077.745-.26.261-.254.394-.682.394-1.275 0-1.333-.613-1.613-1.126-1.613-.99 0-1.138.996-1.138 1.59 0 .57.146 1.533 1.125 1.559zm-21.973-.1c.299 0 .706-.188.868-.715.077-.23.092-.462.092-.742 0-.298 0-.849-.321-1.182a.913.913 0 00-.629-.276.865.865 0 00-.63.267c-.222.248-.333.634-.333 1.182 0 .26.021.48.067.69v.002l.002.001c.2.717.733.775.892.775z"
+ transform="matrix(1.25 0 0 -1.25 1.288 1287.3) translate(-79.039 -967.29) scale(1.9688)"
+ ></path>
+ </svg>
+ );
+}
+function ASPCALogo() {
+ return (
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="115"
+ height="31"
+ fill="none"
+ viewBox="0 0 115 31">
+ <g
+ fillRule="evenodd"
+ stroke="none"
+ transform="matrix(1.25 0 0 -1.25 -243.599 932.946)">
+ <path
+ fill="currentColor"
+ d="M277.756 745.726h-4.764l-2.948-7.345c-1.284 3.582-5.13 7.976-11.63 7.976-3.785 0-6.827-1.49-8.956-3.714.818-1.422 1.22-3.064 1.22-4.715-.018-2.651-1.04-5.36-2.822-6.913l-.003-.001v-.003a9.162 9.162 0 00-1.166-.861c1.595-4.677 5.953-8.343 11.791-8.343 1.933 0 3.764.432 5.4 1.207l-.379-.944h6.486l1.25 3.423h8.215l1.15-3.423h6.553l-9.397 23.656zm-13.65-14.62c-.385-.831-1.919-3.994-5.692-3.994-3.93 0-6.36 3.453-6.36 7.03 0 3.36 2.27 6.909 6.328 6.909 3.263 0 5.051-2.365 5.723-4.124h5.356l-2.336-5.82h-3.02zm8.79-.818l2.431 8.085h.095l2.433-8.085h-4.959zm-49.015 11.016c1.852 0 2.042-1.503 2.173-2.3H231v3.914a7.295 7.295 0 01-.534.753c-1.536 1.82-4.06 2.686-6.395 2.686-3.964 0-8.278-2.527-8.278-6.968 0-4.444 4.122-6.11 5.786-6.78 3.643-1.534 4.633-1.918 4.633-3.485 0-1.085-.862-2.27-2.299-2.27-.767 0-2.46.48-2.46 3.229h-6.014v-.04l-6.303 15.865h-4.765l-9.492-23.656h6.49l1.245 3.418h8.216l1.151-3.418h6.554l-.538 1.354c1.31-1.066 3.222-1.8 5.98-1.8 3.634 0 5.822 1.284 7.023 3.03v8.039c-.842 1.049-2.195 2.013-4.308 2.962-4.25 1.92-4.889 2.21-4.889 3.614 0 1.118 1.024 1.853 2.078 1.853m-19.603-10.837l2.428 8.09h.097l2.43-8.09h-4.955z">
+ </path>
+ <path
+ fill="currentColor"
+ d="M231.91 745.941h7.758c4.39 0 6.025-.672 7.31-1.731 1.858-1.537 2.791-3.877 2.791-6.282 0-2.404-.998-4.938-2.504-6.222-1.635-1.378-3.238-2.05-6.926-2.05h-2.628v-7.441h-5.802v23.726zm5.801-10.963h2.47c1.152 0 3.782 0 3.782 2.853 0 2.789-2.693 2.789-4.009 2.789h-2.243v-5.642z">
+ </path>
+ </g>
+ </svg>
+ );
+}
+
+function HabitatForHumanity() {
+ return (
+ <svg xmlns="http://www.w3.org/2000/svg" width="110" height="40" viewBox="0 0 200 70">
+ <defs>
+ <clipPath id="clp5" clipRule="nonzero">
+ <path d="M0 81.647V0h243.64v81.647"></path>
+ </clipPath>
+ <clipPath id="clp4" clipRule="nonzero">
+ <path d="M-77.29-36.553v54.957H86.705v-54.957H-77.29z"></path>
+ </clipPath>
+ </defs>
+ <g transform="translate(-166.019 -427.524)">
+ <g
+ fill="none"
+ stroke="none"
+ className="ps00"
+ transform="matrix(1.21584 0 0 -1.21584 103.326 1321.104)"
+ >
+ <g transform="matrix(1 0 0 -1 131.32 696.927)">
+ <clipPath clipRule="nonzero">
+ <path d="M-77.29-36.553v54.957H86.705v-54.957H-77.29z"></path>
+ </clipPath>
+ <g clipPath="url(#clp4)">
+ <g transform="matrix(.6731 0 0 -.6731 -77.29 18.404)">
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M30.406 46.827a4.367 4.367 0 108.713.63 4.368 4.368 0 10-8.713-.63"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColorcurrentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M81.672 46.827a4.369 4.369 0 11-8.715.63 4.369 4.369 0 018.715-.63"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M96.063 39.977c-.513 1.895-3.128 2.183-5.434 1.583-1.82-.475-8.153-2.232-13.775-1.824-4.04.292-7.989 3.653-10.446 5.953 2.441 2.814 5.59 5.833 6.312 6.679 1.044 1.217 1.217 3.129.348 3.998-.868.868-2.433.344-3.998-.698-1.561-1.042-7.471-6.992-13.108-6.992-5.635 0-11.738 5.95-13.303 6.992-1.564 1.042-3.825.869-4.694 0-.868-.869.002-2.083 1.046-3.3.739-.864 4.006-3.995 6.466-6.859-2.468-2.291-6.318-5.489-10.253-5.773-5.622-.408-11.956 1.349-13.775 1.824-2.306.6-4.921.312-5.435-1.583-.322-1.184.683-2.488 2.033-3.369 1.343-.876 8.308-2.23 10.267-5.226 1.958-2.994 2.257-26.162 4.082-26.939 1.33-.568 3.65-.568 4.91.074 1.768.896 4.75 26.173 6.255 29.42.833 1.792 2.929 4.472 4.799 6.731 1.611-7.55 3.373-35.673 5.071-36.26 1.284-.444 3.84-.444 4.867 0 1.675.724 3.508 29.588 5.145 36.591 1.935-2.323 4.2-5.181 5.074-7.062 1.505-3.247 4.486-28.524 6.253-29.42 1.262-.642 3.58-.642 4.912-.074 1.822.777 2.121 23.945 4.081 26.939 1.96 2.996 8.924 4.35 10.267 5.226 1.35.881 2.354 2.185 2.033 3.369"
+ className="ps01"
+ ></path>
+ <g
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ className="ps01"
+ >
+ <clipPath clipRule="nonzero">
+ <path d="M0 81.647V0h243.64v81.647"></path>
+ </clipPath>
+ <g clipPath="url(#clp5)">
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M51.67 56.097a4.367 4.367 0 004.37 4.367 4.367 4.367 0 000-8.735 4.369 4.369 0 00-4.37 4.368"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M96.935 55.789c2.123-3.369-2.323-4.633-5.718-3.857-2.844.648-30.734 15.561-34.916 15.945-4.168.38-29.256-15.044-32.021-16.524-4.062-2.172-7.65-1.965-11.401-.02-1.238.646-10.794 5.69-12.879 7.098 2.084 1.947 31.09 19.362 34.467 21.054 3.884 1.949 6.199 2.971 10.469 1.376 2.961-1.109 51.119-23.679 51.999-25.072"
+ className="ps02"
+ ></path>
+ </g>
+ </g>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M11.003 34.157c1.086-.161 6.214-2.371 8.245-3.417 4.882-2.514 5.135-5.014 5.692-9.083.595-4.335 1.107-12.412 1.192-15.472-2.043.876-10.042 7.57-11.951 9.22-1.48 1.283-3.135 2.198-3.132 4.185.003.759-.346 12.701-.046 14.567"
+ className="ps02"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M239.17 18.57h1c.67 0 .89.238.89.721 0 .423-.32.659-.75.659h-1.14v-1.38zm0-2.376h-.62v4.27h1.63c1 0 1.49-.403 1.49-1.213 0-.77-.5-1.094-1.11-1.174l1.23-1.883h-.68l-1.16 1.864h-.78v-1.864zm.79-.995c1.7 0 3.01 1.341 3.01 3.115 0 1.747-1.31 3.097-3.01 3.097-1.72 0-3.02-1.35-3.02-3.097 0-1.774 1.3-3.115 3.02-3.115zm0 6.763c2.01 0 3.68-1.576 3.68-3.648 0-2.091-1.67-3.668-3.68-3.668-2 0-3.69 1.577-3.69 3.668 0 2.072 1.69 3.648 3.69 3.648"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M116.32 57.872c-.18-2.146-.22-4.642-.22-7.314V45.52c.96-.045 1.92-.088 3.33-.088 1.4 0 2.36.043 3.32.088v5.038c0 2.672-.04 5.168-.21 7.314h8.28c-.44-4.511-.44-8.192-.44-15.638s0-11.128.44-15.639h-8.28c.17 2.144.21 4.645.21 7.315v6.395c-.96.045-1.92.088-3.32.088-1.41 0-2.37-.043-3.33-.088V33.91c0-2.67.04-5.171.22-7.315h-8.28c.43 4.511.43 8.193.43 15.639s0 11.127-.43 15.638h8.28"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M144.13 37.985c-2.75-.701-4.47-2.41-4.47-4.6 0-1.534.97-2.716 2.37-2.716.92 0 1.84.571 2.1.964v6.352zm-9.5 10.864c.61.087 2.98.349 4.6.349 9.06 0 11.82-3.547 11.82-9.417v-5.476c0-2.102 0-4.47 1.14-7.71h-6.96c-.53.701-.7 1.182-.75 1.357-1.18-.876-2.8-1.707-4.9-1.707-4.25 0-7.01 2.935-7.01 6.614 0 4.03 3.19 6.747 7.36 8.104l3.63 1.184c-.04 1.533-1.05 2.847-3.11 2.847-1.4 0-3.59-.657-5.82-2.277v6.132"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M161.94 32.727c0-1.271.48-2.277 1.88-2.277 1.8 0 3.07 1.839 3.07 7.052 0 3.724-.97 6.922-3.16 6.922-1.18 0-1.79-.744-1.79-1.796v-9.901zm0 25.145v-9.899c1.09.656 2.67 1.225 4.25 1.225 4.16 0 8.06-3.065 8.06-11.038 0-6.178-3.37-12.09-9.59-12.09-1.67 0-3.6.568-5.66 2.189l-2.45-2.102-2.1 1.271c.39 2.802.39 5.781.39 8.937v12.571c0 1.622 0 3.418-.44 8.936h7.54"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M184.13 48.672c-.09-2.275-.09-5.606-.09-10.336 0-5.959 0-8.939.4-11.741h-7.89c.39 2.802.39 5.782.39 8.937v4.205c0 3.155 0 6.132-.39 8.935h7.58zm-3.64 9.509c2.19 0 3.95-1.754 3.95-3.944s-1.76-3.942-3.95-3.942a3.924 3.924 0 00-3.94 3.942c0 2.19 1.75 3.944 3.94 3.944"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M196.22 55.376c-.09-1.357-.14-3.943-.14-6.704h3.29v-4.203h-3.29V33.428c0-1.795.66-2.803 2.42-2.803.26 0 .52 0 .92.044v-3.943c-1.45-.481-2.94-.656-4.43-.656-1.97 0-3.55.699-4.73 2.102-.92 1.096-1.27 2.934-1.27 5.17v11.127h-2.54v4.203h2.54c0 2.761-.04 5.347-.13 6.704h7.36"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M213.18 37.985c-2.76-.701-4.46-2.41-4.46-4.6 0-1.534.96-2.716 2.36-2.716.92 0 1.84.571 2.1.964v6.352zm-9.5 10.864c.61.087 2.98.349 4.6.349 9.07 0 11.83-3.547 11.83-9.417v-5.476c0-2.102 0-4.47 1.13-7.71h-6.96c-.53.701-.7 1.182-.74 1.357-1.19-.876-2.81-1.707-4.91-1.707-4.25 0-7.01 2.935-7.01 6.614 0 4.03 3.2 6.747 7.36 8.104l3.64 1.184c-.05 1.533-1.06 2.847-3.12 2.847-1.4 0-3.59-.657-5.82-2.277v6.132"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M231.96 55.376c-.08-1.357-.13-3.943-.13-6.704h3.29v-4.203h-3.29V33.428c0-1.795.66-2.803 2.41-2.803.27 0 .53 0 .92.044v-3.943c-1.44-.481-2.93-.656-4.42-.656-1.97 0-3.55.699-4.73 2.102-.92 1.096-1.27 2.934-1.27 5.17v11.127h-2.55v4.203h2.55c0 2.761-.05 5.347-.14 6.704h7.36"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M115.17 18.984c-.1.073-.41.239-.93.239-.99 0-1.47-.759-1.47-1.568 0-.472.14-.949.24-1.187h1.78v-2.277h-1.81V9.35c0-1.708 0-3.322.22-4.84h-4.28c.22 1.518.22 3.132.22 4.84v4.841h-1.31v2.277h1.31v.927c0 1.401.24 2.348 1.35 3.275.95.759 2.14 1.02 3.18 1.02.57 0 1.19-.095 1.5-.214v-2.492"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M119.23 10.489c0-2.87.62-3.892 1.33-3.892.72 0 1.33 1.021 1.33 3.892s-.61 3.892-1.33 3.892c-.71 0-1.33-1.021-1.33-3.892zm6.88 0c0-4.034-2.65-6.264-5.55-6.264-2.89 0-5.55 2.23-5.55 6.264 0 4.033 2.66 6.266 5.55 6.266 2.9 0 5.55-2.233 5.55-6.266"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M131.12 16.468a8.19 8.19 0 00.34-1.588c.83 1.113 1.82 1.875 3.01 1.875.26 0 .4-.026.52-.072v-3.157c-.26.073-.59.096-.71.096-1.81 0-2.59-1.662-2.59-4.272 0-1.708 0-3.322.22-4.84h-4.42c.22 1.518.22 3.132.22 4.84v2.278c0 1.709 0 3.322-.41 4.84h3.82"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M147.64 21.452c-.1-1.163-.12-2.514-.12-3.963v-2.728a35.37 35.37 0 013.61 0v2.728c0 1.449-.02 2.8-.12 3.963h4.48c-.23-2.444-.23-4.435-.23-8.471 0-4.033 0-6.029.23-8.471h-4.48c.1 1.163.12 2.514.12 3.962v3.464c-.52.024-1.05.049-1.81.049s-1.28-.025-1.8-.049V8.472c0-1.448.02-2.8.12-3.962h-4.48c.23 2.442.23 4.438.23 8.471 0 4.036 0 6.027-.23 8.471h4.48"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M164.15 4.51c-.16.355-.28.757-.35 1.067-.88-.855-1.78-1.352-3.01-1.352-2.02 0-3.35 1.471-3.35 3.75v3.653c0 1.709 0 3.322-.22 4.84h4.06v-7.95c0-.947.38-1.494 1.07-1.494.59 0 1.21.428 1.21 1.258v3.346c0 1.709 0 3.322-.21 4.84h4.27c-.22-1.518-.22-3.131-.22-4.84V9.35c0-1.708 0-3.322.22-4.84h-3.47"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M173.17 16.468c.17-.356.29-.758.36-1.065.88.805 1.94 1.352 3.13 1.352 1.28 0 2.09-.735 2.66-1.52.85.758 1.8 1.52 3.34 1.52 2.33 0 3.21-1.639 3.21-3.987V9.35c0-1.708 0-3.322.21-4.84h-4.27c.21 1.518.21 3.132.21 4.84v3.298c0 .832-.23 1.448-.97 1.448-.8 0-1.26-.616-1.26-1.448V9.35c0-1.708 0-3.322.22-4.84h-4.28c.22 1.518.22 3.132.22 4.84v3.345c0 .785-.24 1.401-.97 1.401-.67 0-1.26-.546-1.26-1.258V9.35c0-1.708 0-3.322.21-4.84h-4.27c.21 1.518.21 3.132.21 4.84v2.278c0 1.709 0 3.322-.21 4.84h3.51"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M193.54 10.681c-1.5-.381-2.42-1.308-2.42-2.494 0-.83.52-1.471 1.28-1.471.49 0 1 .308 1.14.523v3.442zm-5.15 5.884c.33.045 1.61.19 2.49.19 4.91 0 6.41-1.924 6.41-5.104V8.687c0-1.14 0-2.423.61-4.177h-3.77c-.28.378-.38.64-.4.735-.64-.476-1.52-.926-2.66-.926-2.3 0-3.8 1.592-3.8 3.583 0 2.183 1.73 3.654 3.99 4.391l1.97.641c-.02.831-.57 1.543-1.69 1.543-.75 0-1.94-.358-3.15-1.236v3.324"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M202.46 16.468c.16-.356.28-.758.35-1.065.88.852 1.78 1.352 3.01 1.352 2.02 0 3.35-1.471 3.35-3.75V9.35c0-1.708 0-3.322.21-4.84h-4.27c.22 1.518.22 3.132.22 4.84v3.275c0 .735-.31 1.328-1.03 1.328-.59 0-1.25-.427-1.25-1.139V9.35c0-1.708 0-3.322.21-4.84h-4.27c.21 1.518.21 3.132.21 4.84v2.278c0 1.709 0 3.322-.21 4.84h3.47"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M214.89 16.468c-.05-1.233-.05-3.037-.05-5.599 0-3.227 0-4.84.22-6.36h-4.27c.21 1.52.21 3.133.21 4.84v2.279c0 1.709 0 3.322-.21 4.84h4.1zm-1.97 5.152c1.19 0 2.14-.95 2.14-2.137s-.95-2.135-2.14-2.135c-1.18 0-2.13.948-2.13 2.135 0 1.187.95 2.137 2.13 2.137"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M221.65 20.101c-.05-.737-.07-2.137-.07-3.633h1.78v-2.277h-1.78v-5.98c0-.972.36-1.519 1.3-1.519.15 0 .29 0 .5.024V4.58c-.78-.26-1.59-.355-2.39-.355-1.07 0-1.92.379-2.56 1.137-.5.596-.69 1.59-.69 2.801v6.028h-1.38v2.277h1.38c0 1.496-.03 2.896-.07 3.633h3.98"
+ className="ps01"
+ ></path>
+ <path
+ fill="currentColor"
+ fillRule="nonzero"
+ stroke="none"
+ d="M228.61 16.468c.3-1.85 1.21-5.219 1.68-6.762h.05a58.414 58.414 0 011.38 6.762h3.39c-.79-3.25-2.57-9.848-4.08-12.955C230.24 1.923 229.06 0 225.8 0c-.33 0-.82.024-1.13.12v3.036c.21-.119.73-.355 1.33-.355 1.23 0 2.06 1.02 2.06 1.898 0 .45-.09.736-1.04 3.25-1.29 3.37-2.26 6.931-2.52 8.519h4.11"
+ className="ps01"
+ ></path>
+ </g>
+ </g>
+ </g>
+ </g>
+ </g>
+ </svg>
+ );
+}
+function VolunteerMatchLogo() {
+ return (
+ <svg xmlns="http://www.w3.org/2000/svg"
+ width="120"
+ height="29"
+ fill="currentColor"
+ viewBox="0 0 1350 290">
+ <g fill="currentColor" strokeWidth="2">
+ <path
+ stroke="44c499"
+ d="M139.48 158.1c-3.54-3.25-7.33-7.5-11.1-9.57-13.84-7.57-29.69 1.68-30.9 17.23-.55 7.09 3.08 12.33 8.38 17.67q18.41 18.55 36.85 37.22"
+ vectorEffect="non-scaling-stroke"
+ ></path>
+ <path
+ stroke="88ddf7"
+ d="M142.71 220.65q0-.03.01-.06"
+ vectorEffect="non-scaling-stroke"
+ ></path>
+ <path
+ stroke="fa9"
+ d="M142.71 220.65q18.4-18.35 36.59-36.6 4.79-4.8 6.33-7.55c10.47-18.66-11.42-38.73-29.54-27.23-3.29 2.09-6.5 5.92-9.82 8.82"
+ vectorEffect="non-scaling-stroke"
+ ></path>
+ <path
+ stroke="#currentColor"
+ d="M182.16 172.77c5.59-12.71-7.25-26.52-20.38-21.28-6.05 2.41-13.13 10.99-18.48 16.33q-.4.41-.82 0c-5.31-5.2-11.95-13.26-17.72-15.9-13.22-6.07-26.78 7.26-21.34 20.7q1.27 3.13 5.17 7.07 16.83 16.99 33.74 34.04a.56.55 44.6 00.79 0q16.47-16.41 32.7-32.67 4.83-4.84 6.34-8.29"
+ vectorEffect="non-scaling-stroke"
+ ></path>
+ </g>
+ <path
+ fill="currentColor"
+ d="M139.48 158.1c-3.54-3.25-7.33-7.5-11.1-9.57-13.84-7.57-29.69 1.68-30.9 17.23-.55 7.09 3.08 12.33 8.38 17.67q18.41 18.55 36.85 37.22 0-.03.01-.06c-8.77 8.96-18.46 19.84-27.92 26.06-40.48 26.61-95.1 3.62-104.91-43.62q-1.39-6.68-1.39-19.68V97.41c0-12.71 14.11-19.81 23.4-10.89 3.86 3.7 4.35 7.59 4.35 13.27v47.65c0 4.07 3.78 6.39 6.25 2.55q.25-.39.25-.86V53.16q0-7.24 1.37-10.49c4.93-11.73 22.29-10.63 25.9 1.65q.73 2.51.73 8.93-.01 40.2.01 80.4c0 5.45 6.48 5.09 6.48.5q.03-47.84-.01-95.69 0-6.51 1.38-9.71c4.69-10.82 20.22-10.78 25.16-.1q1.22 2.63 1.22 7.51l.02 97.3c0 5.55 6.73 5.42 6.73.52q.03-38.05 0-76.09 0-5.64 1.34-8.58c4.84-10.63 20.16-10.69 25.09-.03q1.31 2.82 1.31 8.27.05 50.16 0 100.55z"
+ ></path>
+ <path
+ fill="currentColor"
+ d="M142.72 220.59q-.01.03-.01.06 18.4-18.35 36.59-36.6 4.79-4.8 6.33-7.55c10.47-18.66-11.42-38.73-29.54-27.23-3.29 2.09-6.5 5.92-9.82 8.82q-.04-50.48-.01-100.75.01-5.37 1.16-7.99c4.77-10.78 21.03-10.62 25.44.3q1.11 2.74 1.11 8.97.06 37.46.02 74.93c-.01 3.9 3.72 5.87 6.24 2.26a1.53 1.45-28.9 00.27-.85V39.47q0-7.46 1.11-10.29c4.43-11.34 20.8-11.3 25.61-.2q1.25 2.88 1.26 10.33.04 47.4.02 94.79c0 4.99 6.49 4.53 6.49-.28q.02-43.16.01-86.32c0-13.7 20.38-18.09 26.38-5.54q1.35 2.82 1.35 8.44.04 48.28.02 96.57c-.01 6.37 6.73 6.21 6.74 1.09q.02-24.3 0-48.6 0-5.7 1.01-8.3c3.17-8.18 13.71-10.72 20.69-6.09 4.74 3.15 6.04 7.64 6.05 13.56q.02 41.31.01 82.61 0 13.93-1.06 19.95c-8.8 50.38-67.87 73.2-108.65 43.08-7.95-5.88-16.83-15.69-24.82-23.68z"
+ ></path>
+ <rect width="10.76" height="99" x="490.5" y="100.25" rx="0.6"></rect>
+ <path d="M1276.48 139.76a.23.23 0 00.41.14c16.1-21.89 50.12-13.85 50.3 15.67q.14 21.61.03 43.2a.48.48 0 01-.48.48h-9.72a.5.49 89.4 01-.49-.49q-.08-20.04-.07-40c.01-13.23-7.38-22.3-21.18-21.12-13.16 1.11-18.8 10.99-18.79 23.32q.02 18.91.01 37.78a.51.51 0 01-.51.51h-9.49q-.75 0-.75-.75V101q0-.75.75-.75h9.5q.51 0 .51.5l-.03 39.01zm-914.33 44.96l33.17-79.96a.42.42 0 01.39-.26h10.93a.42.42 0 01.39.58l-40.43 94.66a.42.42 0 01-.39.26h-9.17a.42.42 0 01-.39-.26l-40.43-94.66a.42.42 0 01.39-.58h11.34a.42.42 0 01.39.26l33.03 79.96a.42.42 0 00.78 0zm667.62-60.96a.2.2 0 00-.36-.11l-33.42 49.14a.96.96 0 01-1.58 0l-33.35-48.9a.31.31 0 00-.57.18l.02 74.55q0 .63-.63.63h-9.38q-.5 0-.5-.5v-93.5a.75.75 0 01.75-.75h9.72a.96.95-16.3 01.8.43l33.69 50.34a.46.46 0 00.76 0l33.62-50.26a1.16 1.14 16.6 01.96-.51h9.7q.75 0 .75.75v93.25q0 .75-.75.75h-9.63q-.63 0-.63-.63l.03-74.86zM688.24 138.5h-8.74a.5.5 0 01-.5-.5v-8.25a.5.5 0 01.5-.5h8.75a.5.5 0 00.5-.5v-20a.75.75 0 01.75-.75h9.5q.5 0 .5.5v20.25a.5.5 0 00.5.5h21q.75 0 .75.75v8a.5.5 0 01-.5.5h-21.24q-.51 0-.51.52-.03 20.38.11 40.72c.09 12.27 12.34 12.92 20.76 9.03q1.13-.52 1.13.73v7.5a.8.78 77.8 01-.45.72c-13.69 6.54-31.81 2.54-32.05-15.68q-.27-21.5-.28-43.06 0-.48-.48-.48zm454 0h-8.74a.5.5 0 01-.5-.5v-8.25a.5.5 0 01.5-.5h8.75a.5.5 0 00.5-.5v-20a.75.75 0 01.75-.75h9.5q.5 0 .5.5v20.25a.5.5 0 00.5.5h21q.75 0 .75.75v8a.5.5 0 01-.5.5h-21.24q-.51 0-.51.51-.03 20.39.1 40.73c.08 12.28 12.35 12.92 20.75 9.04q1.15-.53 1.15.73v7.52q0 .48-.44.69c-13.8 6.45-31.88 2.56-32.09-15.69q-.24-21.48-.25-43.04 0-.49-.48-.49zm-666.3 25.81a36.72 36.72 0 01-36.72 36.72 36.72 36.72 0 01-36.72-36.72 36.72 36.72 0 0136.72-36.72 36.72 36.72 0 0136.72 36.72zm-34.777 27.06a27.17 25.69 85.9 0023.681-28.937 27.17 25.69 85.9 00-27.567-25.263 27.17 25.69 85.9 00-23.681 28.937 27.17 25.69 85.9 0027.567 25.263zm173.277-51.38a.33.33 0 00.61.19c12.33-18.6 42.22-16.78 48.88 5.91q1.34 4.57 1.33 13.08-.02 19.92-.01 39.72a.35.35 0 01-.35.35l-9.85.01q-.54 0-.54-.54-.01-21.25-.05-42.43c-.04-23.59-33.2-25.19-39.01-4.03q-.89 3.25-.92 10.2-.07 18.16-.01 36.27a.53.53 0 01-.53.53h-9.49q-.75 0-.75-.75v-68.62q0-.63.63-.63h9.51q.64 0 .64.64l-.09 10.1z"></path>
+ <path d="M756.06 199.68c-39.15-10.22-30.88-76.89 12.77-71.65 20.34 2.44 29.12 20.67 28.4 39.5a.75.75 0 01-.75.72h-54.21a.55.55 0 00-.55.62c3.29 24.33 30.18 29.86 45.93 13.25a.72.71-47.1 01.99-.04l5.81 5.21q.39.35.04.73-15.99 17.51-38.43 11.66zm-13.56-39.39l43.28-.08a.3.3 0 00.3-.3v-.16a22.94 21.87 89.9 00-21.91-22.9h-.14a22.94 21.87 89.9 00-21.83 22.98v.16a.3.3 0 00.3.3zm67.97 12.73c-4.75-23.08 9.81-46.44 34.8-45.23 21.34 1.03 32.04 20.33 30.57 39.9q-.04.56-.6.56h-53.99q-.87 0-.75.87c3.54 24.31 30.41 29.5 46.06 12.87a.49.48-47.1 01.68-.03l5.98 5.34q.31.27.05.59c-18.82 22.83-56.7 14.85-62.8-14.87zm10.71-12.69l43.46-.16a.2.2 0 00.2-.2v-.21a22.99 21.86 89.8 00-21.94-22.91h-.14a22.99 21.86 89.8 00-21.78 23.07v.21a.2.2 0 00.2.2zm420.93-12.91c-17.43-20.23-47.48-7.98-45.66 18.57 1.73 25.3 29.9 33.63 46.42 15.23q.41-.46.87-.03l5.97 5.6q.41.38.05.81c-15.24 18.37-43.03 17.87-57.23-1.46-14.82-20.17-5.27-51.18 20.06-57.27q20.92-5.04 36.43 10.6a1.1 1.1 0 01.02 1.53l-6.14 6.44a.53.53 0 01-.79-.02zm-338.08-1.67a.22.22 0 00.41.11c5.85-10.84 14.96-18.33 27.56-17.86q.5.02.5.52V139a.52.52 0 01-.52.52c-20.95-.08-27.85 16.45-27.96 34.48q-.07 12.37 0 24.72a.53.53 0 01-.53.53H894q-.75 0-.75-.75V130q0-.75.75-.75h9.37q.61 0 .62.62l.04 15.88zm205.51 44.24c-11.03 13.11-36.48 15.72-47.15.3-6.04-8.75-4.01-21.72 4.24-28.11 10.7-8.26 29.89-7.28 42.89-3.47q.53.15.59-.4 1.03-9.42-4.53-15.01c-9.19-9.28-26.36-5.46-36.68-.65q-.58.28-.8-.33l-2.77-7.66q-.19-.52.31-.76c20.79-9.91 54.49-9.92 54.95 22.06q.31 21.37.11 42.85a.45.45 0 01-.45.44h-9.5a.5.5 0 01-.5-.5v-8.5a.4.4 0 00-.71-.26zm-36.85-19.8c-5.4 6.6-3.18 15.27 3.91 19.38 9.47 5.51 24.53 2.44 30.78-6.7q4.54-6.64 2.8-15.6-.09-.45-.52-.57c-10.13-2.97-29.38-5.8-36.97 3.49zm-499.86 18.29a.27.27 0 00-.49-.15c-12.19 18.47-41.91 16.78-48.77-5.6q-1.31-4.28-1.32-11.71-.01-20.66 0-41.27a.51.5 0 01.51-.5h9.47a.52.52 0 01.52.52q-.02 17.32.03 34.59.03 10.73 1.54 14.96c6.1 17.15 30.92 14.7 36.95-1.31q1.42-3.79 1.45-11.35.08-18.45.01-36.88a.53.53 0 01.53-.53h9.49q.75 0 .75.75v68.93a.31.31 0 01-.31.31l-9.83.01q-.65 0-.65-.65l.12-10.12z"></path>
+ <path
+ fill="currentColor"
+ d="M139.48 158.1l2.94 3.13q.42.44.84 0l3.01-3.14c3.32-2.9 6.53-6.73 9.82-8.82 18.12-11.5 40.01 8.57 29.54 27.23q-1.54 2.75-6.33 7.55-18.19 18.25-36.59 36.6-18.44-18.67-36.85-37.22c-5.3-5.34-8.93-10.58-8.38-17.67 1.21-15.55 17.06-24.8 30.9-17.23 3.77 2.07 7.56 6.32 11.1 9.57zm42.68 14.67c5.59-12.71-7.25-26.52-20.38-21.28-6.05 2.41-13.13 10.99-18.48 16.33q-.4.41-.82 0c-5.31-5.2-11.95-13.26-17.72-15.9-13.22-6.07-26.78 7.26-21.34 20.7q1.27 3.13 5.17 7.07 16.83 16.99 33.74 34.04a.56.55 44.6 00.79 0q16.47-16.41 32.7-32.67 4.83-4.84 6.34-8.29z"
+ ></path>
+ <path
+ fill="white"
+ d="M161.78 151.49c13.13-5.24 25.97 8.57 20.38 21.28q-1.51 3.45-6.34 8.29-16.23 16.26-32.7 32.67a.56.55 44.6 01-.79 0q-16.91-17.05-33.74-34.04-3.9-3.94-5.17-7.07c-5.44-13.44 8.12-26.77 21.34-20.7 5.77 2.64 12.41 10.7 17.72 15.9q.42.41.82 0c5.35-5.34 12.43-13.92 18.48-16.33z"
+ ></path>
+ </svg>
+ );
+}
+export default Hero; \ No newline at end of file
diff --git a/src/components/Home.js b/src/components/Home.js
new file mode 100644
index 0000000..c0e2b24
--- /dev/null
+++ b/src/components/Home.js
@@ -0,0 +1,29 @@
+import Hero from "../components/Hero";
+import SectionTitle from "../components/SectionTitle";
+import { benefitOne, benefitTwo } from "./Data";
+import Benefits from "../components/Benefits";
+import Cta from "../components/Cta";
+import Faq from "../components/Faq";
+
+const Home = () => {
+ return (
+ <>
+ <Hero />
+ <SectionTitle
+ pretitle="How It Works"
+ title="Getting Started with Helping Hands"
+ >
+ Helping Hands simplifies the process of finding or offering volunteer opportunities. Here's a step-by-step guide:
+ </SectionTitle>
+ <Benefits data={benefitOne} />
+ <Benefits imgPos="right" data={benefitTwo} />
+ <SectionTitle pretitle="FAQ" title="Frequently Asked Questions">
+ Welcome to our FAQ section! Browse through common questions for quick answers. Your clarity and support matter to us. For any unanswered queries, reach out to our support team.
+ </SectionTitle>
+ <Faq />
+ <Cta />
+ </>
+ );
+}
+
+export default Home; \ No newline at end of file
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
new file mode 100644
index 0000000..9b40882
--- /dev/null
+++ b/src/components/Navbar.js
@@ -0,0 +1,100 @@
+import React from 'react';
+import { Disclosure } from "@headlessui/react";
+import { Link } from "react-router-dom";
+import logo from "../assets/img/logo.svg";
+
+const Navbar = () => {
+ const navigation = [
+ "Find Opportunities",
+ "Recruit Volunteers",
+ "Help Center",
+ "About Us",
+ ];
+
+ return (
+ <div className="w-full">
+ <nav className="container relative flex flex-wrap items-center justify-between p-8 mx-auto lg:justify-between lg:flex-nowrap lg:px-0.5 xl:px-0">
+ {/* Logo */}
+ <Disclosure>
+ {({ open }) => (
+ <>
+ <div className="flex flex-wrap items-center justify-between w-full lg:w-auto">
+ <Link to="/">
+ <span className="flex items-center space-x-2 text-2xl font-medium text-indigo-500 dark:text-gray-100">
+ <span>
+ <img
+ src={logo}
+ alt="heart shaped handshake logo"
+ width="32"
+ height="32"
+ className="w-8"
+ />
+ </span>
+ <span>Helping Hands</span>
+ </span>
+ </Link>
+
+ <Disclosure.Button
+ aria-label="Toggle Menu"
+ className="px-2 py-1 ml-auto text-gray-500 rounded-md lg:hidden hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:text-gray-300 dark:focus:bg-trueGray-700">
+ <svg
+ className="w-6 h-6 fill-current"
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 24 24">
+ {open && (
+ <path
+ fillRule="evenodd"
+ clipRule="evenodd"
+ d="M18.278 16.864a1 1 0 0 1-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 0 1-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 0 1 1.414-1.414l4.829 4.828 4.828-4.828a1 1 0 1 1 1.414 1.414l-4.828 4.829 4.828 4.828z"
+ />
+ )}
+ {!open && (
+ <path
+ fillRule="evenodd"
+ d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"
+ />
+ )}
+ </svg>
+ </Disclosure.Button>
+
+ <Disclosure.Panel className="flex flex-wrap w-full my-5 lg:hidden">
+ <>
+ {navigation.map((item, index) => (
+ <Link key={index} to="/" className="w-full px-4 py-2 -ml-4 text-gray-500 rounded-md dark:text-gray-300 hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 dark:focus:bg-gray-800 focus:outline-none">
+ {item}
+ </Link>
+ ))}
+ <Link to="/login" className="w-full px-6 py-2 mt-3 text-center text-white bg-indigo-600 rounded-md lg:ml-5">
+ Login
+ </Link>
+ </>
+ </Disclosure.Panel>
+ </div>
+ </>
+ )}
+ </Disclosure>
+
+ {/* menu */}
+ <div className="hidden text-center lg:flex lg:items-center">
+ <ul className="items-center justify-end flex-1 pt-6 list-none lg:pt-0 lg:flex">
+ {navigation.map((menu, index) => (
+ <li className="mr-3 nav__item" key={index}>
+ <Link to="/" className="inline-block px-4 py-2 text-lg font-normal text-gray-800 no-underline rounded-md dark:text-gray-200 hover:text-indigo-500 focus:text-indigo-500 focus:bg-indigo-100 focus:outline-none dark:focus:bg-gray-800">
+ {menu}
+ </Link>
+ </li>
+ ))}
+ </ul>
+ </div>
+
+ <div className="hidden mr-3 space-x-4 lg:flex nav__item">
+ <Link to="/login" className="px-6 py-2 text-white bg-indigo-600 rounded-md md:ml-5">
+ Login
+ </Link>
+ </div>
+ </nav>
+ </div>
+ );
+}
+
+export default Navbar;
diff --git a/src/components/PopupWidget.js b/src/components/PopupWidget.js
new file mode 100644
index 0000000..85ae5c2
--- /dev/null
+++ b/src/components/PopupWidget.js
@@ -0,0 +1,318 @@
+import React, { useState } from "react";
+import { useForm, useWatch } from "react-hook-form";
+import { Disclosure, Transition } from "@headlessui/react";
+
+const PopupWidget = () => {
+ const {
+ register,
+ handleSubmit,
+ reset,
+ control,
+ formState: { errors, isSubmitSuccessful, isSubmitting },
+ } = useForm({
+ mode: "onTouched",
+ });
+ const [isSuccess, setIsSuccess] = useState(false);
+ const [Message, setMessage] = useState("");
+
+ const userName = useWatch({ control, name: "name", defaultValue: "Someone" });
+
+ const onSubmit = async (data, e) => {
+ console.log(data);
+ await fetch("https://helpinghands.com/submit", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ Accept: "application/json",
+ },
+ body: JSON.stringify(data, null, 2),
+ })
+ .then(async (response) => {
+ let json = await response.json();
+ if (json.success) {
+ setIsSuccess(true);
+ setMessage(json.message);
+ e.target.reset();
+ reset();
+ } else {
+ setIsSuccess(false);
+ setMessage(json.message);
+ }
+ })
+ .catch((error) => {
+ setIsSuccess(false);
+ setMessage("Client Error. Please check the console.log for more info");
+ console.log(error);
+ });
+ };
+
+ return (
+ <div>
+ <Disclosure>
+ {({ open }) => (
+ <>
+ <Disclosure.Button className="fixed z-40 flex items-center justify-center transition duration-300 bg-indigo-500 rounded-full shadow-lg right-5 bottom-5 w-14 h-14 focus:outline-none hover:bg-indigo-600 focus:bg-indigo-600 ease">
+ <span className="sr-only">Open Contact form Widget</span>
+ <Transition
+ show={!open}
+ enter="transition duration-200 transform ease"
+ enterFrom="opacity-0 -rotate-45 scale-75"
+ leave="transition duration-100 transform ease"
+ leaveTo="opacity-0 -rotate-45"
+ className="absolute w-6 h-6 text-white">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ className="w-6 h-6"
+ width="24"
+ height="24"
+ viewBox="0 0 24 24"
+ fill="none"
+ stroke="currentColor"
+ strokeWidth="2"
+ strokeLinecap="round"
+ strokeLinejoin="round">
+ <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
+ </svg>{" "}
+ </Transition>
+
+ <Transition
+ show={open}
+ enter="transition duration-200 transform ease"
+ enterFrom="opacity-0 rotate-45 scale-75"
+ leave="transition duration-100 transform ease"
+ leaveTo="opacity-0 rotate-45"
+ className="absolute w-6 h-6 text-white">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ className="w-6 h-6"
+ width="24"
+ height="24"
+ viewBox="0 0 24 24"
+ fill="none"
+ stroke="currentColor"
+ strokeWidth="2"
+ strokeLinecap="round"
+ strokeLinejoin="round">
+ <line x1="18" y1="6" x2="6" y2="18"></line>
+ <line x1="6" y1="6" x2="18" y2="18"></line>
+ </svg>{" "}
+ </Transition>
+ </Disclosure.Button>
+ <Transition
+ className="fixed z-50 bottom-[100px] top-0 right-0 left-0 sm:top-auto sm:right-5 sm:left-auto"
+ enter="transition duration-200 transform ease"
+ enterFrom="opacity-0 translate-y-5"
+ leave="transition duration-200 transform ease"
+ leaveTo="opacity-0 translate-y-5">
+ <Disclosure.Panel className=" flex flex-col overflow-hidden left-0 h-full w-full sm:w-[350px] min-h-[250px] sm:h-[600px] border border-gray-300 dark:border-gray-800 bg-white shadow-2xl rounded-md sm:max-h-[calc(100vh-120px)]">
+ <div className="flex flex-col items-center justify-center h-32 p-5 bg-indigo-600">
+ <h3 className="text-lg text-white">Have a Question?</h3>
+ <p className="text-white opacity-50">
+ The Helping Hands team is here to help!
+ </p>
+ </div>
+ <div className="flex-grow h-full p-6 overflow-auto bg-gray-50 ">
+ {!isSubmitSuccessful && (
+ <form onSubmit={handleSubmit(onSubmit)} noValidate>
+ <input
+ type="hidden"
+ value="YOUR_ACCESS_KEY_HERE"
+ {...register("apikey")}
+ />
+ <input
+ type="hidden"
+ value={`${userName} sent a message from Helping Hands`}
+ {...register("subject")}
+ />
+ <input
+ type="hidden"
+ value="Helping Hands Template"
+ {...register("from_name")}
+ />
+ <input
+ type="checkbox"
+ className="hidden"
+ style={{ display: "none" }}
+ {...register("botcheck")}></input>
+
+ <div className="mb-4">
+ <label
+ htmlFor="full_name"
+ className="block mb-2 text-sm text-gray-600 dark:text-gray-400">
+ Full Name
+ </label>
+ <input
+ type="text"
+ id="full_name"
+ placeholder="John Doe"
+ {...register("name", {
+ required: "Full name is required",
+ maxLength: 80,
+ })}
+ className={`w-full px-3 py-2 text-gray-600 placeholder-gray-300 bg-white border border-gray-300 rounded-md focus:outline-none focus:ring ${
+ errors.name
+ ? "border-red-600 focus:border-red-600 ring-red-100"
+ : "border-gray-300 focus:border-indigo-600 ring-indigo-100"
+ }`}
+ />
+ {errors.name && (
+ <div className="mt-1 text-sm text-red-400 invalid-feedback">
+ {errors.name.message}
+ </div>
+ )}
+ </div>
+
+ <div className="mb-4">
+ <label
+ htmlFor="email"
+ className="block mb-2 text-sm text-gray-600 dark:text-gray-400">
+ Email Address
+ </label>
+ <input
+ type="email"
+ id="email"
+ {...register("email", {
+ required: "Enter your email",
+ pattern: {
+ value: /^\S+@\S+$/i,
+ message: "Please enter a valid email",
+ },
+ })}
+ placeholder="you@company.com"
+ className={`w-full px-3 py-2 text-gray-600 placeholder-gray-300 bg-white border border-gray-300 rounded-md focus:outline-none focus:ring ${
+ errors.email
+ ? "border-red-600 focus:border-red-600 ring-red-100"
+ : "border-gray-300 focus:border-indigo-600 ring-indigo-100"
+ }`}
+ />
+
+ {errors.email && (
+ <div className="mt-1 text-sm text-red-400 invalid-feedback">
+ {errors.email.message}
+ </div>
+ )}
+ </div>
+
+ <div className="mb-4">
+ <label
+ htmlFor="message"
+ className="block mb-2 text-sm text-gray-600 dark:text-gray-400">
+ Your Message
+ </label>
+
+ <textarea
+ rows="4"
+ id="message"
+ {...register("message", {
+ required: "Enter your Message",
+ })}
+ placeholder="Your Message"
+ className={`w-full px-3 py-2 text-gray-600 placeholder-gray-300 bg-white border border-gray-300 rounded-md h-28 focus:outline-none focus:ring ${
+ errors.message
+ ? "border-red-600 focus:border-red-600 ring-red-100"
+ : "border-gray-300 focus:border-indigo-600 ring-indigo-100"
+ }`}
+ required></textarea>
+ {errors.message && (
+ <div className="mt-1 text-sm text-red-400 invalid-feedback">
+ {errors.message.message}
+ </div>
+ )}
+ </div>
+ <div className="mb-3">
+ <button
+ type="submit"
+ className="w-full px-3 py-4 text-white bg-indigo-500 rounded-md focus:bg-indigo-600 focus:outline-none">
+ {isSubmitting ? (
+ <svg
+ className="w-5 h-5 mx-auto text-white animate-spin"
+ xmlns="http://www.w3.org/2000/svg"
+ fill="none"
+ viewBox="0 0 24 24">
+ <circle
+ className="opacity-25"
+ cx="12"
+ cy="12"
+ r="10"
+ stroke="currentColor"
+ strokeWidth="4"></circle>
+ <path
+ className="opacity-75"
+ fill="currentColor"
+ d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+ </svg>
+ ) : (
+ "Send Message"
+ )}
+ </button>
+ </div>
+ </form>
+ )}
+
+ {isSubmitSuccessful && isSuccess && (
+ <>
+ <div className="flex flex-col items-center justify-center h-full text-center text-white rounded-md">
+ <svg
+ width="60"
+ height="60"
+ className="text-green-300"
+ viewBox="0 0 100 100"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M26.6666 50L46.6666 66.6667L73.3333 33.3333M50 96.6667C43.8716 96.6667 37.8033 95.4596 32.1414 93.1144C26.4796 90.7692 21.3351 87.3317 17.0017 82.9983C12.6683 78.6649 9.23082 73.5204 6.8856 67.8586C4.54038 62.1967 3.33331 56.1283 3.33331 50C3.33331 43.8716 4.54038 37.8033 6.8856 32.1414C9.23082 26.4796 12.6683 21.3351 17.0017 17.0017C21.3351 12.6683 26.4796 9.23084 32.1414 6.88562C37.8033 4.5404 43.8716 3.33333 50 3.33333C62.3767 3.33333 74.2466 8.24998 82.9983 17.0017C91.75 25.7534 96.6666 37.6232 96.6666 50C96.6666 62.3768 91.75 74.2466 82.9983 82.9983C74.2466 91.75 62.3767 96.6667 50 96.6667Z"
+ stroke="currentColor"
+ strokeWidth="3"
+ />
+ </svg>
+ <h3 className="py-5 text-xl text-green-500">
+ Message sent successfully
+ </h3>
+ <p className="text-gray-700 md:px-3">{Message}</p>
+ <button
+ className="mt-6 text-indigo-600 focus:outline-none"
+ onClick={() => reset()}>
+ Go back
+ </button>
+ </div>
+ </>
+ )}
+
+ {isSubmitSuccessful && !isSuccess && (
+ <div className="flex flex-col items-center justify-center h-full text-center text-white rounded-md">
+ <svg
+ width="60"
+ height="60"
+ viewBox="0 0 97 97"
+ className="text-red-400"
+ fill="none"
+ xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M27.9995 69C43.6205 53.379 52.3786 44.621 67.9995 29M26.8077 29L67.9995 69M48.2189 95C42.0906 95 36.0222 93.7929 30.3604 91.4477C24.6985 89.1025 19.554 85.6651 15.2206 81.3316C10.8872 76.9982 7.44975 71.8538 5.10454 66.1919C2.75932 60.53 1.55225 54.4617 1.55225 48.3333C1.55225 42.205 2.75932 36.1366 5.10454 30.4748C7.44975 24.8129 10.8872 19.6684 15.2206 15.335C19.554 11.0016 24.6985 7.56418 30.3604 5.21896C36.0222 2.87374 42.0906 1.66667 48.2189 1.66667C60.5957 1.66667 72.4655 6.58333 81.2172 15.335C89.9689 24.0867 94.8856 35.9566 94.8856 48.3333C94.8856 60.7101 89.9689 72.58 81.2172 81.3316C72.4655 90.0833 60.5957 95 48.2189 95Z"
+ stroke="CurrentColor"
+ strokeWidth="3"
+ />
+ </svg>
+
+ <h3 className="text-xl text-red-400 py-7">
+ Oops, Something went wrong!
+ </h3>
+ <p className="text-gray-700 md:px-3">{Message}</p>
+ <button
+ className="mt-6 text-indigo-600 focus:outline-none"
+ onClick={() => reset()}>
+ Go back
+ </button>
+ </div>
+ )}
+ </div>
+ </Disclosure.Panel>
+ </Transition>
+ </>
+ )}
+ </Disclosure>
+ </div>
+ );
+}
+
+export default PopupWidget; \ No newline at end of file
diff --git a/src/components/SectionTitle.js b/src/components/SectionTitle.js
new file mode 100644
index 0000000..a0492d2
--- /dev/null
+++ b/src/components/SectionTitle.js
@@ -0,0 +1,31 @@
+import React from "react";
+import Container from "./Container";
+
+const SectionTitle = (props) => {
+ return (
+ <Container
+ className={`flex w-full flex-col ${
+ props.align === "left" ? "" : "items-center justify-center text-center"
+ }`}>
+ {props.pretitle && (
+ <div className="text-sm font-bold tracking-wider text-indigo-600 uppercase">
+ {props.pretitle}
+ </div>
+ )}
+
+ {props.title && (
+ <h2 className="max-w-2xl mt-3 text-3xl font-bold leading-snug tracking-tight text-gray-800 lg:leading-tight lg:text-4xl dark:text-white">
+ {props.title}
+ </h2>
+ )}
+
+ {props.children && (
+ <p className="max-w-2xl py-4 text-lg leading-normal text-gray-500 lg:text-xl xl:text-xl dark:text-gray-300">
+ {props.children}
+ </p>
+ )}
+ </Container>
+ );
+}
+
+export default SectionTitle; \ No newline at end of file
diff --git a/src/css/tailwind.css b/src/css/tailwind.css
new file mode 100644
index 0000000..164bf6b
--- /dev/null
+++ b/src/css/tailwind.css
@@ -0,0 +1,10 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ html,
+ body {
+ @apply dark:bg-trueGray-900;
+ }
+}
diff --git a/src/index.css b/src/index.css
index ec2585e..122a503 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,13 +1,6 @@
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
+@layer base {
+ }
diff --git a/src/index.js b/src/index.js
index d563c0f..40520ba 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,17 +1,11 @@
import React from 'react';
-import ReactDOM from 'react-dom/client';
+import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
-import reportWebVitals from './reportWebVitals';
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
- <React.StrictMode>
- <App />
- </React.StrictMode>
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+ReactDOM.render(
+ <React.StrictMode>
+ <App />
+ </React.StrictMode>,
+ document.getElementById('root')
+); \ No newline at end of file
diff --git a/src/logo.svg b/src/logo.svg
deleted file mode 100644
index 9dfc1c0..0000000
--- a/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg> \ No newline at end of file
diff --git a/src/pages/404.js b/src/pages/404.js
new file mode 100644
index 0000000..9026548
--- /dev/null
+++ b/src/pages/404.js
@@ -0,0 +1,3 @@
+export default function FoHunnid() {
+ return <h1>this page should be a fallback - something went wrong rip</h1>
+} \ No newline at end of file
diff --git a/src/pages/About.js b/src/pages/About.js
new file mode 100644
index 0000000..ac11556
--- /dev/null
+++ b/src/pages/About.js
@@ -0,0 +1,3 @@
+export default function About() {
+ return <h1>hands that help</h1>
+} \ No newline at end of file
diff --git a/src/pages/Careers.js b/src/pages/Careers.js
new file mode 100644
index 0000000..2b88706
--- /dev/null
+++ b/src/pages/Careers.js
@@ -0,0 +1,3 @@
+export default function Careers() {
+ return <h1>we cant even get jobs, how we gonna employee you??</h1>
+} \ No newline at end of file
diff --git a/src/pages/Contact.js b/src/pages/Contact.js
new file mode 100644
index 0000000..e174b9a
--- /dev/null
+++ b/src/pages/Contact.js
@@ -0,0 +1,3 @@
+export default function ContactUs() {
+ return <h1>dont contact us pls</h1>
+} \ No newline at end of file
diff --git a/src/pages/ForgotPassword.js b/src/pages/ForgotPassword.js
new file mode 100644
index 0000000..90b0666
--- /dev/null
+++ b/src/pages/ForgotPassword.js
@@ -0,0 +1,25 @@
+import React from "react";
+import FlexibleForm from "../components/FlexibleForm";
+import benefitTwoImg from "../assets/img/benefit-two.png";
+
+const ForgotPassword = () => {
+ return (
+ <>
+ <FlexibleForm
+ route="/login"
+ data={{
+ image: benefitTwoImg,
+ title: "Reset your password",
+ subtitle: "Enter the email associated with your account.",
+ formAction: process.env.API_URL,
+ formMethod: "POST",
+ formFields: [
+ { label: "Email address", name: "email", type: "email", autoComplete: "email", required: true },
+ ],
+ underneathButton: {url: "/login", text: "Back" }
+ }}
+ />
+ </>
+ );
+};
+export default ForgotPassword;
diff --git a/src/pages/HelpCenter.js b/src/pages/HelpCenter.js
new file mode 100644
index 0000000..22206fd
--- /dev/null
+++ b/src/pages/HelpCenter.js
@@ -0,0 +1,3 @@
+export default function HelpCenter() {
+ return <h1>halp</h1>
+} \ No newline at end of file
diff --git a/src/pages/Login.js b/src/pages/Login.js
new file mode 100644
index 0000000..700de0d
--- /dev/null
+++ b/src/pages/Login.js
@@ -0,0 +1,28 @@
+import React from "react";
+import FlexibleForm from "../components/FlexibleForm";
+import benefitTwoImg from "../assets/img/benefit-two.png";
+const Login = () => {
+ return (
+ <>
+ <FlexibleForm
+ onSuccess={''}
+ data={{
+ image: benefitTwoImg,
+ title: "Sign in to your account",
+ subtitle: "Sign in please",
+ formAction: "/login",
+ formMethod: "POST",
+ formFields: [
+ { label: "Email address", name: "email", type: "email", autoComplete: "email", required: true },
+ { label: "Password", name: "password", type: "password", autoComplete: "current-password", required: true },
+ ],
+ ctaText: "Login",
+ ctaLink: { text: "Don't have an account?", linkText: "Create an account instead!", url: "/sign-up" },
+ underneathButton: { url: "/forgot-password", text: "Forgot Password?" }
+ }}
+ />
+ </>
+ );
+};
+
+export default Login;
diff --git a/src/pages/PrivacyPolicy.js b/src/pages/PrivacyPolicy.js
new file mode 100644
index 0000000..27333d1
--- /dev/null
+++ b/src/pages/PrivacyPolicy.js
@@ -0,0 +1,3 @@
+export default function PrivacyPolicy() {
+ return <h1>so private</h1>
+} \ No newline at end of file
diff --git a/src/pages/SignUp.js b/src/pages/SignUp.js
new file mode 100644
index 0000000..038b75c
--- /dev/null
+++ b/src/pages/SignUp.js
@@ -0,0 +1,30 @@
+import React from "react";
+import FlexibleForm from "../components/FlexibleForm";
+import benefitTwoImg from "../assets/img/benefit-two.png";
+
+const SignUp = () => {
+
+ return (
+ <>
+ <FlexibleForm
+ onSuccess={''}
+ data={{
+ image: benefitTwoImg,
+ title: "Create your account",
+ subtitle: "maybe edit this text hmm",
+ formAction: "/register",
+ formMethod: "POST",
+ formFields: [
+ { label: "Full Name", name: "name", type: "text", autoComplete: "name", required: true },
+ { label: "Email address", name: "email", type: "email", autoComplete: "email", required: true },
+ { label: "Password", name: "password", type: "password", autoComplete: "new-password", required: true },
+ ],
+ ctaText: "Create Account",
+ ctaLink: { text: "Already have an account?", linkText: "Log in instead!", url: "/login" },
+ underneathButton: {url: "", text: "" }
+ }}
+ />
+ </>
+ );
+};
+export default SignUp;
diff --git a/src/pages/TermsOfService.js b/src/pages/TermsOfService.js
new file mode 100644
index 0000000..71df372
--- /dev/null
+++ b/src/pages/TermsOfService.js
@@ -0,0 +1,3 @@
+export default function TermsOfService() {
+ return <h1>be good volunteer pls</h1>
+} \ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..ebecdc3
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,23 @@
+const defaultTheme = require("tailwindcss/defaultTheme");
+const colors = require("tailwindcss/colors");
+
+module.exports = {
+ mode: "jit",
+ content: ["./src/**/*.{js,jsx,ts,tsx}",],
+ darkMode: "class", // or 'media' or 'class'
+ theme: {
+ extend: {
+ colors: {
+ trueGray: colors.neutral,
+ },
+ },
+ fontFamily: {
+ sans: ["Inter", ...defaultTheme.fontFamily.sans],
+ stock: [defaultTheme.fontFamily.sans],
+ },
+ },
+ variants: {
+ extend: {},
+ },
+ plugins: [require("@tailwindcss/aspect-ratio")],
+};