@navneet_25/tempjs 2.0.0 → 3.0.0

package/packages/core/modules/gallery/lib/features/gallery/gallery.repository.ts

@@ -0,0 +1,55 @@
+import { prisma } from "@/lib/database/prisma";
+import type { GalleryImage } from "@prisma/client";
+import type { GalleryImageInput } from "./gallery.types";
+
+export class GalleryRepository {
+  async listPublished(): Promise<GalleryImage[]> {
+    return prisma.galleryImage.findMany({
+      where: { published: true },
+      orderBy: [{ sortOrder: "asc" }, { createdAt: "desc" }],
+    });
+  }
+
+  async listAll(): Promise<GalleryImage[]> {
+    return prisma.galleryImage.findMany({
+      orderBy: [{ sortOrder: "asc" }, { createdAt: "desc" }],
+    });
+  }
+
+  async getById(id: string): Promise<GalleryImage | null> {
+    return prisma.galleryImage.findUnique({ where: { id } });
+  }
+
+  async create(data: GalleryImageInput): Promise<GalleryImage> {
+    return prisma.galleryImage.create({
+      data: {
+        title: data.title,
+        category: data.category ?? "general",
+        description: data.description ?? null,
+        imageUrl: data.imageUrl,
+        sortOrder: data.sortOrder ?? 0,
+        published: data.published ?? true,
+      },
+    });
+  }
+
+  async update(id: string, data: Partial<GalleryImageInput>): Promise<GalleryImage> {
+    return prisma.galleryImage.update({
+      where: { id },
+      data: {
+        ...(data.title !== undefined && { title: data.title }),
+        ...(data.category !== undefined && { category: data.category }),
+        ...(data.description !== undefined && { description: data.description }),
+        ...(data.imageUrl !== undefined && { imageUrl: data.imageUrl }),
+        ...(data.sortOrder !== undefined && { sortOrder: data.sortOrder }),
+        ...(data.published !== undefined && { published: data.published }),
+      },
+    });
+  }
+
+  async delete(id: string): Promise<GalleryImage> {
+    return prisma.galleryImage.delete({ where: { id } });
+  }
+}
+
+export const galleryRepository = new GalleryRepository();

package/packages/core/modules/gallery/lib/features/gallery/gallery.service.ts

@@ -0,0 +1,43 @@
+import type { GalleryImage } from "@prisma/client";
+import { galleryRepository, GalleryRepository } from "./gallery.repository";
+import type { GalleryImageInput } from "./gallery.types";
+
+export class GalleryService {
+  private repo: GalleryRepository;
+
+  constructor(repo: GalleryRepository = galleryRepository) {
+    this.repo = repo;
+  }
+
+  async listPublic(): Promise<GalleryImage[]> {
+    return this.repo.listPublished();
+  }
+
+  async listAll(): Promise<GalleryImage[]> {
+    return this.repo.listAll();
+  }
+
+  async getById(id: string): Promise<GalleryImage | null> {
+    return this.repo.getById(id);
+  }
+
+  async create(data: GalleryImageInput): Promise<GalleryImage> {
+    if (!data.title?.trim()) throw new Error("Title is required.");
+    if (!data.imageUrl?.trim()) throw new Error("Image URL is required.");
+    return this.repo.create(data);
+  }
+
+  async update(id: string, data: Partial<GalleryImageInput>): Promise<GalleryImage> {
+    const existing = await this.repo.getById(id);
+    if (!existing) throw new Error("Gallery image not found.");
+    return this.repo.update(id, data);
+  }
+
+  async delete(id: string): Promise<GalleryImage> {
+    const existing = await this.repo.getById(id);
+    if (!existing) throw new Error("Gallery image not found.");
+    return this.repo.delete(id);
+  }
+}
+
+export const galleryService = new GalleryService();

package/packages/core/modules/gallery/lib/features/gallery/gallery.types.ts

@@ -0,0 +1,17 @@
+export interface GalleryImageInput {
+  title: string;
+  category?: string;
+  description?: string | null;
+  imageUrl: string;
+  sortOrder?: number;
+  published?: boolean;
+}
+
+export interface GalleryImageUpdate {
+  title?: string;
+  category?: string;
+  description?: string | null;
+  imageUrl?: string;
+  sortOrder?: number;
+  published?: boolean;
+}

package/packages/core/modules/gallery/lib/features/gallery/index.ts

@@ -0,0 +1,4 @@
+export * from "./gallery.types";
+export * from "./gallery.repository";
+export * from "./gallery.service";
+export * from "./gallery.controller";

package/packages/core/modules/gallery/prisma/gallery.prisma

@@ -0,0 +1,11 @@
+model GalleryImage {
+  id          String   @id @default(uuid())
+  title       String
+  category    String   @default("general")
+  description String?  @db.Text
+  imageUrl    String   @db.Text
+  sortOrder   Int      @default(0)
+  published   Boolean  @default(true)
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+}

package/packages/core/modules/hero-simple/app/components/Hero.tsx

@@ -0,0 +1,160 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import Image from "next/image";
+import { MapPin, Sparkles, ShieldCheck, Tag, Calendar, Download, Phone } from "lucide-react";
+import { SITE } from "@/constants";
+
+interface HeroProps {
+  onOpenEnquiry: (label?: string) => void;
+}
+
+const featureIcons = {
+  map: MapPin,
+  sparkles: Sparkles,
+  shield: ShieldCheck,
+  tag: Tag,
+} as const;
+
+export default function Hero({ onOpenEnquiry }: HeroProps) {
+  const [currentBgIndex, setCurrentBgIndex] = useState(0);
+
+  const desktopImages = SITE.assets.heroDesktop;
+  const phoneImages = SITE.assets.heroMobile;
+  const hasImages = desktopImages.length > 0 || phoneImages.length > 0;
+  const slideCount = Math.max(desktopImages.length, phoneImages.length, 1);
+
+  useEffect(() => {
+    if (!hasImages || slideCount <= 1) return;
+
+    const interval = setInterval(() => {
+      setCurrentBgIndex((prev) => (prev + 1) % slideCount);
+    }, SITE.hero.slideDuration || 5000);
+
+    return () => clearInterval(interval);
+  }, [hasImages, slideCount]);
+
+  return (
+    <section className="relative min-h-screen md:h-screen w-full flex items-center justify-start px-6 md:px-16 lg:px-24 py-24 md:py-0 overflow-x-hidden bg-bg-light hero-gradient">
+      <div className="absolute inset-0 z-0">
+        {hasImages ? (
+          <>
+            <div className="hidden md:block absolute inset-0">
+              {desktopImages.map((src, index) => (
+                <Image
+                  key={`desktop-${src}`}
+                  src={src}
+                  alt={`${SITE.brand.name} desktop`}
+                  fill
+                  priority={index === 0}
+                  sizes="100vw"
+                  className={`object-cover object-center transition-opacity duration-1000 ease-in-out ${
+                    index === currentBgIndex ? "opacity-100" : "opacity-0"
+                  }`}
+                />
+              ))}
+            </div>
+
+            <div className="block md:hidden absolute inset-0">
+              {(phoneImages.length > 0 ? phoneImages : desktopImages).map((src, index) => (
+                <Image
+                  key={`phone-${src}`}
+                  src={src}
+                  alt={`${SITE.brand.name} mobile`}
+                  fill
+                  priority={index === 0}
+                  sizes="100vw"
+                  className={`object-cover object-center transition-opacity duration-1000 ease-in-out ${
+                    index === currentBgIndex ? "opacity-100" : "opacity-0"
+                  }`}
+                />
+              ))}
+            </div>
+
+            <div className="absolute inset-0 z-10 bg-white/30 md:bg-gradient-to-r md:from-white/80 md:via-white/50 md:to-white/20" />
+          </>
+        ) : (
+          <div className="absolute inset-0 hero-gradient" />
+        )}
+      </div>
+
+      <div className="relative z-20 w-full max-w-4xl mt-20 text-left flex flex-col items-start space-y-6">
+        <span className="text-primary font-extrabold text-[10px] md:text-xs tracking-[0.25em] uppercase font-sans">
+          {SITE.hero.eyebrow}
+        </span>
+
+        <h1 className="text-3xl sm:text-5xl md:text-[56px] font-extrabold tracking-tight font-serif text-primary max-w-3xl leading-tight">
+          {SITE.hero.headline}
+        </h1>
+
+        <p className="text-text-main/90 text-xs sm:text-sm md:text-base max-w-2xl leading-relaxed font-medium">
+          {SITE.hero.subheadline}
+        </p>
+
+        {SITE.hero.features.length > 0 && (
+          <div className="grid grid-cols-2 gap-y-3.5 gap-x-4 md:flex md:flex-wrap md:items-center md:gap-x-5 md:gap-y-2.5 pt-1 text-text-main w-full">
+            {SITE.hero.features.map((feature, idx) => {
+              const Icon = featureIcons[feature.icon as keyof typeof featureIcons] || Sparkles;
+              return (
+                <React.Fragment key={feature.label}>
+                  {idx > 0 && <span className="text-primary/20 hidden md:inline">|</span>}
+                  <div className="flex items-center space-x-2">
+                    <Icon className="w-4 h-4 text-accent-gold flex-shrink-0" />
+                    <span className="text-[10px] font-extrabold tracking-wider uppercase">{feature.label}</span>
+                  </div>
+                </React.Fragment>
+              );
+            })}
+          </div>
+        )}
+
+        {SITE.hero.ctaButtons.length > 0 && (
+          <div className="flex flex-col sm:flex-row gap-3.5 w-full sm:w-auto pt-2">
+            {SITE.hero.ctaButtons.map((cta) => (
+              <button
+                key={cta.label}
+                onClick={() => onOpenEnquiry(cta.enquiryLabel)}
+                className={
+                  cta.label.toLowerCase().includes("book")
+                    ? "w-full sm:w-auto justify-center px-5 py-3.5 bg-primary hover:bg-primary-hover text-white font-extrabold text-[10px] uppercase tracking-widest rounded-lg transition-all duration-300 shadow-md flex items-center space-x-2 cursor-pointer hover:scale-105"
+                    : "w-full sm:w-auto justify-center px-5 py-3.5 bg-white/80 hover:bg-white text-primary border border-primary/20 hover:border-primary/40 font-extrabold text-[10px] uppercase tracking-widest rounded-lg transition-all duration-300 flex items-center space-x-2 cursor-pointer shadow-sm hover:scale-105"
+                }
+              >
+                {cta.label.toLowerCase().includes("book") ? (
+                  <Calendar className="w-3.5 h-3.5" />
+                ) : cta.label.toLowerCase().includes("brochure") ? (
+                  <Download className="w-3.5 h-3.5" />
+                ) : (
+                  <Phone className="w-3.5 h-3.5 text-accent-gold" />
+                )}
+                <span>{cta.label}</span>
+              </button>
+            ))}
+          </div>
+        )}
+
+        {SITE.hero.locations.length > 0 && (
+          <div className="glass-card-light rounded-xl p-4 md:p-5 w-full max-w-3xl mt-6 shadow-sm mb-8 sm:mb-0">
+            <span className="block text-[9px] font-extrabold tracking-widest text-accent-gold-dark uppercase mb-2">
+              {SITE.hero.locationsTitle}
+            </span>
+            <div className="flex flex-wrap items-center gap-x-4 gap-y-2.5 text-[11px] font-bold text-text-main">
+              {SITE.hero.locations.map((loc, idx) => (
+                <React.Fragment key={loc.label}>
+                  {idx > 0 && <span className="text-primary/20 hidden sm:inline">|</span>}
+                  <button
+                    className="flex items-center space-x-1 hover:text-primary transition-colors cursor-pointer"
+                    onClick={() => onOpenEnquiry(loc.enquiryLabel)}
+                  >
+                    <MapPin className="w-3 h-3 text-accent-gold" />
+                    <span>{loc.label}</span>
+                  </button>
+                </React.Fragment>
+              ))}
+            </div>
+          </div>
+        )}
+      </div>
+    </section>
+  );
+}

package/packages/core/modules/legal-pages/app/components/LegalDocumentPage.tsx

@@ -0,0 +1,61 @@
+import Link from "next/link";
+import { SITE } from "@/constants";
+
+interface LegalSection {
+  heading?: string;
+  paragraphs: readonly string[];
+}
+
+interface LegalDocumentPageProps {
+  title: string;
+  lastUpdated?: string;
+  sections: readonly LegalSection[];
+  backLabel?: string;
+}
+
+export default function LegalDocumentPage({
+  title,
+  lastUpdated,
+  sections,
+  backLabel,
+}: LegalDocumentPageProps) {
+  return (
+    <div className="min-h-screen bg-bg-main">
+      <header className="border-b border-primary/10 bg-white/90 backdrop-blur-md sticky top-0 z-10">
+        <div className="max-w-3xl mx-auto px-6 py-4 flex items-center justify-between gap-4">
+          <Link href="/" className="text-sm font-semibold text-primary hover:text-primary-hover">
+            {backLabel ?? SITE.navigation.backToHome}
+          </Link>
+          <h1 className="text-lg font-bold font-serif text-primary text-right">{title}</h1>
+        </div>
+      </header>
+
+      <main className="max-w-3xl mx-auto px-6 py-12">
+        {lastUpdated && (
+          <p className="text-xs text-text-muted mb-8 uppercase tracking-wider">
+            Last updated: {lastUpdated}
+          </p>
+        )}
+
+        <article className="prose prose-slate max-w-none space-y-8">
+          {sections.map((section, idx) => (
+            <section key={idx}>
+              {section.heading && (
+                <h2 className="text-xl font-bold text-primary font-serif mb-3">{section.heading}</h2>
+              )}
+              {section.paragraphs.map((paragraph, pIdx) => (
+                <p key={pIdx} className="text-sm text-text-main/90 leading-relaxed mb-3">
+                  {paragraph}
+                </p>
+              ))}
+            </section>
+          ))}
+        </article>
+
+        <p className="mt-12 text-xs text-text-muted border-t border-primary/10 pt-6">
+          Questions? Contact us at {SITE.contact.email} or {SITE.contact.phoneDisplay}.
+        </p>
+      </main>
+    </div>
+  );
+}

package/packages/core/modules/legal-pages/app/privacy-policy/page.tsx

@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+import LegalDocumentPage from "@/app/components/LegalDocumentPage";
+import { SITE } from "@/constants";
+
+export const metadata: Metadata = {
+  title: `${SITE.privacyPage.title} | ${SITE.brand.shortName}`,
+  description: `Privacy policy for ${SITE.brand.name}.`,
+  alternates: { canonical: `${SITE.domain.baseUrl.replace(/\/$/, "")}${SITE.legal.privacyPolicyPath}` },
+};
+
+export default function PrivacyPolicyPage() {
+  return (
+    <LegalDocumentPage
+      title={SITE.privacyPage.title}
+      lastUpdated={SITE.privacyPage.lastUpdated || undefined}
+      sections={SITE.privacyPage.sections}
+    />
+  );
+}

package/packages/core/modules/legal-pages/app/terms-and-conditions/page.tsx

@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+import LegalDocumentPage from "@/app/components/LegalDocumentPage";
+import { SITE } from "@/constants";
+
+export const metadata: Metadata = {
+  title: `${SITE.termsPage.title} | ${SITE.brand.shortName}`,
+  description: `Terms and conditions for ${SITE.brand.name}.`,
+  alternates: { canonical: `${SITE.domain.baseUrl.replace(/\/$/, "")}${SITE.legal.termsPath}` },
+};
+
+export default function TermsPage() {
+  return (
+    <LegalDocumentPage
+      title={SITE.termsPage.title}
+      lastUpdated={SITE.termsPage.lastUpdated || undefined}
+      sections={SITE.termsPage.sections}
+    />
+  );
+}

package/packages/core/modules/reviews/app/admin/components/ReviewFormModal.tsx

@@ -0,0 +1,110 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import type { ReviewDataInput } from "../hooks/useReviews";
+
+interface ReviewFormModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onSubmit: (data: ReviewDataInput) => void;
+  initialData: ReviewDataInput | null;
+  error?: string;
+  isSubmitting?: boolean;
+}
+
+export default function ReviewFormModal({
+  isOpen,
+  onClose,
+  onSubmit,
+  initialData,
+  error,
+  isSubmitting,
+}: ReviewFormModalProps) {
+  const [form, setForm] = useState<ReviewDataInput>({
+    name: "",
+    otherInfo: "",
+    description: "",
+    sortOrder: 0,
+  });
+
+  useEffect(() => {
+    if (isOpen) {
+      setForm(
+        initialData ?? {
+          name: "",
+          otherInfo: "",
+          description: "",
+          sortOrder: 0,
+        }
+      );
+    }
+  }, [isOpen, initialData]);
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/40" onClick={onClose}>
+      <div
+        className="bg-white rounded-2xl p-6 w-full max-w-md shadow-xl border border-primary/10"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <h3 className="text-lg font-bold text-primary mb-4">
+          {initialData?.id ? "Edit review" : "Add review"}
+        </h3>
+
+        {error && (
+          <div className="mb-4 p-3 text-xs text-red-700 bg-red-50 border border-red-200 rounded-lg">{error}</div>
+        )}
+
+        <form
+          className="space-y-4"
+          onSubmit={(e) => {
+            e.preventDefault();
+            onSubmit(form);
+          }}
+        >
+          <input
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm"
+            placeholder="Name*"
+            value={form.name}
+            onChange={(e) => setForm({ ...form, name: e.target.value })}
+            required
+          />
+          <input
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm"
+            placeholder="Role / location (optional)"
+            value={form.otherInfo ?? ""}
+            onChange={(e) => setForm({ ...form, otherInfo: e.target.value })}
+          />
+          <textarea
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm resize-none"
+            placeholder="Review text*"
+            rows={4}
+            value={form.description}
+            onChange={(e) => setForm({ ...form, description: e.target.value })}
+            required
+          />
+          <input
+            type="number"
+            className="w-full border border-primary/20 rounded-lg px-3 py-2 text-sm"
+            placeholder="Sort order"
+            value={form.sortOrder}
+            onChange={(e) => setForm({ ...form, sortOrder: Number(e.target.value) || 0 })}
+          />
+          <div className="flex gap-3 pt-2">
+            <button type="button" onClick={onClose} className="flex-1 py-2.5 rounded-lg border text-sm font-bold cursor-pointer">
+              Cancel
+            </button>
+            <button
+              type="submit"
+              disabled={isSubmitting}
+              className="flex-1 py-2.5 rounded-lg bg-primary text-white text-sm font-bold disabled:opacity-50 cursor-pointer"
+            >
+              {isSubmitting ? "Saving..." : "Save"}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}

package/packages/core/modules/reviews/app/admin/components/ReviewsList.tsx

@@ -0,0 +1,116 @@
+"use client";
+
+import React, { useState } from "react";
+import { Plus, Edit2, Trash2, MessageSquareQuote } from "lucide-react";
+import ReviewFormModal from "./ReviewFormModal";
+import {
+  useGetReviews,
+  useCreateReview,
+  useUpdateReview,
+  useDeleteReview,
+  ReviewDataInput,
+} from "../hooks/useReviews";
+
+export default function ReviewsList() {
+  const { data: reviews = [], isLoading, error } = useGetReviews();
+  const createMutation = useCreateReview();
+  const updateMutation = useUpdateReview();
+  const deleteMutation = useDeleteReview();
+
+  const [modalOpen, setModalOpen] = useState(false);
+  const [selected, setSelected] = useState<ReviewDataInput | null>(null);
+  const [submitError, setSubmitError] = useState("");
+
+  const handleSubmit = async (data: ReviewDataInput) => {
+    setSubmitError("");
+    try {
+      if (data.id) await updateMutation.mutateAsync(data);
+      else await createMutation.mutateAsync(data);
+      setModalOpen(false);
+    } catch (err: unknown) {
+      setSubmitError(err instanceof Error ? err.message : "Failed to save");
+    }
+  };
+
+  if (isLoading) {
+    return <div className="p-8 text-sm text-text-muted">Loading reviews...</div>;
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h2 className="text-xl font-bold font-serif text-primary flex items-center gap-2">
+            <MessageSquareQuote className="w-5 h-5" />
+            Reviews
+          </h2>
+          <p className="text-xs text-text-muted mt-1">Testimonials shown on the homepage.</p>
+        </div>
+        <button
+          type="button"
+          onClick={() => {
+            setSelected(null);
+            setSubmitError("");
+            setModalOpen(true);
+          }}
+          className="flex items-center gap-1.5 px-4 py-2 bg-primary text-white text-xs font-bold rounded-lg cursor-pointer"
+        >
+          <Plus className="w-4 h-4" />
+          Add review
+        </button>
+      </div>
+
+      {error && (
+        <div className="p-3 text-xs text-red-700 bg-red-50 border border-red-200 rounded-lg">
+          {(error as Error).message}
+        </div>
+      )}
+
+      {reviews.length === 0 ? (
+        <div className="text-center py-12 border border-dashed rounded-2xl text-xs text-text-muted">
+          No reviews yet.
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          {reviews.map((rev) => (
+            <div key={rev.id} className="rounded-2xl border border-primary/10 bg-white p-5 shadow-sm">
+              <p className="text-sm text-text-main leading-relaxed line-clamp-4">{rev.description}</p>
+              <p className="font-bold text-primary mt-3 text-sm">{rev.name}</p>
+              {rev.otherInfo && <p className="text-xs text-text-muted">{rev.otherInfo}</p>}
+              <div className="flex gap-3 mt-4">
+                <button
+                  type="button"
+                  onClick={() => {
+                    setSelected(rev);
+                    setModalOpen(true);
+                  }}
+                  className="text-xs font-bold text-primary flex items-center gap-1 cursor-pointer"
+                >
+                  <Edit2 className="w-3.5 h-3.5" />
+                  Edit
+                </button>
+                <button
+                  type="button"
+                  onClick={() => rev.id && deleteMutation.mutateAsync(rev.id)}
+                  className="text-xs font-bold text-red-600 flex items-center gap-1 cursor-pointer"
+                >
+                  <Trash2 className="w-3.5 h-3.5" />
+                  Delete
+                </button>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+
+      <ReviewFormModal
+        isOpen={modalOpen}
+        onClose={() => setModalOpen(false)}
+        onSubmit={handleSubmit}
+        initialData={selected}
+        error={submitError}
+        isSubmitting={createMutation.isPending || updateMutation.isPending}
+      />
+    </div>
+  );
+}