4e: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 4f: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 50:T1799,import { cn } from "@/lib/utils"; import { FullWidthDivider } from "@/components/full-width-divider"; import { LazyImage } from "@/components/lazy-image"; type BlogType = { title: string; href: string; description: string; author: string; createdAt: string; readTime: string; image: string; }; const blogs: BlogType[] = [ { title: "Design Systems That Scale", href: "#", description: "Learn how to build and maintain scalable design systems that empower teams to move faster while staying consistent.", image: "https://storage.efferd.com/creative/beams.webp", createdAt: "2025-08-25", author: "Ava Mitchell", readTime: "7 min read", }, { title: "The Psychology of Color in UI", href: "#", description: "Explore how different colors influence user perception, emotion, and conversion in digital product design.", image: "https://storage.efferd.com/creative/plasma.webp", createdAt: "2025-07-14", author: "Liam Carter", readTime: "5 min read", }, { title: "Microinteractions That Delight", href: "#", description: "Discover how subtle animations and interactions can enhance usability and bring joy to your users.", image: "https://storage.efferd.com/creative/ripple-grid.webp", createdAt: "2025-06-30", author: "Sophia Kim", readTime: "6 min read", }, { title: "Accessibility Beyond Compliance", href: "#", description: "Practical steps to make your UI accessible, not just legally compliant, but genuinely inclusive for everyone.", image: "https://storage.efferd.com/creative/silk.webp", createdAt: "2025-06-18", author: "Ethan Rodriguez", readTime: "8 min read", }, { title: "Dark Mode Done Right", href: "#", description: "Tips and tricks to design beautiful and functional dark mode experiences that users will love.", image: "https://storage.efferd.com/creative/dark-veil.webp", createdAt: "2025-05-20", author: "Maya Chen", readTime: "4 min read", }, { title: "Typography That Speaks", href: "#", description: "How to select and pair typefaces that enhance readability, hierarchy, and brand personality.", image: "https://storage.efferd.com/creative/threads.webp", createdAt: "2025-05-02", author: "Noah Patel", readTime: "9 min read", }, { title: "The Future of UI Animation", href: "#", description: "From motion guidelines to advanced prototyping—discover where UI animation is headed in 2025.", image: "https://storage.efferd.com/creative/hyperspeed.webp", createdAt: "2025-04-15", author: "Chloe Ramirez", readTime: "10 min read", }, { title: "Minimalism vs Maximalism", href: "#", description: "A deep dive into two opposing design philosophies and how to decide which fits your product.", image: "https://storage.efferd.com/creative/pixel-blast.webp", createdAt: "2025-04-01", author: "Benjamin Scott", readTime: "6 min read", }, { title: "Designing for Mobile-First", href: "#", description: "Best practices for mobile-first design, from layout decisions to performance optimization.", image: "https://storage.efferd.com/creative/floating-lines.webp", createdAt: "2025-03-22", author: "Isabella White", readTime: "7 min read", }, { title: "Figma Hacks for Power Users", href: "#", description: "Hidden features, shortcuts, and workflows in Figma that can dramatically speed up your design process.", image: "https://storage.efferd.com/creative/color-bends.webp", createdAt: "2025-03-09", author: "James Walker", readTime: "5 min read", }, { title: "Designing With AI Tools", href: "#", description: "A practical look at how AI tools are shaping UI/UX workflows—from ideation to final delivery.", image: "https://storage.efferd.com/creative/light-rays.webp", createdAt: "2025-02-28", author: "Olivia Brooks", readTime: "8 min read", }, { title: "The Art of Prototyping", href: "#", description: "How to create prototypes that effectively communicate your ideas and speed up stakeholder feedback.", image: "https://storage.efferd.com/creative/orb.webp", createdAt: "2025-02-14", author: "Daniel Green", readTime: "6 min read", }, ]; export function BlogsSection() { return (

Blog Section

Discover the latest trends and insights in the world of design and technology.

{blogs.map((blog) => ( ))}

); } function BlogCard({ title, description, createdAt, readTime, image, author, className, ...props }: React.ComponentProps<"a"> & BlogType) { return (

by {author}

{createdAt}

{readTime}

{title}

{description}

); } 4d:["$","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","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","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":"motion"}]]}]}]]}],["$","$L4e",null,{"namespace":"@efferd","registryDependencies":["aspect-ratio","@efferd/lazy-image","@efferd/full-width-divider"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/blogs/3/index.tsx","content":"$50","type":"registry:component","target":"~/components/blogs-section.tsx"}],"className":"h-[70svh] min-h-80"}]]}]