gitadmin/moviebox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add movie gallery, similar movies, and recommended movies components: integrate MovieGallery, SimilarMovies, and RecommendedMovies into the film detail page for enhanced user engagement. Update AuroraLayout to improve button visibility and interaction.

Browse Source
This commit is contained in:
Norbert Maciaszek
2025-08-17 20:06:51 +02:00
parent 61395ca1ec
commit dc0d7693c1
5 changed files with 449 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/atoms/MovieCard/layouts/AuroraLayout.tsx
View File

@@ -205,17 +205,6 @@ export const AuroraLayout: FC<AuroraLayoutProps> = ({
</div>
<div className="flex items-center gap-3">
{/* Zobacz więcej button */}
<Link
href={`/film/${id}`}
className="opacity-0 group-hover:opacity-100 transition-all duration-300 transform group-hover:scale-105"
>
<div className="flex items-center gap-2 bg-gradient-to-r from-purple-600/90 to-pink-600/90 hover:from-purple-500 hover:to-pink-500 px-3 py-2 rounded-lg text-white text-sm font-medium shadow-lg border border-white/10 transition-all duration-300">
<FaInfoCircle size={14} />
<span>Zobacz więcej</span>
</div>
</Link>
{alreadyInStore && (
<div className="flex gap-2">
{seen && (
@@ -234,6 +223,17 @@ export const AuroraLayout: FC<AuroraLayoutProps> = ({
)}
</div>
</div>
{/* Zobacz więcej button */}
<Link
href={`/film/${id}`}
className="transform hover:scale-105 transition-all duration-300 mt-4 flex justify-center"
>
<div className="inline-flex items-center gap-2 bg-gradient-to-r from-purple-600/90 to-pink-600/90 hover:from-purple-500 hover:to-pink-500 px-3 py-2 rounded-lg text-white text-sm font-medium shadow-lg border border-white/10 transition-all duration-300">
<FaInfoCircle size={14} />
<span>Zobacz więcej</span>
</div>
</Link>
</div>
{/* Decorative border glow */}