feat: add tiktok logo

app/components/business-section.tsx

@@ -7,6 +7,7 @@ import {
 } from "@/components/ui/card";
 import { Globe, Instagram, Facebook } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
+import { SiTiktok } from "react-icons/si";
 
 interface Business {
 	_id: string;
@@ -89,7 +90,7 @@ export function BusinessSection({ businesses = [] }: BusinessSectionProps) {
 											rel="noopener noreferrer"
 											aria-label="TikTok"
 										>
-											{/* <Tiktok className="w-5 h-5 text-black" /> */}
+											<SiTiktok className="w-5 h-5 text-black" />
 										</a>
 									)}
 								</div>

package-lock.json

@@ -23,6 +23,7 @@
 				"lucide-react": "^0.513.0",
 				"react": "^18.3.1",
 				"react-dom": "^18.3.1",
+				"react-icons": "^5.5.0",
 				"tailwind-merge": "^3.3.0",
 				"tailwindcss-animate": "^1.0.7"
 			},
@@ -8929,6 +8930,15 @@
 				"react": "^18.3.1"
 			}
 		},
+		"node_modules/react-icons": {
+			"version": "5.5.0",
+			"resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
+			"integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
+			"license": "MIT",
+			"peerDependencies": {
+				"react": "*"
+			}
+		},
 		"node_modules/react-refresh": {
 			"version": "0.14.2",
 			"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",

package.json

@@ -37,6 +37,7 @@
 		"lucide-react": "^0.513.0",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
+		"react-icons": "^5.5.0",
 		"tailwind-merge": "^3.3.0",
 		"tailwindcss-animate": "^1.0.7"
 	},