Refactor home page and navigation

Move icon to navigation, update featured interactives, and add random interactives section.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-21 09:59:47 +00:00
parent b519e6b331
commit a384562f9f
2 changed files with 73 additions and 8 deletions

View file

@ -1,4 +1,5 @@
import { Link, useLocation } from "react-router-dom";
import { BookOpen } from "lucide-react";
import { cn } from "@/lib/utils";
const Navigation = () => {
@ -16,8 +17,11 @@ const Navigation = () => {
<div className="flex items-center justify-between h-16">
<Link
to="/"
className="text-xl font-bold text-foreground hover:text-accent transition-colors"
className="flex items-center gap-3 text-xl font-bold text-foreground hover:text-accent transition-colors"
>
<div className="w-8 h-8 bg-accent rounded-lg flex items-center justify-center transform rotate-3">
<BookOpen className="w-5 h-5 text-accent-foreground" />
</div>
Interactives
</Link>