Connect
- {footerSocialLinks.map((item) => (
+ {socialPlatforms.map(({ key, label, icon: Icon }) => (
-
+
))}
diff --git a/components/social-bar.tsx b/components/social-bar.tsx
index 40937dd..8e0d6d5 100644
--- a/components/social-bar.tsx
+++ b/components/social-bar.tsx
@@ -1,4 +1,4 @@
-import { XIcon } from "@/components/icons";
+import { socialPlatforms } from "@/components/social-platforms";
import { Button } from "@/components/ui/button";
import { OutboundLink } from "@/components/outbound-link";
import type { SocialLinks } from "@/lib/site-data";
@@ -11,20 +11,22 @@ interface SocialBarProps {
export function SocialBar({ links, context = "social_bar" }: SocialBarProps) {
return (
-
+ {socialPlatforms.map(({ key, label, icon: Icon }) => (
+
+ ))}
);
}
diff --git a/components/social-platforms.ts b/components/social-platforms.ts
new file mode 100644
index 0000000..6b6a19d
--- /dev/null
+++ b/components/social-platforms.ts
@@ -0,0 +1,18 @@
+import { BookOpen, Facebook, Instagram, Linkedin } from "lucide-react";
+import type { ComponentType } from "react";
+import { XIcon } from "@/components/icons";
+import type { SocialLinks } from "@/lib/site-data";
+
+interface SocialPlatform {
+ key: keyof SocialLinks;
+ label: string;
+ icon: ComponentType<{ className?: string }>;
+}
+
+export const socialPlatforms: SocialPlatform[] = [
+ { key: "facebook", label: "Facebook", icon: Facebook },
+ { key: "instagram", label: "Instagram", icon: Instagram },
+ { key: "blog", label: "Blog", icon: BookOpen },
+ { key: "x", label: "X", icon: XIcon },
+ { key: "linkedin", label: "LinkedIn", icon: Linkedin },
+];
diff --git a/lib/site-data.ts b/lib/site-data.ts
index 40e23e9..a88d09c 100644
--- a/lib/site-data.ts
+++ b/lib/site-data.ts
@@ -24,11 +24,19 @@ export interface NavLink {
}
export interface SocialLinks {
+ facebook: string;
+ instagram: string;
+ blog: string;
x: string;
+ linkedin: string;
}
export const socialLinks: SocialLinks = {
+ facebook: "https://www.facebook.com/lamplitlabs",
+ instagram: "https://www.instagram.com/lamplitlabs",
+ blog: "https://blogs.lamplitlabs.com",
x: "https://x.com/lamplitlabs",
+ linkedin: "https://www.linkedin.com/company/lamplitlabs",
};
export const products: Product[] = [
@@ -204,7 +212,7 @@ export const products: Product[] = [
export const navLinks: NavLink[] = [
{ label: "Products", href: "#products" },
{ label: "About", href: "#about" },
- { label: "Blog", href: "https://blogs.lamplitlabs.com", external: true },
+ { label: "Blog", href: socialLinks.blog, external: true },
{ label: "Contact", href: "#contact" },
];