Crop and compress hero outreach-01 to responsive WebP/JPEG variants, serve via picture element with preload; lazy-load Home, Donate, and Assistance routes; isolate framer-motion in its own Vite chunk.
Co-authored-by: Cursor <[email protected]>
Replace the placeholder community clip with the new WhatsApp recording, extract a poster still, and surface it below the photo gallery with a titled caption card.
Co-authored-by: Cursor <[email protected]>
Unify logos (footer dark symbol), OG image URL, canonical phone/EIN in siteContent, and foundation copy in i18n, env example, and AI chat prompt.
Co-authored-by: Cursor <[email protected]>
Sync theme toggle with html.dark body styles; Tailwind dark: on nav/footer; tablet uses hamburger until lg; symbol logo in dark mode; mobile menu scroll and contrast; cookie/donate FAB spacing.
Co-authored-by: Cursor <[email protected]>
Drop min-h-screen vertical centering on hero; use compact top padding so copy and photos sit directly under the nav in light and dark mode.
Co-authored-by: Cursor <[email protected]>
Replace student/counselor sections with foundation messaging; show nav from md breakpoint; workbox skipWaiting so deploys reach browsers faster.
Co-authored-by: Cursor <[email protected]>
Healing minds and June PTSD awareness artwork on home and mission pages, with wellness tagline in footer and accessible captions.
Co-authored-by: Cursor <[email protected]>
Five optimized community images and outreach video on home hero, gallery, and events page; footer and SEO link to @miraclesinmotionfoundation on Instagram.
Co-authored-by: Cursor <[email protected]>
Add About, Mission, What We Do, Events, and Contact pages; update hero, footer, nav, EIN 33-4887159, and [email protected]; warm cream/beige palette and faith-centered messaging for LA County outreach.
Co-authored-by: Cursor <[email protected]>
Export script generates PNG/WebP/favicons/ZIP and OG image; nav uses symbol on mobile and horizontal lockup on desktop; press kit at #/brand with download links and print-friendly guidelines.
Co-authored-by: Cursor <[email protected]>
Wire public/logo.png into nav/footer LogoMark with responsive sizing,
remap primary/secondary Tailwind scales to brand colors, and refresh
CTAs, PWA manifest, and favicon assets for mim4u.org.
Co-authored-by: Cursor <[email protected]>
- Implemented ProgramsSection with various support programs including School Supplies, Clothing Support, Emergency Assistance, Educational Technology, Mentorship Programs, and Family Support Services.
- Integrated framer-motion for animations and transitions.
- Added a call-to-action button for requesting program support.
test: Create unit tests for HeroSection component
- Developed tests for rendering, accessibility, and functionality of the HeroSection component using Vitest and Testing Library.
- Mocked framer-motion for testing purposes.
refactor: Update sections index file to include ProgramsSection
- Modified index.tsx to export ProgramsSection alongside existing sections.
feat: Implement LazyImage component for optimized image loading
- Created LazyImage component with lazy loading, error handling, and blur placeholder support.
- Utilized framer-motion for loading animations.
feat: Add PerformanceMonitor component for real-time performance metrics
- Developed PerformanceMonitor to display web vitals and bundle performance metrics.
- Included toggle functionality for development mode.
feat: Create usePerformance hook for performance monitoring
- Implemented usePerformance hook to track web vitals such as FCP, LCP, FID, CLS, and TTFB.
- Added useBundlePerformance hook for monitoring bundle size and loading performance.
test: Set up testing utilities and mocks for components
- Established testing utilities for rendering components with context providers.
- Mocked common hooks and framer-motion components for consistent testing.
feat: Introduce bundleAnalyzer utility for analyzing bundle performance
- Created BundleAnalyzer class to analyze bundle size, suggest optimizations, and generate reports.
- Implemented helper functions for Vite integration and performance monitoring.
chore: Configure Vitest for testing environment and coverage
- Set up Vitest configuration with global variables, jsdom environment, and coverage thresholds.
- Added Tailwind CSS configuration with custom theme colors and animations.
- Created global styles in index.css including custom scrollbar and button components.
- Set up main entry point in main.tsx to render the App component.
- Configured TypeScript with strict settings and path mapping.
- Added support for high contrast mode and reduced motion in styles.
- Included print styles for better printing experience.
defiQUGandCursor