updated

rNLKJA · Jan 14, 2024 · ceda601 · ceda601 · vercel · Jan 14, 2024
1 parent ce6ff8c
commit ceda601
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 8 deletions.
diff --git a/components/pages/homepage/Contact.jsx b/components/pages/homepage/Contact.jsx
@@ -1,5 +1,9 @@
 import React from "react";
 import Image from "next/legacy/image";
+import { TfiEmail } from "react-icons/tfi";
+import { HiOutlinePhone } from "react-icons/hi2";
+import { CiLocationOn } from "react-icons/ci";
+import { RiWechat2Line } from "react-icons/ri";
 
 const ContactSection = () => {
   return (
@@ -27,13 +31,29 @@ const ContactSection = () => {
         <br />
 
         <div className="grid md:grid-cols-2 gap-5">
-          <ContactDetail type="email" value="huang@rin.contact" />
+          <ContactDetail
+            title="Email"
+            value="huang@rin.contact"
+            icon=<TfiEmail style={{ fontSize: "24px" }} />
+          />
 
-          <ContactDetail type="wechat" value="+86 138 8533 0703" />
+          <ContactDetail
+            title="Wechat"
+            value="+86 138 8533 0703"
+            icon=<RiWechat2Line style={{ fontSize: "24px" }} />
+          />
 
-          <ContactDetail type="phone" value="+61 450 270 703" />
+          <ContactDetail
+            title="Phone"
+            value="+61 450 270 703"
+            icon=<HiOutlinePhone style={{ fontSize: "24px" }} />
+          />
 
-          <ContactDetail type="location" value="Melbourne" />
+          <ContactDetail
+            title="Location"
+            value="Melbourne"
+            icon=<CiLocationOn style={{ fontSize: "24px" }} />
+          />
         </div>
       </div>
     </div>

diff --git a/components/pages/homepage/HeroSection.jsx b/components/pages/homepage/HeroSection.jsx
@@ -70,7 +70,6 @@ const HeroHeaderSection = () => {
           width={900}
           height={500}
           layout="responsive"
-          sizes="(max-width: 768px) 100vw, 768px"
           quality={50}
         />
       </div>

diff --git a/components/pages/homepage/layout/AboutLayout.jsx b/components/pages/homepage/layout/AboutLayout.jsx
@@ -15,10 +15,9 @@ export const AboutLayout = () => {
           <Image
             src="/images/index/about-curious-cat.svg"
             alt="about image"
-            width={400}
-            height={400}
+            width={350}
+            height={350}
             quality={50}
-            responsive
           />
         </Zoom>
       </div>