first commit

Dockerfile

@@ -0,0 +1,38 @@
+# syntax=docker/dockerfile:1
+
+# ---- deps: install dependencies only (cached layer) ----
+FROM node:20-alpine AS deps
+WORKDIR /app
+COPY package.json package-lock.json* ./
+RUN npm ci
+
+# ---- builder: build the Next.js app ----
+FROM node:20-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+ENV NEXT_TELEMETRY_DISABLED=1
+RUN npm run build
+
+# ---- runner: minimal production image ----
+FROM node:20-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV PORT=3000
+ENV HOSTNAME=0.0.0.0
+
+RUN addgroup --system --gid 1001 nodejs \
+  && adduser --system --uid 1001 nextjs
+
+# Standalone output — requires `output: "standalone"` in next.config.ts (see note below)
+COPY --from=builder --chown=nextjs:nodejs /app/public ./public
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+CMD ["node", "server.js"]

docker-compose.yml

@@ -0,0 +1,36 @@
+services:
+  web:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    image: rotary-club-vellore:latest
+    container_name: rotary-club-vellore
+    restart: unless-stopped
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+    # healthcheck: hits the site root to confirm the container is actually serving
+    healthcheck:
+      test: ["CMD", "wget", "--spider", "-q", "http://localhost:3000"]
+      interval: 30s
+      timeout: 5s
+      retries: 3
+      start_period: 10s
+
+  # Optional: run with hot-reload for local development instead of the prod image.
+  # Usage: docker compose --profile dev up web-dev
+  web-dev:
+    profiles: ["dev"]
+    image: node:20-alpine
+    working_dir: /app
+    command: sh -c "npm ci && npm run dev"
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=development
+      - NEXT_TELEMETRY_DISABLED=1
+    volumes:
+      - .:/app
+      - /app/node_modules
+      - /app/.next

dockerignore

@@ -0,0 +1,17 @@
+node_modules
+.next
+out
+.git
+.gitignore
+.env
+.env.local
+.env.*.local
+npm-debug.log*
+Dockerfile
+docker-compose.yml
+.dockerignore
+README.md
+SETUP.md
+*.md
+.vscode
+.DS_Store

next.config.ts

@@ -3,6 +3,7 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   /* config options here */
   reactCompiler: true,
+  output: "standalone",
 };
 
 export default nextConfig;

src/components/Hero.tsx

@@ -15,9 +15,18 @@ export default function Hero() {
         className="pointer-events-none absolute -bottom-32 -left-20 h-72 w-72 text-rotary-gold/[0.06]"
       />
 
-      <div className="relative mx-auto max-w-6xl">
+      <div className="relative mx-auto max-w-7xl">
         {/* Brand row — replaces the old header's logo now that it's gone */}
         <div className="mb-12 flex flex-wrap items-center gap-4 sm:mb-16">
+          <span className="flex flex-col leading-tight">
+            <span className="font-serif text-base font-semibold tracking-tight text-white sm:text-lg">
+              Rotary Club of Vellore
+            </span>
+            <span className="text-[11px] uppercase tracking-[0.18em] text-rotary-goldlight/90">
+              District 3231 · Est. 1948
+            </span>
+          </span>
+          <span className="hidden h-8 w-px bg-white/15 sm:block" />
           <div className="rounded-xl bg-white px-3 py-1.5 shadow-lg shadow-black/20">
             <Image
               src="/images/rotary-logo.png"
@@ -27,15 +36,6 @@ export default function Hero() {
               className="h-9 w-auto object-contain sm:h-11"
             />
           </div>
-          <span className="hidden h-8 w-px bg-white/15 sm:block" />
-          <span className="flex flex-col leading-tight">
-            <span className="font-serif text-base font-semibold tracking-tight text-white sm:text-lg">
-              Rotary Club of Vellore
-            </span>
-            <span className="text-[11px] uppercase tracking-[0.18em] text-rotary-goldlight/90">
-              District 3231 · Est. 1948
-            </span>
-          </span>
         </div>
 
         <div className="grid items-center gap-12 lg:grid-cols-[1.15fr_0.85fr]">
@@ -43,7 +43,7 @@ export default function Hero() {
           <div className="animate-fade-up">
             {/* Advisor + President thumbnails */}
             <div className="mb-6 flex items-center gap-4">
-              <div className="relative h-20 w-20 overflow-hidden rounded-2xl ring-2 ring-white/15 sm:h-24 sm:w-24">
+              <div className="relative h-20 w-20 overflow-hidden rounded-2xl ring-2 ring-white/15 sm:h-34 sm:w-34">
                 <Image
                   src="/images/club-advisor.jpg"
                   alt="Rtn. Dr. T. Jacob John, Club Advisor"
@@ -52,9 +52,9 @@ export default function Hero() {
                   className="object-cover"
                 />
               </div>
-              <div className="relative h-20 w-20 overflow-hidden rounded-2xl ring-2 ring-rotary-gold/60 sm:h-24 sm:w-24">
+              <div className="relative h-20 w-20 overflow-hidden rounded-2xl ring-2 ring-rotary-gold/60 sm:h-34 sm:w-34">
                 <Image
-                  src="/images/president.png"
+                  src="/images/president1.jpg"
                   alt="Rtn. Er. G. Muralidharan, President 2026-27"
                   fill
                   sizes="96px"