replaced svgs (#633)

jeromehardaway · web-flow · commit bcab44b7521a · 2024-11-16T01:53:55.000-05:00
diff --git a/public/images/shape-animation/code.svg b/public/images/shape-animation/code.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="glyph_copy" data-name="glyph copy" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient);
+        stroke-width: 0px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="4" y1="32" x2="60" y2="32" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#091f40"/>
+      <stop offset="1" stop-color="#c5203e"/>
+    </linearGradient>
+  </defs>
+  <path class="cls-1" d="M6,51V14h22c.20001,0,.39001-.06.54999-.17004l5.75-3.82996h21.70001v29h1c.34003,0,.67999.02997,1,.09998V7c0-1.65002-1.34998-3-3-3H7c-1.65002,0-3,1.34998-3,3v44c0,1.64996,1.34998,3,3,3h15v-2H7c-.54999,0-1-.45001-1-1ZM21.5,7.5c.83002,0,1.5.66998,1.5,1.5,0,.82996-.66998,1.5-1.5,1.5s-1.5-.67004-1.5-1.5c0-.83002.66998-1.5,1.5-1.5ZM15.5,7.5c.83002,0,1.5.66998,1.5,1.5,0,.82996-.66998,1.5-1.5,1.5s-1.5-.67004-1.5-1.5c0-.83002.66998-1.5,1.5-1.5ZM9.5,7.5c.83002,0,1.5.66998,1.5,1.5,0,.82996-.66998,1.5-1.5,1.5s-1.5-.67004-1.5-1.5c0-.83002.66998-1.5,1.5-1.5ZM18.57031,27c-.55273,0-1-.44775-1-1s.44727-1,1-1h13.42969c.55273,0,1,.44775,1,1s-.44727,1-1,1h-13.42969ZM9,30h34c.55273,0,1,.44775,1,1s-.44727,1-1,1H9c-.55273,0-1-.44775-1-1s.44727-1,1-1ZM8,36c0-.55273.44727-1,1-1h44c.55273,0,1,.44727,1,1s-.44727,1-1,1H9c-.55273,0-1-.44727-1-1ZM24,40c-.69.51996-1.23999,1.20996-1.59003,2h-13.40997c-.54999,0-1-.45001-1-1s.45001-1,1-1h15ZM9,45h13v2h-13c-.54999,0-1-.45001-1-1s.45001-1,1-1ZM57,41h-30c-1.65002,0-3,1.34998-3,3v13c0,1.64996,1.34998,3,3,3h30c1.65002,0,3-1.35004,3-3v-13c0-1.65002-1.34998-3-3-3ZM31.59003,49.5h1.26996c1.96002,0,3.54999,1.58997,3.54999,3.54999s-1.58997,3.54999-3.54999,3.54999h-3.82001c-.56,0-1-.45001-1-1s.44-1,1-1h3.82001c.85999,0,1.54999-.70001,1.54999-1.54999s-.69-1.54999-1.54999-1.54999h-1.26996c-1.96002,0-3.55005-1.59003-3.55005-3.54999s1.59003-3.55005,3.55005-3.55005h3.81995c.55005,0,1,.45001,1,1,0,.55005-.44995,1-1,1h-3.81995c-.86005,0-1.55005.70001-1.55005,1.55005,0,.84998.69,1.54999,1.55005,1.54999ZM41.35999,49.5h1.28003c1.95001,0,3.54999,1.58997,3.54999,3.54999s-1.59998,3.54999-3.54999,3.54999h-3.83002c-.54999,0-1-.45001-1-1s.45001-1,1-1h3.83002c.84998,0,1.54999-.70001,1.54999-1.54999s-.70001-1.54999-1.54999-1.54999h-1.28003c-1.95001,0-3.54999-1.59003-3.54999-3.54999s1.59998-3.55005,3.54999-3.55005h3.83002c.54999,0,1,.45001,1,1,0,.55005-.45001,1-1,1h-3.83002c-.84998,0-1.54999.70001-1.54999,1.55005,0,.84998.70001,1.54999,1.54999,1.54999ZM55.96002,55.59998c0,.54999-.44,1-1,1-.55005,0-1-.45001-1-1v-4.09998h-4.37v4.09998c0,.54999-.45001,1-1,1-.55005,0-1-.45001-1-1v-10.20001c0-.54999.44995-1,1-1,.54999,0,1,.45001,1,1v4.10004h4.37v-4.10004c0-.54999.44995-1,1-1,.56,0,1,.45001,1,1v10.20001ZM11.3916,25.20654l3.26562-2.50635-3.26562-2.50684c-.43848-.33643-.52148-.96436-.18457-1.40234.33594-.43701.96387-.52051,1.40137-.18457l4.2998,3.30029c.24707.18945.3916.48242.3916.79346s-.14453.604-.3916.79346l-4.2998,3.2998c-.18066.13916-.39551.20654-.60742.20654-.30078,0-.59766-.13477-.79395-.39111-.33691-.43799-.25391-1.06592.18457-1.40234Z"/>
+</svg>
diff --git a/public/images/shape-animation/hashflag-star.jpeg b/public/images/shape-animation/hashflag-star.jpeg
diff --git a/public/images/shape-animation/hashflag-star.png b/public/images/shape-animation/hashflag-star.png
diff --git a/public/images/shape-animation/hashflag-star.svg b/public/images/shape-animation/hashflag-star.svg
diff --git a/public/images/shape-animation/hashflag.svg b/public/images/shape-animation/hashflag.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 502 512">
+  <path d="M157.1 91.6l-5.5 32.2H135.5c-9 0-13.6 .7-13.6 7v15.6h10.5c9.3 0 10.5 .2 10.5 1.7c0 1.8-4.5 27.8-5.5 32.1c-.5 2.2-.9 2.3-12 2.3H114v15.6 15.6h8.4c4.7 0 8.7 .3 8.9 .7c.3 .5-.3 5.3-1.3 10.8s-2.3 13.4-3 17.3l-1.2 7.3h-13-13v15.1 15.1H241.5 383v-15.1-15.1h-78.3-78.3v-2.1c0-2.8 5-32.1 5.6-33.2c.3-.4 37.3-.8 82.3-.8h81.7v-15.6-15.6h-79.3c-57 0-79.3-.3-79.3-1.1c0-1 4.4-26.2 5.6-32.3l.6-2.7h80.7 80.8l-.3-15.4-.3-15.3-9.3-.3c-8.9-.3-9.2-.3-8.7-2.5c.6-3 5.5-31.3 5.5-32.1c0-.4-7.2-.7-16.1-.7s-16.1 .4-16.1 .8c0 .9-4.8 28.8-5.5 32c-.5 2.3-.7 2.3-18.1 2.3c-9.6 0-17.6-.2-17.6-.5c0-.7 5-29.8 5.5-32.4l.5-2.2h-16.1-16.1l-1.5 2.2c-.5 2.6-5.5 31.7-5.5 32.4c0 .3-8.5 .5-18.9 .5l-19 0 2.8-15.9c1.6-8.6 2.8-16.6 2.9-17.6c0-1.5-1.4-1.7-16.1-1.7c-8.8 0-16.1 .2-16.1 .5c0 .7-5 29.8-5.5 32.3c-.5 2.3-.7 2.3-18.2 2.3H180l.5-2.3c.3-1.2 1.5-7.8 2.7-14.8c1.1-6.9 2.3-13.8 2.6-15.4l.6-2.7h-16.2c-15.9 0-16.2 0-16.7 2.2zm56.7 64.7c0 1.7-4.6 30.1-5.5 34.2c-.5 2.3-.7 2.3-18.6 2.3c-12.6 0-18.1-.3-18.1-1.1c0-1.2 4.6-29.5 5.6-34.3l.6-2.7h18c15.9 0 18 .2 18 1.6zm-12 67.3c0 .9-4.9 30.7-5.5 33.2c-.5 2.3-.7 2.3-18.1 2.3h-17.6l.5-2.3c.2-1.2 1.6-8.9 3-17.3c1.5-8.2 2.9-15.4 3.1-15.8c.6-.9 34.5-1.1 34.5-.2zM93.4 341.3v15.1h9c7.4 0 9 .3 9 1.5c0 .9-1.1 8.1-2.5 16.2s-2.5 15.7-2.5 17.1l0 2.4H122c15.3 0 15.6 0 16.1-2.3c.3-1.2 1.8-9.4 3.3-18.3l2.8-16.1 17.3-.3 17.3-.2v2.2c0 1.3-1.1 8.8-2.5 16.9s-2.5 15.4-2.5 16.3c0 1.6 1.4 1.8 15.9 1.8h15.9l3-18.4 2.9-18.3 19.4-.3c12.7-.2 19.3 .1 19.3 .8c0 1.2-4.8 30.5-5.5 33.8l-.5 2.3H260c8.8 0 16.1-.1 16.1-.3c.1-.1 1.5-8.3 3.3-18.3l3.2-18.1 17.4-.3c16-.2 17.3-.1 17.3 1.5c0 1-1.1 8.3-2.5 16.4s-2.5 15.6-2.5 16.9l0 2.3 15.8-.3 15.8-.3 3.1-18.1 3-18.1 13.4-.3 13.3-.3v-15-15.1l-141.6 0-141.6 0v15.1z" 
+    fill="url(#japanese-gradient)"/>
+  <defs>
+    <linearGradient id="japanese-gradient" x1="20%" y1="80%" x2="80%" y2="20%" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#091f40"/>
+      <stop offset="1" stop-color="#c5203e"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/public/images/shape-animation/medal.svg b/public/images/shape-animation/medal.svg
@@ -0,0 +1,9 @@
+<svg width="800" height="800" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M591.079 474.525C586.493 459.981 574.211 449.647 559.102 447.511L473.598 435.543L434.993 360.06C434.208 358.52 433.046 357.295 432.072 355.882L526.088 318.282C559.07 305.089 580.399 273.614 580.399 238.087V154.971C580.399 124.658 555.741 100 525.428 100H274.132C243.82 100 219.161 124.658 219.161 154.971V238.087C219.161 273.614 240.49 305.089 273.473 318.282L367.866 356.039C366.955 357.39 365.824 358.583 365.039 360.06L326.433 435.543L240.93 447.511C225.821 449.647 213.57 459.981 208.984 474.494C204.366 489.006 208.387 504.555 219.476 514.984L280.446 572.342L265.997 653.824C263.389 668.557 269.201 683.289 281.231 692.21C288.173 697.361 296.341 700 304.602 700C310.664 700 316.758 698.586 322.413 695.728L400 656.369L477.588 695.728C490.938 702.45 506.707 701.162 518.769 692.241C530.8 683.289 536.642 668.588 534.004 653.856L519.554 572.373L580.493 515.046C591.613 504.586 595.634 489.1 591.016 474.556L591.079 474.525ZM486.195 147.087H525.46C529.794 147.087 533.312 150.605 533.312 154.94V238.056C533.312 254.201 523.606 268.525 508.623 274.525L486.195 283.509V147.087ZM313.429 283.477L291.001 274.493C276.017 268.494 266.311 254.201 266.311 238.024V154.908C266.311 150.573 269.829 147.055 274.164 147.055H313.429V283.446V283.477ZM360.547 147.087H439.077V302.325L399.812 318.03L360.547 302.325V147.087ZM478.027 546.772C472.248 552.238 469.578 560.217 470.991 568.07L484.938 646.6L410.743 608.937C407.413 607.24 403.738 606.392 400.094 606.392C396.451 606.392 392.775 607.24 389.446 608.937L315.251 646.6L329.198 568.07C330.58 560.217 327.941 552.238 322.161 546.772L263.829 491.896L345.218 480.493C352.819 479.425 359.447 474.713 362.934 467.897L400.126 395.178L437.318 467.897C440.804 474.745 447.432 479.457 455.034 480.493L536.422 491.896L478.09 546.772H478.027Z" fill="url(#paint0_linear_508_1010)"/>
+<defs>
+<linearGradient id="paint0_linear_508_1010" x1="228.868" y1="662.243" x2="550.149" y2="105.748" gradientUnits="userSpaceOnUse">
+<stop stop-color="#091f40"/>
+<stop offset="1" stop-color="#c5203e"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/containers/about/layout-02/index.tsx b/src/containers/about/layout-02/index.tsx
@@ -116,7 +116,7 @@ const AboutArea = ({
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-1.png" alt="" />
+                        <img src="/images/shape-animation/code.svg" alt="" />
                     </motion.div>
                 </div>
             </div>
diff --git a/src/containers/app-download/index.tsx b/src/containers/app-download/index.tsx
@@ -86,7 +86,7 @@ const AppDownloadArea = ({
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-1.png" alt="" />
+                        <img src="/images/shape-animation/code.svg" alt="" />
                     </motion.div>
                 </motion.div>
                 <motion.div
diff --git a/src/containers/blog/layout-01/index.tsx b/src/containers/blog/layout-01/index.tsx
@@ -131,7 +131,7 @@ const BlogArea = ({
                     }}
                 >
                     <img
-                        src="/images/shape-animation/shape-3.png"
+                        src="/images/shape-animation/medal.svg"
                         alt="shape"
                         loading="lazy"
                         width={178}
diff --git a/src/containers/contact-info/layout-01/index.tsx b/src/containers/contact-info/layout-01/index.tsx
@@ -122,7 +122,7 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-1.png" alt="" />
+                        <img src="/images/shape-animation/code.svg" alt="" />
                     </motion.div>
                     <motion.div
                         className="tw-absolute tw-z-1 tw-w-15 tw-bottom-[140px] tw-right-2.5 sm:tw-bottom-[314px] sm:tw-right-7.5 md:tw-w-auto md:tw-right-[70px]"
diff --git a/src/containers/hero/layout-01/index.tsx b/src/containers/hero/layout-01/index.tsx
@@ -111,7 +111,7 @@ const HeroArea = ({
                             }}
                         >
                             <img
-                                src="/images/shape-animation/shape-1.png"
+                                src="/images/shape-animation/code.svg"
                                 alt=""
                                 width={136}
                                 height={136}
diff --git a/src/containers/hero/layout-02/index.tsx b/src/containers/hero/layout-02/index.tsx
@@ -129,7 +129,7 @@ const HeroArea = ({
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-1.png" alt="" />
+                        <img src="/images/shape-animation/code.svg" alt="" />
                     </motion.div>
                     <motion.div
                         className="tw-absolute tw-z-1 tw-w-15 tw-bottom-[140px] tw-right-2.5 sm:tw-bottom-[314px] sm:tw-right-7.5 md:tw-w-auto md:tw-right-[70px]"
diff --git a/src/containers/register-guide/index.tsx b/src/containers/register-guide/index.tsx
@@ -97,7 +97,7 @@ const RegisterGuideArea = ({
                         }}
                     >
                         <img
-                            src="/images/shape-animation/shape-3.png"
+                            src="/images/shape-animation/medal.svg"
                             alt="shape"
                             loading="lazy"
                             width={178}
diff --git a/src/containers/team/layout-01/index.tsx b/src/containers/team/layout-01/index.tsx
@@ -53,7 +53,7 @@ const TeamArea = ({
                         }}
                     >
                         <img
-                            src="/images/shape-animation/shape-3.png"
+                            src="/images/shape-animation/medal.svg"
                             alt="shape"
                             loading="lazy"
                             width={178}
@@ -79,7 +79,7 @@ const TeamArea = ({
                         }}
                     >
                         <img
-                            src="/images/shape-animation/shape-1.png"
+                            src="/images/shape-animation/code.svg"
                             alt=""
                             loading="lazy"
                             width={136}
diff --git a/src/containers/testimonial/layout-04/index.tsx b/src/containers/testimonial/layout-04/index.tsx
@@ -71,7 +71,7 @@ const TestimonialArea = ({
                         }}
                     >
                         <img
-                            src="/images/shape-animation/shape-3.png"
+                            src="/images/shape-animation/medal.svg"
                             alt="shape"
                             loading="lazy"
                             width={178}
diff --git a/src/containers/testimonial/layout-05/index.tsx b/src/containers/testimonial/layout-05/index.tsx
@@ -85,7 +85,7 @@ const TestimonialArea = ({
                         y: trans2().y,
                     }}
                 >
-                    <img src="/images/shape-animation/shape-3.png" alt="" />
+                    <img src="/images/shape-animation/medal.svg" alt="" />
                 </motion.div>
             </div>
         </Section>
diff --git a/src/containers/video/layout-01/index.tsx b/src/containers/video/layout-01/index.tsx
@@ -82,7 +82,7 @@ const VideoArea = ({
                     }}
                 >
                     <img
-                        src="/images/shape-animation/shape-3.png"
+                        src="/images/shape-animation/medal.svg"
                         alt="shape"
                         loading="lazy"
                         width={178}
@@ -108,7 +108,7 @@ const VideoArea = ({
                     }}
                 >
                     <img
-                        src="/images/shape-animation/shape-1.png"
+                        src="/images/shape-animation/code.svg"
                         alt=""
                         loading="lazy"
                         width={136}
diff --git a/src/containers/video/layout-02/index.tsx b/src/containers/video/layout-02/index.tsx
@@ -66,7 +66,7 @@ const VideoArea = ({
                             y: trans2().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-3.png" alt="" />
+                        <img src="/images/shape-animation/medal.svg" alt="" />
                     </motion.div>
                     <motion.div
                         className="tw-absolute tw-z-20 tw-top-0 -tw-right-2.5 md:tw-right-7.5"
@@ -86,7 +86,7 @@ const VideoArea = ({
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-1.png" alt="" />
+                        <img src="/images/shape-animation/code.svg" alt="" />
                     </motion.div>
                 </div>
                 <div className="lg:tw-col-span-4 lg:tw-pl-5 xl:tw-pl-15">
diff --git a/src/containers/video/layout-03/index.tsx b/src/containers/video/layout-03/index.tsx
@@ -65,7 +65,7 @@ const VideoArea = ({
                             y: trans2().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-3.png" alt="" />
+                        <img src="/images/shape-animation/medal.svg" alt="" />
                     </motion.div>
                     <motion.div
                         className="tw-absolute tw-z-20 tw-top-0 -tw-right-2.5 md:tw-right-7.5"
@@ -85,7 +85,7 @@ const VideoArea = ({
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-1.png" alt="" />
+                        <img src="/images/shape-animation/code.svg" alt="" />
                     </motion.div>
                 </div>
                 <motion.div
diff --git a/src/containers/video/layout-04/index.tsx b/src/containers/video/layout-04/index.tsx
@@ -53,7 +53,7 @@ const VideoArea = ({ data: { images, video }, space, bg }: TProps) => {
                     }}
                 >
                     <img
-                        src="/images/shape-animation/shape-3.png"
+                        src="/images/shape-animation/medal.svg"
                         alt="shape"
                         loading="lazy"
                         width={178}
@@ -79,7 +79,7 @@ const VideoArea = ({ data: { images, video }, space, bg }: TProps) => {
                     }}
                 >
                     <img
-                        src="/images/shape-animation/shape-1.png"
+                        src="/images/shape-animation/code.svg"
                         alt=""
                         loading="lazy"
                         width={136}
diff --git a/src/containers/video/layout-06/index.tsx b/src/containers/video/layout-06/index.tsx
@@ -61,7 +61,7 @@ const VideoArea = ({
                             y: trans2().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-3.png" alt="" />
+                        <img src="/images/shape-animation/medal.svg" alt="" />
                     </motion.div>
                     <motion.div
                         className="tw-absolute tw-z-20 tw-top-0 -tw-right-2.5 md:tw-right-7.5"
@@ -81,7 +81,7 @@ const VideoArea = ({
                             y: trans1().y,
                         }}
                     >
-                        <img src="/images/shape-animation/shape-1.png" alt="" />
+                        <img src="/images/shape-animation/code.svg" alt="" />
                     </motion.div>
                 </div>
                 <motion.div
diff --git a/src/containers/video/layout-07/index.tsx b/src/containers/video/layout-07/index.tsx
@@ -79,7 +79,7 @@ const VideoArea = ({
                     }}
                 >
                     <img
-                        src="/images/shape-animation/shape-3.png"
+                        src="/images/shape-animation/medal.svg"
                         alt="shape"
                         loading="lazy"
                         width={178}
@@ -105,7 +105,7 @@ const VideoArea = ({
                     }}
                 >
                     <img
-                        src="/images/shape-animation/shape-1.png"
+                        src="/images/shape-animation/code.svg"
                         alt=""
                         loading="lazy"
                         width={136}

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ const AboutArea = ({`
`116`	`116`	`y: trans1().y,`
`117`	`117`	`}}`
`118`	`118`	`>`
`119`		`- <img src="/images/shape-animation/shape-1.png" alt="" />`
	`119`	`+ <img src="/images/shape-animation/code.svg" alt="" />`
`120`	`120`	`</motion.div>`
`121`	`121`	`</div>`
`122`	`122`	`</div>`
Original file line number	Diff line number	Diff line change
`@@ -86,7 +86,7 @@ const AppDownloadArea = ({`
`86`	`86`	`y: trans1().y,`
`87`	`87`	`}}`
`88`	`88`	`>`
`89`		`- <img src="/images/shape-animation/shape-1.png" alt="" />`
	`89`	`+ <img src="/images/shape-animation/code.svg" alt="" />`
`90`	`90`	`</motion.div>`
`91`	`91`	`</motion.div>`
`92`	`92`	`<motion.div`
Original file line number	Diff line number	Diff line change
`@@ -131,7 +131,7 @@ const BlogArea = ({`
`131`	`131`	`}}`
`132`	`132`	`>`
`133`	`133`	`<img`
`134`		`- src="/images/shape-animation/shape-3.png"`
	`134`	`+ src="/images/shape-animation/medal.svg"`
`135`	`135`	`alt="shape"`
`136`	`136`	`loading="lazy"`
`137`	`137`	`width={178}`
Original file line number	Diff line number	Diff line change
`@@ -122,7 +122,7 @@ const ContactInfo = ({ data: { section_title, items, images } }: TProps) => {`
`122`	`122`	`y: trans1().y,`
`123`	`123`	`}}`
`124`	`124`	`>`
`125`		`- <img src="/images/shape-animation/shape-1.png" alt="" />`
	`125`	`+ <img src="/images/shape-animation/code.svg" alt="" />`
`126`	`126`	`</motion.div>`
`127`	`127`	`<motion.div`
`128`	`128`	`className="tw-absolute tw-z-1 tw-w-15 tw-bottom-[140px] tw-right-2.5 sm:tw-bottom-[314px] sm:tw-right-7.5 md:tw-w-auto md:tw-right-[70px]"`