"use client"; import { Badge } from "@/components/ui/badge"; import Link from "next/link"; import { cn } from "@/lib/utils"; interface SocialLink { platform: string; handle: string; url: string; followers?: string; } interface Education86Props { badge?: { label: string; variant?: "default" | "secondary" | "outline" }; heading: string; description?: string; socialLinks?: SocialLink[]; className?: string; } export const education86Demo: Education86Props = { badge: { label: "Connect", variant: "outline" }, heading: "Follow Us on Social Media", description: "Stay updated with campus news, events, and student life.", socialLinks: [ { platform: "Instagram", handle: "@universitylife", url: "https://instagram.com/beste.official", followers: "125K", }, { platform: "Twitter", handle: "@university", url: "https://x.com/withbeste", followers: "89K", }, { platform: "LinkedIn", handle: "University", url: "https://linkedin.com/company/bestestudio", followers: "245K", }, { platform: "YouTube", handle: "University Channel", url: "#", followers: "50K", }, ], }; export function Education86({ badge, heading, description, socialLinks = [], className, }: Education86Props) { return (

{badge && ( {badge.label} )}

{heading}

{description && (

{description}

)}

{socialLinks.length > 0 && (

{socialLinks.map((social, i) => (

{social.platform}

{social.handle}

{social.followers && (

{social.followers}

followers

)} ))}

)}

); }

Ecommerce - Social Media Trending Blocks

Select an Item to view its code