feature

deskripsi:
- portofolio: detail bisnis, maps, media social
- new component divide
# No Issue

screens/Portofolio/SocialMediaSection.tsx

@@ -0,0 +1,79 @@
+import { BaseBox, Grid, StackCustom, TextCustom } from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { Ionicons } from "@expo/vector-icons";
+import { View } from "react-native";
+
+export default function Portofolio_SocialMediaSection() {
+  const listData = [
+    {
+      label: "Facebook ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-facebook"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+    {
+      label: "Tiktok ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-tiktok"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+    {
+      label: "Instagram ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-instagram"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+    {
+      label: "Twitter ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-twitter"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+    {
+      label: "Youtube ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-youtube"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+  ];
+  return (
+    <>
+      <BaseBox>
+        <StackCustom>
+          <TextCustom bold>Media Sosial Bisnis</TextCustom>
+          {listData.map((item, index) => (
+            <Grid key={index}>
+              <Grid.Col span={2} style={{ alignItems: "center" }}>
+                {item.icon}
+              </Grid.Col>
+              <Grid.Col span={10} style={{ paddingLeft: 5 }}>
+                <TextCustom>{item.label}</TextCustom>
+              </Grid.Col>
+            </Grid>
+          ))}
+        </StackCustom>
+      </BaseBox>
+    </>
+  );
+}