Footer added (#176)

* #163 completed * #165 * #164 * footer done --------- Co-authored-by: Vishesh Vijayvargiya <[email protected]>
opencodeiiita · May 26, 2023 · de20ae1 · de20ae1
1 parent 9487e73
commit de20ae1
Show file tree

Hide file tree

Showing 8 changed files with 198 additions and 1 deletion.
diff --git a/assets/images/logos/Facebook Icon.svg b/assets/images/logos/Facebook Icon.svg
diff --git a/assets/images/logos/Linkedin Icon (2).svg b/assets/images/logos/Linkedin Icon (2).svg
diff --git a/assets/images/logos/Twitter Icon.svg b/assets/images/logos/Twitter Icon.svg
diff --git a/components/elements/Alert/Twitter Icon.svg b/components/elements/Alert/Twitter Icon.svg
diff --git a/components/elements/Footer/index.js b/components/elements/Footer/index.js
@@ -0,0 +1,168 @@
+import AppbarLogo from "../../../assets/images/logos/Appbarlogo.svg" 
+export default function Footer(){
+    return (
+      <div className="mt-16 flex justify-center">
+        <div>
+          <hr className=" mb-4 w-[250px] md:w-[1057.49px]  h-[2px] border-black" />
+          <div className="flex justify-between items-center py-1 mb-6">
+            <div className="logo">
+              <svg
+                viewBox="0 0 300 300"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className=" w-[30px] md:w-[50px] h-[30px]  md:h-[50px]"
+              >
+                <path
+                  d="M242.839 248.992H61.3284C33.6226 248.992 27.5801 224.147 28.022 211.724C31.1637 186.675 56.5336 179.693 68.8259 179.333C67.4986 157.837 88.5968 142.818 99.3118 137.995C142.448 115.447 173.142 146.513 183.096 164.865C225.403 154.493 237.362 179.68 238.054 193.571H242.839C272.093 194.053 274.088 218.069 271.428 230.016C263.716 245.679 249.155 249.193 242.839 248.992Z"
+                  stroke="#12AB51"
+                  stroke-width="26"
+                />
+                <path
+                  d="M136.723 51H206.32C211.515 52.1661 213.166 55.81 213.343 57.4862V213.849C213.218 218.073 209.545 219.605 207.725 219.843H93.3412C88.2228 217.788 86.9432 214.991 86.9432 213.849V92.3902L136.723 51Z"
+                  fill="#116148"
+                />
+                <g filter="url(#filter0_d_1473_116)">
+                  <path
+                    d="M136.388 86.0391V51.087L86.8341 92.5043L129.762 92.841C134.71 91.979 136.241 87.9472 136.388 86.0391Z"
+                    fill="#12AB51"
+                  />
+                </g>
+                <ellipse
+                  cx="154.026"
+                  cy="144.322"
+                  rx="38.99"
+                  ry="35.7122"
+                  fill="#FDFEFE"
+                />
+                <path
+                  d="M138.023 166.33C136.556 166.33 135.301 165.811 134.257 164.772C133.212 163.732 132.689 162.481 132.689 161.021V153.058H138.023V161.021H170.028V153.058H175.363V161.021C175.363 162.481 174.841 163.732 173.797 164.772C172.752 165.811 171.495 166.33 170.028 166.33H138.023ZM154.026 155.712L140.69 142.439L144.424 138.59L151.359 145.492V123.857H156.693V145.492L163.627 138.59L167.361 142.439L154.026 155.712Z"
+                  fill="#116148"
+                />
+                <defs>
+                  <filter
+                    id="filter0_d_1473_116"
+                    x="86.8341"
+                    y="51.087"
+                    width="57.5542"
+                    height="49.754"
+                    filterUnits="userSpaceOnUse"
+                    color-interpolation-filters="sRGB"
+                  >
+                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                    <feColorMatrix
+                      in="SourceAlpha"
+                      type="matrix"
+                      values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                      result="hardAlpha"
+                    />
+                    <feOffset dx="4" dy="4" />
+                    <feGaussianBlur stdDeviation="2" />
+                    <feComposite in2="hardAlpha" operator="out" />
+                    <feColorMatrix
+                      type="matrix"
+                      values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+                    />
+                    <feBlend
+                      mode="normal"
+                      in2="BackgroundImageFix"
+                      result="effect1_dropShadow_1473_116"
+                    />
+                    <feBlend
+                      mode="normal"
+                      in="SourceGraphic"
+                      in2="effect1_dropShadow_1473_116"
+                      result="shape"
+                    />
+                  </filter>
+                </defs>
+              </svg>
+            </div>
+            <h6 className="font-semibold text-xs md:text-base w-36 md:w-96 text-center">
+              © 2023 SaveMyForm. All Rights Reserved.{' '}
+            </h6>
+            <div className="flex-row md:flex items-center">
+              <div className="facebook">
+                <svg
+                  width="40"
+                  height="40"
+                  viewBox="0 0 49 47"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="w-[30px] md:w-[40px] h-[30px]  md:h-[40px]"
+                >
+                  <rect
+                    opacity="0.25"
+                    x="1"
+                    y="1.62354"
+                    width="46.5525"
+                    height="43.7158"
+                    rx="21.8579"
+                    stroke="#023430"
+                    stroke-width="1.5"
+                  />
+                  <path
+                    fill-rule="evenodd"
+                    clip-rule="evenodd"
+                    d="M23.6822 35.4058C22.2057 35.4058 21.0087 34.2088 21.0087 32.7323V24.7405C21.0087 24.0028 20.4107 23.4048 19.6731 23.4048C18.9354 23.4048 18.3374 22.8068 18.3374 22.0692V20.6047C18.3374 19.8671 18.9354 19.2691 19.6731 19.2691C20.4107 19.2691 21.0087 18.6711 21.0087 17.9334V16.786C21.0087 13.412 22.5171 11.4058 26.8027 11.4058H28.3024C29.4446 11.4058 30.3705 12.3317 30.3705 13.4739C30.3705 14.6161 29.4446 15.542 28.3024 15.542H28.1403C26.4721 15.542 26.3617 16.12 26.3617 17.1986L26.3613 17.3607C26.3582 18.4135 27.2108 19.2686 28.2636 19.2686C29.3998 19.2686 30.2826 20.2581 30.1536 21.387L30.114 21.7332C30.0052 22.6854 29.1993 23.4044 28.2409 23.4044C27.1997 23.4044 26.3557 24.2484 26.3557 25.2896V32.7323C26.3557 34.2088 25.1587 35.4058 23.6822 35.4058Z"
+                    fill="#00684A"
+                  />
+                </svg>
+              </div>
+              <div className="linkedin">
+                <svg
+                  width="40"
+                  height="40"
+                  viewBox="0 0 47 47"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="w-[30px] md:w-[40px] h-[30px]  md:h-[40px]"
+                >
+                  <rect
+                    opacity="0.25"
+                    x="1.2627"
+                    y="1.62354"
+                    width="44.4753"
+                    height="43.7158"
+                    rx="21.8579"
+                    stroke="#023430"
+                    stroke-width="1.5"
+                  />
+                  <path
+                    d="M18.8806 14.4891C18.8806 15.6399 17.9511 16.5724 16.8039 16.5724C15.6567 16.5724 14.7272 15.6399 14.7272 14.4891C14.7272 13.3391 15.6567 12.4058 16.8039 12.4058C17.9511 12.4058 18.8806 13.3391 18.8806 14.4891ZM18.8974 18.2391H14.7104V31.5724H18.8974V18.2391ZM25.5814 18.2391H21.4212V31.5724H25.5822V24.5733C25.5822 20.6816 30.6308 20.3633 30.6308 24.5733V31.5724H34.8077V23.1299C34.8077 16.5633 27.3365 16.8024 25.5814 20.0349V18.2391Z"
+                    fill="#00684A"
+                  />
+                </svg>
+              </div>
+              <div className="twitter">
+                <svg
+                  width="40"
+                  height="40"
+                  viewBox="0 0 46 47"
+                  fill="none"
+                  className="w-[30px] md:w-[40px] h-[30px]  md:h-[40px]"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <rect
+                    opacity="0.25"
+                    x="1.52002"
+                    y="1.62354"
+                    width="43.2729"
+                    height="44.0322"
+                    rx="21.6364"
+                    stroke="#023430"
+                    stroke-width="1.5"
+                  />
+                  <path
+                    fill-rule="evenodd"
+                    clip-rule="evenodd"
+                    d="M23.5337 18.7261C23.561 19.1763 23.1734 19.541 22.7257 19.4865L22.7147 19.4852C19.5433 19.0792 16.7726 17.7021 14.4201 15.3894L13.9055 14.876C13.6112 14.5822 13.111 14.6968 12.9738 15.0893C12.3465 16.9783 12.7473 18.9732 14.0542 20.315C14.7512 21.0564 14.5944 21.1624 13.392 20.721C12.8552 20.5397 12.5421 20.8122 12.6773 21.3625C12.8076 21.8928 13.0173 22.541 13.2004 22.8925C13.6534 23.7752 14.577 24.6402 15.5877 25.1522C15.7995 25.253 15.7307 25.5707 15.4962 25.5748L15.4308 25.5759C14.455 25.5759 14.4201 25.5936 14.5247 25.9643C14.8732 27.1118 16.2498 28.33 17.7833 28.8596L17.8256 28.8741C18.2363 29.015 18.295 29.5717 17.9227 29.7953C16.5286 30.6074 14.8906 31.0664 13.2526 31.1017C12.4685 31.1193 11.8237 31.1899 11.8237 31.2429C11.8237 31.4195 13.9497 32.4081 15.1869 32.7965C18.8985 33.944 23.3072 33.4497 26.6181 31.4901C28.9705 30.0954 31.323 27.3237 32.4208 24.6402C33.0133 23.2102 33.6058 20.5974 33.6058 19.344C33.6058 18.5319 33.658 18.426 34.6339 17.455C35.2089 16.89 35.7491 16.2721 35.8537 16.0956C36.0279 15.7602 36.0105 15.7602 35.1218 16.0603C33.6406 16.5899 33.4315 16.5193 34.1634 15.7249C34.7036 15.1599 35.3483 14.136 35.3483 13.8359C35.3483 13.7829 35.0869 13.8712 34.7907 14.0301C34.477 14.2066 33.78 14.4714 33.2572 14.6303C32.6634 14.8197 32.0153 14.7251 31.5004 14.3737L31.4624 14.3478C30.9919 14.0301 30.3297 13.677 29.9812 13.571C29.0925 13.3239 27.7333 13.3592 26.9317 13.6417C24.7535 14.4361 23.3769 16.484 23.5337 18.7261Z"
+                    fill="#00684A"
+                  />
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "nextra": "^2.0.3",
     "nextra-theme-docs": "^2.0.3",
     "react": "18.2.0",
+    "react-component": "^0.0.0",
     "react-dom": "18.2.0",
     "react-google-recaptcha-v3": "^1.10.1",
     "react-icons": "^4.7.1",

diff --git a/pages/dashboard2/index.js b/pages/dashboard2/index.js
@@ -2,6 +2,7 @@ import Card from '../../components/card'
 import PCard from '../../components/P_Card'
 import Icon from '../../assets/svgs/iconDash.svg'
 import Image from 'next/image'
+import Footer from '../../components/elements/Footer'
 export default ()=>{
     return (
         <div className="flex-col flex items-center border-0 border-yellow-500 font-[Poppins]">
@@ -48,7 +49,7 @@ export default ()=>{
                     </div>
                 </div>
             </div>
-
+            <Footer/>
         </div>
     )
 }