62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:T3e8b,import { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { Card, CardFooter } from '@/components/ui/card'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { ExternalLink, BookOpen, MessageCircle, Quote, ThumbsUp, Share2 } from 'lucide-react'; import { Linkedin, Twitter } from '@/components/ui/brand-icons'; import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'; // Types interface Expert { id: string; name: string; title: string; company: string; avatarUrl: string; bio: string; response: string; socialLinks?: { twitter?: string; linkedin?: string; website?: string; }; } interface ExpertRoundupData { id: string; title: string; subtitle: string; topic: string; introText: string; question: string; publishDate: string; categories: string[]; experts: Expert[]; conclusion: string; } // Sample data const expertRoundupData: ExpertRoundupData = { id: 'content-marketing-trends-2023', title: 'Content Marketing Trends for 2023', subtitle: '12 Industry Experts Share Their Predictions', topic: 'Content Marketing', introText: "As we move further into the digital age, content marketing continues to evolve at a rapid pace. To help you stay ahead of the curve, we've reached out to leading experts in the field to get their insights on the most important trends shaping content marketing in 2023 and beyond.", question: 'What do you believe will be the biggest trend or shift in content marketing strategy for 2023?', publishDate: 'January 15, 2023', categories: ['Content Marketing', 'Industry Trends', 'Expert Opinions'], experts: [ { id: 'expert-1', name: 'Alex Reynolds', title: 'Chief Marketing Officer', company: 'GrowthLab Digital', avatarUrl: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=200&auto=format&fit=crop', bio: 'Alex has over 15 years of experience in digital marketing and has helped scale content operations for several Fortune 500 companies.', response: "The biggest shift I'm seeing is towards what I call 'content atomization' – creating a single, comprehensive piece of content and then breaking it down into dozens of micro-content pieces optimized for different platforms and formats. This approach maximizes ROI on content creation while addressing the decreasing attention spans across digital channels. Companies that master this approach will see 3-5x more engagement from the same content investment.", socialLinks: { twitter: '#', linkedin: '#', website: '#', }, }, { id: 'expert-2', name: 'Sophia Chen', title: 'Content Strategy Director', company: 'TechInnovate', avatarUrl: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200&auto=format&fit=crop', bio: 'Sophia specializes in B2B content strategy and has pioneered several data-driven approaches to content optimization.', response: "AI-assisted content creation will become mainstream, but not in the way most people think. The best content teams won't use AI to replace writers but to enhance human creativity and productivity. I expect to see content teams using AI for research, outlining, editing, and personalization at scale, while keeping human creativity at the core. This hybrid approach will allow brands to produce more personalized content without losing authenticity.", socialLinks: { linkedin: '#', website: '#', }, }, { id: 'expert-3', name: 'Marcus Johnson', title: 'Founder', company: 'ContentScale Academy', avatarUrl: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200&auto=format&fit=crop', bio: 'Marcus runs one of the most popular content marketing education platforms, training over 50,000 marketers annually.', response: "User-generated content will evolve from a nice-to-have to a strategic necessity. As consumer trust in branded content continues to decline, smart companies will build systematic approaches to cultivate, curate, and amplify authentic customer voices. This isn't just about collecting reviews – it's about building community-driven content programs that turn customers into contributors and advocates. The brands that do this well will see dramatic improvements in both trust metrics and conversion rates.", socialLinks: { twitter: '#', linkedin: '#', website: '#', }, }, { id: 'expert-4', name: 'Priya Sharma', title: 'VP of Content', company: 'GlobalReach Media', avatarUrl: 'https://images.unsplash.com/photo-1534751516642-a1af1ef26a56?q=80&w=200&auto=format&fit=crop', bio: 'Priya has led content strategy for multinational brands across APAC, Europe, and North America.', response: "Content localization is becoming more sophisticated and essential. It's no longer enough to simply translate content for different markets – you need to culturally adapt it while maintaining brand consistency. I'm seeing leading companies invest in AI-powered localization tools combined with local content creators to produce truly resonant content for each market. This 'glocal' approach – global strategy with local execution – will be critical for brands with international ambitions.", socialLinks: { linkedin: '#', website: '#', }, }, { id: 'expert-5', name: 'David Ogilvy', title: 'Content Intelligence Lead', company: 'DataDriven Content', avatarUrl: 'https://images.unsplash.com/photo-1530268729831-4b0b9e170218?q=80&w=200&auto=format&fit=crop', bio: 'David combines content expertise with data science to help companies optimize their content performance.', response: "Real-time content optimization based on audience behavior will become the new standard. Static content calendars planned months in advance will give way to more dynamic approaches that respond to audience signals. The most successful content teams will build systems that can quickly identify trending topics, test multiple angles, and double down on what's working. This requires not just new tools but a cultural shift toward more agile content operations.", socialLinks: { twitter: '#', linkedin: '#', }, }, { id: 'expert-6', name: 'Emma Wilson', title: 'Founder & Content Strategist', company: 'Narrative Studio', avatarUrl: 'https://images.unsplash.com/photo-1580489944761-15a19d654956?q=80&w=200&auto=format&fit=crop', bio: 'Emma helps brands develop distinctive voices and narrative frameworks that build audience connection.', response: "The pendulum is swinging back toward quality over quantity. After years of content saturation, audiences are becoming more selective, and algorithm changes across platforms are increasingly rewarding depth and expertise. I'm advising clients to produce fewer pieces but invest more in each one – more original research, more thoughtful analysis, more memorable storytelling. This approach not only performs better but is more sustainable for content teams facing burnout from constant production demands.", socialLinks: { twitter: '#', website: '#', }, }, ], conclusion: "While each expert brings a unique perspective, several common themes emerge from their predictions. The focus on quality over quantity, the strategic integration of AI tools, and the importance of authentic human connection all point to a more mature phase of content marketing. As the field continues to evolve, successful marketers will need to balance technological innovation with timeless principles of valuable, audience-focused content. By incorporating these insights into your 2023 strategy, you'll be well-positioned to stay ahead of the curve in the changing content landscape.", }; export default function BlogSectionExpertRoundup() { const { title, subtitle, topic, introText, question, publishDate, categories, experts, conclusion, } = expertRoundupData; return (

{/* Header */}

{topic}

{title}

{subtitle}

Published: {publishDate} •

{/* Introduction */}

{introText}

Our Question to the Experts

"{question}"

{/* Categories */}

{categories.map((category, index) => ( {category} ))}

{/* Expert responses - Mobile tabs */}

{experts.map((expert) => ( {expert.name.charAt(0)} {expert.name} ))} {experts.map((expert) => ( ))}

{/* Expert responses - Desktop */}

{experts.map((expert, index) => ( ))}

{/* Conclusion */}

Key Takeaways

{conclusion}

{/* Call to action */}

); } // Expert card component function ExpertCard({ expert, index }: { expert: Expert; index?: number }) { const { name, title, company, avatarUrl, bio, response, socialLinks } = expert; return (

{/* Expert info */}

{name.charAt(0)}

{index && ( Expert #{index} )}

{name}

{title}

{company}

{bio}

{socialLinks && (

{socialLinks.twitter && ( )} {socialLinks.linkedin && ( )} {socialLinks.website && ( )}

)}

{/* Expert response */}

{response}

); } // Basic prose styles const styles = ` .prose { color: var(--foreground); } .prose p { margin-bottom: 1.25em; } .prose h1, .prose h2, .prose h3 { color: var(--foreground); margin-bottom: 0.8em; } .prose a { color: var(--primary); text-decoration: none; } .prose a:hover { text-decoration: underline; } .prose-quoteless p { quotes: none; } .prose-quoteless p:before, .prose-quoteless p:after { content: none; } `; if (typeof window !== 'undefined') { const styleSheet = document.createElement('style'); styleSheet.type = 'text/css'; styleSheet.innerText = styles; document.head.appendChild(styleSheet); } 65:Td06,import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { Slot } from "radix-ui" import { cn } from "@/lib/utils" const buttonVariants = cva( "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", { variants: { variant: { default: "bg-primary text-primary-foreground hover:bg-primary/80", outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50", secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground", ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50", destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40", link: "text-primary underline-offset-4 hover:underline", }, size: { default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2", xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3", sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5", lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2", icon: "size-9", "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3", "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md", "icon-lg": "size-10", }, }, defaultVariants: { variant: "default", size: "default", }, } ) function Button({ className, variant = "default", size = "default", asChild = false, ...props }: React.ComponentProps<"button"> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot.Root : "button" return ( ) } export { Button, buttonVariants } 66:T749,import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { Slot } from "radix-ui" import { cn } from "@/lib/utils" const badgeVariants = cva( "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", { variants: { variant: { default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80", secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80", destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20", outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground", ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50", link: "text-primary underline-offset-4 hover:underline", }, }, defaultVariants: { variant: "default", }, } ) function Badge({ className, variant = "default", asChild = false, ...props }: React.ComponentProps<"span"> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot.Root : "span" return ( ) } export { Badge, badgeVariants } 67:Ta35,import * as React from "react" import { cn } from "@/lib/utils" function Card({ className, size = "default", ...props }: React.ComponentProps<"div"> & { size?: "default" | "sm" }) { return (

img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className )} {...props} /> ) } function CardHeader({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardTitle({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardDescription({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardAction({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardContent({ className, ...props }: React.ComponentProps<"div">) { return (

) } function CardFooter({ className, ...props }: React.ComponentProps<"div">) { return (

) } export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } 68:Tdf4,"use client" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { Tabs as TabsPrimitive } from "radix-ui" import { cn } from "@/lib/utils" function Tabs({ className, orientation = "horizontal", ...props }: React.ComponentProps) { return ( ) } const tabsListVariants = cva( "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none", { variants: { variant: { default: "bg-muted", line: "gap-1 bg-transparent", }, }, defaultVariants: { variant: "default", }, } ) function TabsList({ className, variant = "default", ...props }: React.ComponentProps & VariantProps) { return ( ) } function TabsTrigger({ className, ...props }: React.ComponentProps) { return ( ) } function TabsContent({ className, ...props }: React.ComponentProps) { return ( ) } export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants } 69:Tca5,import type { ReactNode, SVGProps } from "react" type BrandIconProps = Omit, "color"> & { title?: string color?: string size?: number | string } /** * The brand glyphs Simple Icons has dropped at their owners' request. Every * other brand comes straight from the package, imported where it is used * (`import { SiGithub } from "@icons-pack/react-simple-icons"`); these three * keep the last path Simple Icons published, on its 24 unit grid, and take the * package's props (title, color, size) so both read alike in a block. */ function BrandSvg({ children, color = "currentColor", size = 24, title, ...props }: BrandIconProps & { children: ReactNode }) { return ( ) } function Linkedin(props: BrandIconProps) { return ( ) } function Slack(props: BrandIconProps) { return ( ) } function Twitter(props: BrandIconProps) { return ( ) } export { Linkedin, Slack, Twitter } 6a:Tc1a,"use client" import * as React from "react" import { Avatar as AvatarPrimitive } from "radix-ui" import { cn } from "@/lib/utils" function Avatar({ className, size = "default", ...props }: React.ComponentProps & { size?: "default" | "sm" | "lg" }) { return ( ) } function AvatarImage({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarFallback({ className, ...props }: React.ComponentProps) { return ( ) } function AvatarBadge({ className, ...props }: React.ComponentProps<"span">) { return ( svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className )} {...props} /> ) } function AvatarGroup({ className, ...props }: React.ComponentProps<"div">) { return (

) } function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">) { return (

svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className )} {...props} /> ) } export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, } 61:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","class-variance-authority",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/class-variance-authority","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"class-variance-authority"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","radix-ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/radix-ui","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"radix-ui"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":[]}]]}],null]}],["$","$L63",null,{"files":[{"path":"components/blocks/marketing/blog-sections/expert-roundup.tsx","content":"$64","type":"registry:component","target":"components/blocks/marketing/blog-sections/expert-roundup.tsx"},{"path":"components/ui/button.tsx","content":"$65","type":"registry:ui","target":"components/ui/button.tsx"},{"path":"components/ui/badge.tsx","content":"$66","type":"registry:ui","target":"components/ui/badge.tsx"},{"path":"components/ui/card.tsx","content":"$67","type":"registry:ui","target":"components/ui/card.tsx"},{"path":"components/ui/tabs.tsx","content":"$68","type":"registry:ui","target":"components/ui/tabs.tsx"},{"path":"components/ui/brand-icons.tsx","content":"$69","type":"registry:ui","target":"components/ui/brand-icons.tsx"},{"path":"components/ui/avatar.tsx","content":"$6a","type":"registry:ui","target":"components/ui/avatar.tsx"}],"className":"h-[70svh] min-h-80"}]]}]