add new section and change folder on img

Author: FebryanHernanda

public/FH-Logo.svg

@@ -0,0 +1,9 @@
+import { styleConfig } from "./Card.config";
+import { Props } from "./Card.types";
+
+const Card = (props: Props) => {
+  const { type, children } = props;
+  return <div className={styleConfig[type]}>{children}</div>;
+};
+
+export default Card;

public/FebryanHernanda-Resume.pdf

@@ -0,0 +1,6 @@
+const styleConfig = {
+  image: "w-full h-[400px] overflow-hidden rounded-3xl",
+  text: "w-full h-[200px] bg-white p-5 flex flex-col gap-1 justify-center rounded-3xl max-[1280px]:w-full 2xl:w-[550px]",
+};
+
+export { styleConfig };

src/img/Icon/linkedin.png public/img/Icon/linkedin.pngsrc/img/Icon/linkedin.png renamed to public/img/Icon/linkedin.png

@@ -0,0 +1,4 @@
+export type Props = {
+  children: React.ReactNode;
+  type: "image" | "text";
+};

src/img/Icon/mail.png public/img/Icon/mail.pngsrc/img/Icon/mail.png renamed to public/img/Icon/mail.png

@@ -0,0 +1 @@
+export { default as Card } from "./Card.component";

src/img/Icon/whatsapp.png public/img/Icon/whatsapp.pngsrc/img/Icon/whatsapp.png renamed to public/img/Icon/whatsapp.png

@@ -1,6 +1,7 @@
 const styleConfig = {
-  avatar: "bg-[#EFEFEF] rounded-full p-[10px] w-10 h-10",
-  logo: "w-7 mx-auto",
+  avatar:
+    "bg-white rounded-full p-[10px] w-10 h-10 hover:bg-gray-200 transition-all",
+  logo: "w-7 mx-auto ",
 };
 
 export { styleConfig };