diff --git a/app/assets/business-logos/aravista.png b/app/assets/business-logos/aravista.png
new file mode 100644
index 0000000..6e31ea0
Binary files /dev/null and b/app/assets/business-logos/aravista.png differ
diff --git a/app/assets/business-logos/vivecoffee.png b/app/assets/business-logos/vivecoffee.png
new file mode 100644
index 0000000..150a518
Binary files /dev/null and b/app/assets/business-logos/vivecoffee.png differ
diff --git a/app/components/business-section.tsx b/app/components/business-section.tsx
index e6a238e..2208b20 100644
--- a/app/components/business-section.tsx
+++ b/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,69 +36,88 @@ 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) => (
-						<Card
-							key={business._id}
-							className="hover:shadow-lg transition-shadow"
-						>
-							<CardHeader>
-								<CardTitle className="flex items-center justify-between">
-									{business.name}
-									<Badge variant="secondary">Est. {business.established}</Badge>
-								</CardTitle>
-								<div className="text-sm text-foreground mb-1">
-									{business.role}
-								</div>
-								<CardDescription className="leading-relaxed">
-									{business.description}
-								</CardDescription>
-							</CardHeader>
-							<CardContent className="space-y-2">
-								<div className="flex gap-3 pt-2">
-									{business.websiteUrl && (
-										<a
-											href={business.websiteUrl}
-											target="_blank"
-											rel="noopener noreferrer"
-											aria-label="Website"
-										>
-											<Globe className="w-5 h-5 text-blue-500" />
-										</a>
+					{businesses.map((business) => {
+						return (
+							<Card
+								key={business._id}
+								className="hover:shadow-lg transition-shadow"
+							>
+								<CardHeader>
+									<CardTitle className="flex items-center justify-between">
+										{business.name}
+										<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>
 									)}
-									{business.instagramUrl && (
-										<a
-											href={business.instagramUrl}
-											target="_blank"
-											rel="noopener noreferrer"
-											aria-label="Instagram"
-										>
-											<Instagram className="w-5 h-5 text-pink-500" />
-										</a>
-									)}
-									{business.facebookUrl && (
-										<a
-											href={business.facebookUrl}
-											target="_blank"
-											rel="noopener noreferrer"
-											aria-label="Facebook"
-										>
-											<Facebook className="w-5 h-5 text-blue-700" />
-										</a>
-									)}
-									{business.tiktokUrl && (
-										<a
-											href={business.tiktokUrl}
-											target="_blank"
-											rel="noopener noreferrer"
-											aria-label="TikTok"
-										>
-											<SiTiktok className="w-5 h-5 text-black" />
-										</a>
-									)}
-								</div>
-							</CardContent>
-						</Card>
-					))}
+									<CardDescription className="leading-relaxed">
+										{business.description}
+									</CardDescription>
+								</CardHeader>
+								<CardContent className="space-y-2">
+									<div className="flex gap-3 pt-2">
+										{business.websiteUrl && (
+											<a
+												href={business.websiteUrl}
+												target="_blank"
+												rel="noopener noreferrer"
+												aria-label="Website"
+											>
+												<Globe className="w-5 h-5 text-blue-500" />
+											</a>
+										)}
+										{business.instagramUrl && (
+											<a
+												href={business.instagramUrl}
+												target="_blank"
+												rel="noopener noreferrer"
+												aria-label="Instagram"
+											>
+												<Instagram className="w-5 h-5 text-pink-500" />
+											</a>
+										)}
+										{business.facebookUrl && (
+											<a
+												href={business.facebookUrl}
+												target="_blank"
+												rel="noopener noreferrer"
+												aria-label="Facebook"
+											>
+												<Facebook className="w-5 h-5 text-blue-700" />
+											</a>
+										)}
+										{business.tiktokUrl && (
+											<a
+												href={business.tiktokUrl}
+												target="_blank"
+												rel="noopener noreferrer"
+												aria-label="TikTok"
+											>
+												<SiTiktok className="w-5 h-5 text-black" />
+											</a>
+										)}
+									</div>
+								</CardContent>
+							</Card>
+						);
+					})}
 				</div>
 			</div>
 		</section>
diff --git a/app/data/portfolio.ts b/app/data/portfolio.ts
index 2366454..d7f3cec 100644
--- a/app/data/portfolio.ts
+++ b/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",
 		},
 	],
 };