import React from 'react'; import { useQuery } from '@tanstack/react-query'; import { base44 } from '@/api/base44Client'; import { motion } from 'framer-motion'; import { ArrowRight, BookOpen, Puzzle } from 'lucide-react'; import { Link } from 'react-router-dom'; import { createPageUrl } from '@/utils'; import HeroSection from '@/components/blog/HeroSection'; import PostCard from '@/components/blog/PostCard&#039