some payload stuff

.gitignore

@@ -39,3 +39,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+media

docker-compose.yml

@@ -10,4 +10,7 @@ services:
       - POSTGRES_PASSWORD=admin
       - POSTGRES_DB=website
     volumes:
-      - ./pgdata:/var/lib/postgresql/data
+      - ial-website-data:/var/lib/postgresql/data
+
+volumes:
+  ial-website-data:

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -12,29 +12,31 @@
   "type": "module",
   "dependencies": {
     "@heroicons/react": "^2.2.0",
-    "@payloadcms/db-postgres": "^3.31.0",
-    "@payloadcms/next": "^3.31.0",
-    "@payloadcms/richtext-lexical": "^3.31.0",
+    "@payloadcms/db-postgres": "^3.35.1",
+    "@payloadcms/next": "^3.35.1",
+    "@payloadcms/richtext-lexical": "^3.35.1",
     "cross-env": "^7.0.3",
     "graphql": "^16.10.0",
-    "motion": "^12.6.5",
+    "motion": "^12.7.4",
     "next": "15.2.4",
-    "payload": "^3.31.0",
+    "payload": "^3.35.1",
+    "pg": "^8.14.1",
     "postcss": "^8.5.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "sharp": "^0.33.5"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "sharp": "^0.33.5",
+    "tailwind-merge": "^3.2.0"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.0.17",
+    "@tailwindcss/postcss": "^4.1.4",
     "@tailwindcss/typography": "^0.5.16",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/node": "^20.17.30",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "clsx": "^2.1.1",
     "prettier": "^3.5.3",
-    "tailwindcss": "^4.0.17",
-    "typescript": "^5"
+    "tailwindcss": "^4.1.4",
+    "typescript": "^5.8.3"
   },
   "pnpm": {
     "onlyBuiltDependencies": [

postcss.config.mjs

@@ -1,5 +1,6 @@
 const config = {
-  plugins: { "@tailwindcss/postcss": {} },
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
 };
-
 export default config;

src/app/(frontend)/brand/page.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="container mx-auto pt-12">
+      <h1>Brand</h1>
+    </div>
+  );
+}

src/app/(frontend)/components/Header/Client.tsx

@@ -2,6 +2,7 @@
 
 import clsx from "clsx";
 import { motion } from "motion/react";
+import { usePathname } from "next/navigation";
 import React from "react";
 
 export default function ClientHeader({
@@ -9,6 +10,9 @@ export default function ClientHeader({
 }: {
   children: React.ReactNode;
 }) {
+  const path = usePathname();
+  const isHome = path === "/";
+
   // const { scrollY } = useScroll();
   // const [scrolled, setScrolled] = React.useState(0);
 
@@ -22,8 +26,14 @@ export default function ClientHeader({
 
   return (
     <motion.div
+      animate={
+        {
+          // height: isHome ? "200px" : "",
+        }
+      }
       className={clsx(
-        "text-white absolute w-full top-0 z-50 bg-transparent lg:h-[var(--header-height)]"
+        "text-white  w-full top-0 z-50 bg-black"
+        // isHome ? "lg:h-[var(--header-height)]" : ""
       )}
     >
       {children}

src/app/(frontend)/components/Header/Server.tsx

@@ -15,12 +15,14 @@ export default async function ServerHeader() {
     <nav className="flex h-full p-4 justify-between items-center container mx-auto">
       {/* left */}
       <div className="h-10 lg:h-20 relative w-20 lg:w-80">
-        <Image
-          src={ialLogo}
-          alt="iNZight Analytics Ltd"
-          className="h-full object-contain object-left"
-          fill
-        />
+        <Link href="/">
+          <Image
+            src={ialLogo}
+            alt="iNZight Analytics Ltd"
+            className="h-full object-contain object-left"
+            fill
+          />
+        </Link>
       </div>
 
       {/* right */}

src/app/(frontend)/layout.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from "next";
 import configPromise from "@payload-config";
 import { getPayload } from "payload";
 
-import "../globals.css";
+import "./globals.css";
 import Header from "./components/Header/Header";
 
 import { Inter } from "next/font/google";