Files
kit-ui/app/page.tsx
Sebastian Krüger 36742949bd polish: Priority 2 improvements - smooth scroll, badges, back to top
🎯 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>
2025-11-07 12:39:14 +01:00

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>
);
}