blogs-3

1import { cn } from "@/lib/utils";
2import { FullWidthDivider } from "@/components/full-width-divider";
3import { LazyImage } from "@/components/lazy-image";
4 
5type BlogType = {
6	title: string;
7	href: string;
8	description: string;
9	author: string;
10	createdAt: string;
11	readTime: string;
12	image: string;
13};
14 
15const blogs: BlogType[] = [
16	{
17		title: "Design Systems That Scale",
18		href: "#",
19		description:
20			"Learn how to build and maintain scalable design systems that empower teams to move faster while staying consistent.",
21		image: "https://storage.efferd.com/creative/beams.webp",
22		createdAt: "2025-08-25",
23		author: "Ava Mitchell",
24		readTime: "7 min read",
25	},
26	{
27		title: "The Psychology of Color in UI",
28		href: "#",
29		description:
30			"Explore how different colors influence user perception, emotion, and conversion in digital product design.",
31		image: "https://storage.efferd.com/creative/plasma.webp",
32		createdAt: "2025-07-14",
33		author: "Liam Carter",
34		readTime: "5 min read",
35	},
36	{
37		title: "Microinteractions That Delight",
38		href: "#",
39		description:
40			"Discover how subtle animations and interactions can enhance usability and bring joy to your users.",
41		image: "https://storage.efferd.com/creative/ripple-grid.webp",
42		createdAt: "2025-06-30",
43		author: "Sophia Kim",
44		readTime: "6 min read",
45	},
46	{
47		title: "Accessibility Beyond Compliance",
48		href: "#",
49		description:
50			"Practical steps to make your UI accessible, not just legally compliant, but genuinely inclusive for everyone.",
51		image: "https://storage.efferd.com/creative/silk.webp",
52		createdAt: "2025-06-18",
53		author: "Ethan Rodriguez",
54		readTime: "8 min read",
55	},
56	{
57		title: "Dark Mode Done Right",
58		href: "#",
59		description:
60			"Tips and tricks to design beautiful and functional dark mode experiences that users will love.",
61		image: "https://storage.efferd.com/creative/dark-veil.webp",
62		createdAt: "2025-05-20",
63		author: "Maya Chen",
64		readTime: "4 min read",
65	},
66	{
67		title: "Typography That Speaks",
68		href: "#",
69		description:
70			"How to select and pair typefaces that enhance readability, hierarchy, and brand personality.",
71		image: "https://storage.efferd.com/creative/threads.webp",
72		createdAt: "2025-05-02",
73		author: "Noah Patel",
74		readTime: "9 min read",
75	},
76	{
77		title: "The Future of UI Animation",
78		href: "#",
79		description:
80			"From motion guidelines to advanced prototyping—discover where UI animation is headed in 2025.",
81// … truncated