mirror of
https://github.com/M4X809/list-of-lp.git
synced 2026-06-25 16:00:25 +00:00
m4x809
262cef28f8
- Refresh bun.lock and package.json dependencies to newer minor/major releases across Mantine, Next.js, React, Tailwind, FontAwesome, and supporting tooling. - Upgrade dev tooling: ESLint, Prettier, TypeScript, and related plugins. - Improve performance by loading album cover images eagerly in AlbumCard. - Simplify Home page Title styling to a plain white heading. - Fix formatting/indentation for emilyLive entry in src/lib/list.ts.
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import { Box, Container, Title, Text, SimpleGrid, Center } from "@mantine/core";
|
|
import AlbumCard from "../Components/AlbumCard";
|
|
import { albums } from "../lib/list";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<Box className="min-h-screen bg-gray-900">
|
|
<Container size="xl" className="py-16">
|
|
<Box className="mb-12 text-center text-pretty">
|
|
<Title order={1} className="mb-4 text-6xl font-bold text-white">
|
|
Linkin Park Albums
|
|
</Title>
|
|
<Text size="xl" className="text-gray-400">
|
|
On this website you can find all the albums of Linkin Park. Their new Live Versions with Emily made by fans and
|
|
the official Live Versions from the Linkin Park Youtube Channel.
|
|
</Text>
|
|
</Box>
|
|
|
|
<SimpleGrid cols={{ base: 1, sm: 2, md: 3 }} className="gap-8">
|
|
{albums.map((album) => (
|
|
<AlbumCard key={album.id} album={album} />
|
|
))}
|
|
</SimpleGrid>
|
|
</Container>
|
|
</Box>
|
|
<Box className="bg-gray-900 pb-12">
|
|
<Center>
|
|
<Text size="sm" className="px-4 text-gray-400 sm:px-0">
|
|
Disclaimer: This website is not affiliated with Linkin Park or any of its members. <br />
|
|
All rights reserved to the respective owners. This website is a fan-made project and is not intended to be used
|
|
for commercial purposes.
|
|
<br />
|
|
The Album Covers are the property of the respective owners.
|
|
</Text>
|
|
</Center>
|
|
</Box>
|
|
</>
|
|
);
|
|
}
|