Change page
This commit is contained in:
		@ -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 />
 | 
				
			||||||
 | 
				
			|||||||
							
								
								
									
										105
									
								
								src/app/page.tsx
									
									
									
									
									
								
							
							
						
						
									
										105
									
								
								src/app/page.tsx
									
									
									
									
									
								
							@ -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 >
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
 | 
				
			|||||||
@ -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}
 | 
				
			||||||
 | 
				
			|||||||
@ -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() {
 | 
				
			||||||
 | 
				
			|||||||
@ -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,
 | 
				
			||||||
  });
 | 
					  });
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user