Change page
This commit is contained in:
		@ -42,13 +42,13 @@ export default function RootLayout({
 | 
			
		||||
            <div>
 | 
			
		||||
              <Banner />
 | 
			
		||||
            </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>
 | 
			
		||||
            <main className="container mx-auto">
 | 
			
		||||
              {children}
 | 
			
		||||
            </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>
 | 
			
		||||
            <Toaster />
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										105
									
								
								src/app/page.tsx
									
									
									
									
									
								
							
							
						
						
									
										105
									
								
								src/app/page.tsx
									
									
									
									
									
								
							@ -1,53 +1,49 @@
 | 
			
		||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 | 
			
		||||
import { Input } from "@/components/ui/input";
 | 
			
		||||
import {
 | 
			
		||||
  Brush,
 | 
			
		||||
  HeartHandshake,
 | 
			
		||||
  Logs,
 | 
			
		||||
  Palette,
 | 
			
		||||
  Search,
 | 
			
		||||
  Star
 | 
			
		||||
} from "lucide-react";
 | 
			
		||||
import Link from "next/link";
 | 
			
		||||
// import {
 | 
			
		||||
//   Brush,
 | 
			
		||||
//   HeartHandshake,
 | 
			
		||||
//   Logs,
 | 
			
		||||
//   Palette,
 | 
			
		||||
//   Star
 | 
			
		||||
// } from "lucide-react";
 | 
			
		||||
 | 
			
		||||
const sections = [
 | 
			
		||||
  {
 | 
			
		||||
    title: "Art Portfolio",
 | 
			
		||||
    href: "/portfolio/art",
 | 
			
		||||
    description: "My artwork gallery",
 | 
			
		||||
    icon: Palette,
 | 
			
		||||
  },
 | 
			
		||||
  {
 | 
			
		||||
    title: "Artfight",
 | 
			
		||||
    href: "/portfolio/artfight",
 | 
			
		||||
    description: "Artfight pieces",
 | 
			
		||||
    icon: Palette,
 | 
			
		||||
  },
 | 
			
		||||
  {
 | 
			
		||||
    title: "Miniatures",
 | 
			
		||||
    href: "/portfolio/minis",
 | 
			
		||||
    description: "See my painted miniatures",
 | 
			
		||||
    icon: Brush,
 | 
			
		||||
  },
 | 
			
		||||
  {
 | 
			
		||||
    title: "Commissions",
 | 
			
		||||
    href: "/commissions",
 | 
			
		||||
    description: "See pricing, types, and open slots.",
 | 
			
		||||
    icon: Logs,
 | 
			
		||||
  },
 | 
			
		||||
  {
 | 
			
		||||
    title: "YCH (Your Character Here)",
 | 
			
		||||
    href: "/ych",
 | 
			
		||||
    description: "Claim open YCHs and other offers or view past ones.",
 | 
			
		||||
    icon: Star,
 | 
			
		||||
  },
 | 
			
		||||
  {
 | 
			
		||||
    title: "Terms of Service",
 | 
			
		||||
    href: "/tos",
 | 
			
		||||
    description: "Read commission rules and conditions.",
 | 
			
		||||
    icon: HeartHandshake,
 | 
			
		||||
  },
 | 
			
		||||
]
 | 
			
		||||
// const sections = [
 | 
			
		||||
//   {
 | 
			
		||||
//     title: "Art Portfolio",
 | 
			
		||||
//     href: "/portfolio/art",
 | 
			
		||||
//     description: "My artwork gallery",
 | 
			
		||||
//     icon: Palette,
 | 
			
		||||
//   },
 | 
			
		||||
//   {
 | 
			
		||||
//     title: "Artfight",
 | 
			
		||||
//     href: "/portfolio/artfight",
 | 
			
		||||
//     description: "Artfight pieces",
 | 
			
		||||
//     icon: Palette,
 | 
			
		||||
//   },
 | 
			
		||||
//   {
 | 
			
		||||
//     title: "Miniatures",
 | 
			
		||||
//     href: "/portfolio/minis",
 | 
			
		||||
//     description: "See my painted miniatures",
 | 
			
		||||
//     icon: Brush,
 | 
			
		||||
//   },
 | 
			
		||||
//   {
 | 
			
		||||
//     title: "Commissions",
 | 
			
		||||
//     href: "/commissions",
 | 
			
		||||
//     description: "See pricing, types, and open slots.",
 | 
			
		||||
//     icon: Logs,
 | 
			
		||||
//   },
 | 
			
		||||
//   {
 | 
			
		||||
//     title: "YCH (Your Character Here)",
 | 
			
		||||
//     href: "/ych",
 | 
			
		||||
//     description: "Claim open YCHs and other offers or view past ones.",
 | 
			
		||||
//     icon: Star,
 | 
			
		||||
//   },
 | 
			
		||||
//   {
 | 
			
		||||
//     title: "Terms of Service",
 | 
			
		||||
//     href: "/tos",
 | 
			
		||||
//     description: "Read commission rules and conditions.",
 | 
			
		||||
//     icon: HeartHandshake,
 | 
			
		||||
//   },
 | 
			
		||||
// ]
 | 
			
		||||
 | 
			
		||||
export default function Home() {
 | 
			
		||||
  return (
 | 
			
		||||
@ -62,7 +58,7 @@ export default function Home() {
 | 
			
		||||
        </p>
 | 
			
		||||
 | 
			
		||||
        {/* 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">
 | 
			
		||||
            <Search className="w-4 h-4" />
 | 
			
		||||
          </span>
 | 
			
		||||
@ -71,13 +67,16 @@ export default function Home() {
 | 
			
		||||
            placeholder="Search artworks, commissions, pages..."
 | 
			
		||||
            className="p-6 pl-10"
 | 
			
		||||
          />
 | 
			
		||||
        </div>
 | 
			
		||||
        </div> */}
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
      {/* Section Cards */}
 | 
			
		||||
      <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}>
 | 
			
		||||
            <Card className="hover:shadow-xl transition-shadow group">
 | 
			
		||||
              <CardHeader>
 | 
			
		||||
@ -91,7 +90,7 @@ export default function Home() {
 | 
			
		||||
              </CardContent>
 | 
			
		||||
            </Card>
 | 
			
		||||
          </Link>
 | 
			
		||||
        ))}
 | 
			
		||||
        ))} */}
 | 
			
		||||
      </div>
 | 
			
		||||
    </div >
 | 
			
		||||
  );
 | 
			
		||||
 | 
			
		||||
@ -30,7 +30,6 @@ export default async function Banner() {
 | 
			
		||||
            className="object-cover"
 | 
			
		||||
            priority
 | 
			
		||||
          />
 | 
			
		||||
          {/* Overlay Logo / Title */}
 | 
			
		||||
          <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")}>
 | 
			
		||||
              {title}
 | 
			
		||||
 | 
			
		||||
@ -9,13 +9,13 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "../u
 | 
			
		||||
 | 
			
		||||
const links = [
 | 
			
		||||
  { href: "/", label: "Home" },
 | 
			
		||||
  { href: "/portfolio/art", label: "Artworks" },
 | 
			
		||||
  { href: "/portfolio/artfight", label: "Artfight" },
 | 
			
		||||
  { href: "/portfolio/minis", label: "Miniatures" },
 | 
			
		||||
  { href: "/commissions", label: "Commissions" },
 | 
			
		||||
  { href: "/ych", label: "YCH / Custom offers" },
 | 
			
		||||
  { href: "/tos", label: "Terms of Service" },
 | 
			
		||||
  { href: "/todo", label: "todo (temp)" },
 | 
			
		||||
  { href: "/portfolio/art", label: "Portfolio" },
 | 
			
		||||
  // { href: "/portfolio/artfight", label: "Artfight" },
 | 
			
		||||
  // { href: "/portfolio/minis", label: "Miniatures" },
 | 
			
		||||
  // { href: "/commissions", label: "Commissions" },
 | 
			
		||||
  // { href: "/ych", label: "YCH / Custom offers" },
 | 
			
		||||
  // { href: "/tos", label: "Terms of Service" },
 | 
			
		||||
  // { href: "/todo", label: "todo (temp)" },
 | 
			
		||||
]
 | 
			
		||||
 | 
			
		||||
export default function TopNav() {
 | 
			
		||||
 | 
			
		||||
@ -13,7 +13,7 @@ export const s3 = new S3Client({
 | 
			
		||||
 | 
			
		||||
export async function getSignedImageUrl(key: string, expiresInSec = 3600) {
 | 
			
		||||
  const command = new GetObjectCommand({
 | 
			
		||||
    Bucket: "gaertan",
 | 
			
		||||
    Bucket: "gaertanapp",
 | 
			
		||||
    Key: key,
 | 
			
		||||
  });
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user