Change page

This commit is contained in:
2025-10-29 11:06:36 +01:00
parent 8882449588
commit d6a95f0e38
5 changed files with 62 additions and 64 deletions

View File

@ -42,13 +42,13 @@ export default function RootLayout({
<div> <div>
<Banner /> <Banner />
</div> </div>
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"> <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60">
<Header /> <Header />
</header> </header>
<main className="container mx-auto"> <main className="container mx-auto">
{children} {children}
</main> </main>
<footer className="mt-auto p-4 h-14 border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 "> <footer className="mt-auto p-4 h-14 border-t bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60 ">
<Footer /> <Footer />
</footer> </footer>
<Toaster /> <Toaster />

View File

@ -1,53 +1,49 @@
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; // import {
import { Input } from "@/components/ui/input"; // Brush,
import { // HeartHandshake,
Brush, // Logs,
HeartHandshake, // Palette,
Logs, // Star
Palette, // } from "lucide-react";
Search,
Star
} from "lucide-react";
import Link from "next/link";
const sections = [ // const sections = [
{ // {
title: "Art Portfolio", // title: "Art Portfolio",
href: "/portfolio/art", // href: "/portfolio/art",
description: "My artwork gallery", // description: "My artwork gallery",
icon: Palette, // icon: Palette,
}, // },
{ // {
title: "Artfight", // title: "Artfight",
href: "/portfolio/artfight", // href: "/portfolio/artfight",
description: "Artfight pieces", // description: "Artfight pieces",
icon: Palette, // icon: Palette,
}, // },
{ // {
title: "Miniatures", // title: "Miniatures",
href: "/portfolio/minis", // href: "/portfolio/minis",
description: "See my painted miniatures", // description: "See my painted miniatures",
icon: Brush, // icon: Brush,
}, // },
{ // {
title: "Commissions", // title: "Commissions",
href: "/commissions", // href: "/commissions",
description: "See pricing, types, and open slots.", // description: "See pricing, types, and open slots.",
icon: Logs, // icon: Logs,
}, // },
{ // {
title: "YCH (Your Character Here)", // title: "YCH (Your Character Here)",
href: "/ych", // href: "/ych",
description: "Claim open YCHs and other offers or view past ones.", // description: "Claim open YCHs and other offers or view past ones.",
icon: Star, // icon: Star,
}, // },
{ // {
title: "Terms of Service", // title: "Terms of Service",
href: "/tos", // href: "/tos",
description: "Read commission rules and conditions.", // description: "Read commission rules and conditions.",
icon: HeartHandshake, // icon: HeartHandshake,
}, // },
] // ]
export default function Home() { export default function Home() {
return ( return (
@ -62,7 +58,7 @@ export default function Home() {
</p> </p>
{/* Search */} {/* Search */}
<div className="relative w-full max-w-lg"> {/* <div className="relative w-full max-w-lg">
<span className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"> <span className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground">
<Search className="w-4 h-4" /> <Search className="w-4 h-4" />
</span> </span>
@ -71,13 +67,16 @@ export default function Home() {
placeholder="Search artworks, commissions, pages..." placeholder="Search artworks, commissions, pages..."
className="p-6 pl-10" className="p-6 pl-10"
/> />
</div> </div> */}
</div> </div>
{/* Section Cards */} {/* Section Cards */}
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
{sections.map((section) => ( <p>
If you want to commission me you can find all the information you need under following link: <a href="https://linktr.ee/gaertan" target="_blank">Linktree</a>
</p>
{/* {sections.map((section) => (
<Link href={section.href} key={section.title}> <Link href={section.href} key={section.title}>
<Card className="hover:shadow-xl transition-shadow group"> <Card className="hover:shadow-xl transition-shadow group">
<CardHeader> <CardHeader>
@ -91,7 +90,7 @@ export default function Home() {
</CardContent> </CardContent>
</Card> </Card>
</Link> </Link>
))} ))} */}
</div> </div>
</div > </div >
); );

View File

@ -30,7 +30,6 @@ export default async function Banner() {
className="object-cover" className="object-cover"
priority priority
/> />
{/* Overlay Logo / Title */}
<div className="absolute inset-0 bg-black/40 flex items-center justify-center text-center"> <div className="absolute inset-0 bg-black/40 flex items-center justify-center text-center">
<h1 className={cn(pacifico.className, "text-shadow text-white text-3xl md:text-5xl font-bold drop-shadow")}> <h1 className={cn(pacifico.className, "text-shadow text-white text-3xl md:text-5xl font-bold drop-shadow")}>
{title} {title}

View File

@ -9,13 +9,13 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "../u
const links = [ const links = [
{ href: "/", label: "Home" }, { href: "/", label: "Home" },
{ href: "/portfolio/art", label: "Artworks" }, { href: "/portfolio/art", label: "Portfolio" },
{ href: "/portfolio/artfight", label: "Artfight" }, // { href: "/portfolio/artfight", label: "Artfight" },
{ href: "/portfolio/minis", label: "Miniatures" }, // { href: "/portfolio/minis", label: "Miniatures" },
{ href: "/commissions", label: "Commissions" }, // { href: "/commissions", label: "Commissions" },
{ href: "/ych", label: "YCH / Custom offers" }, // { href: "/ych", label: "YCH / Custom offers" },
{ href: "/tos", label: "Terms of Service" }, // { href: "/tos", label: "Terms of Service" },
{ href: "/todo", label: "todo (temp)" }, // { href: "/todo", label: "todo (temp)" },
] ]
export default function TopNav() { export default function TopNav() {

View File

@ -13,7 +13,7 @@ export const s3 = new S3Client({
export async function getSignedImageUrl(key: string, expiresInSec = 3600) { export async function getSignedImageUrl(key: string, expiresInSec = 3600) {
const command = new GetObjectCommand({ const command = new GetObjectCommand({
Bucket: "gaertan", Bucket: "gaertanapp",
Key: key, Key: key,
}); });