🎯 Smooth Scroll Behavior: - Added smooth scroll CSS for seamless navigation - Scroll indicator now links to #tools section - Added hover states for scroll indicator - Accessibility: respects prefers-reduced-motion 🏷️ Tool Badges: - Added feature badges to each tool card - Vert: Privacy, Open Source, Free - Paint: Browser-Based, Free - Pastel: Open Source, WCAG, Free - Subtle glassmorphic badge design ⬆️ Back to Top Button: - Animated button appears after scrolling 300px - Smooth scroll to top on click - Hover tooltip with "Back to top" label - Scale animations on hover/tap - Progress bar at top showing scroll position - Gradient progress indicator ♿ Accessibility: - Added prefers-reduced-motion support - Proper ARIA labels - Keyboard accessible - Smooth animations respect user preferences 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
20 lines
508 B
TypeScript
20 lines
508 B
TypeScript
import AnimatedBackground from '@/components/AnimatedBackground';
|
|
import Hero from '@/components/Hero';
|
|
import Stats from '@/components/Stats';
|
|
import ToolsGrid from '@/components/ToolsGrid';
|
|
import Footer from '@/components/Footer';
|
|
import BackToTop from '@/components/BackToTop';
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className="relative min-h-screen">
|
|
<AnimatedBackground />
|
|
<BackToTop />
|
|
<Hero />
|
|
<Stats />
|
|
<ToolsGrid />
|
|
<Footer />
|
|
</main>
|
|
);
|
|
}
|