feat: add businesses logos

app/components/business-section.tsx

@@ -8,6 +8,8 @@ import {
 import { Globe, Instagram, Facebook } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
 import { SiTiktok } from "react-icons/si";
+import vivecoffee from "@/assets/business-logos/vivecoffee.png";
+import aravista from "@/assets/business-logos/aravista.png";
 
 interface Business {
 	_id: string;
@@ -34,7 +36,8 @@ export function BusinessSection({ businesses = [] }: BusinessSectionProps) {
 				<h2 className="text-4xl font-bold text-center mb-16">Businesses</h2>
 
 				<div className="grid md:grid-cols-2 gap-8">
-					{businesses.map((business) => (
+					{businesses.map((business) => {
+						return (
 							<Card
 								key={business._id}
 								className="hover:shadow-lg transition-shadow"
@@ -42,11 +45,28 @@ export function BusinessSection({ businesses = [] }: BusinessSectionProps) {
 								<CardHeader>
 									<CardTitle className="flex items-center justify-between">
 										{business.name}
-									<Badge variant="secondary">Est. {business.established}</Badge>
+										<Badge variant="secondary">
+											Est. {business.established}
+										</Badge>
 									</CardTitle>
 									<div className="text-sm text-foreground mb-1">
 										{business.role}
 									</div>
+									{business.logo && (
+										<div className="flex justify-center mb-3">
+											<img
+												src={
+													business.logo === "vivecoffee"
+														? vivecoffee
+														: business.logo === "aravista"
+														? aravista
+														: ""
+												}
+												alt={`${business.name} logo`}
+												className="w-full max-h-24 object-contain rounded-md shadow"
+											/>
+										</div>
+									)}
 									<CardDescription className="leading-relaxed">
 										{business.description}
 									</CardDescription>
@@ -96,7 +116,8 @@ export function BusinessSection({ businesses = [] }: BusinessSectionProps) {
 									</div>
 								</CardContent>
 							</Card>
-					))}
+						);
+					})}
 				</div>
 			</div>
 		</section>

app/data/portfolio.ts

@@ -206,6 +206,7 @@ export const portfolioData = {
 			description:
 				"Vive Coffee is a coffee beans reseller in Brunei Darussalam, offering a range of specialty coffees from all over the world. We focus on quality and sustainability, sourcing our beans from local farmers.",
 			instagramUrl: "https://www.instagram.com/vivecoffee.bn/",
+			logo: "vivecoffee",
 		},
 		{
 			_id: "2",
@@ -218,6 +219,7 @@ export const portfolioData = {
 			instagramUrl: "https://www.instagram.com/aravista.official/",
 			facebookUrl: "https://www.facebook.com/profile.php?id=61576677113507",
 			tiktokUrl: "https://www.tiktok.com/@aravista.official",
+			logo: "aravista",
 		},
 	],
 };