kofi-stack-template-generator 2.1.48 → 2.1.50

package/templates/marketing/payload/public/favicon.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="32" height="32" rx="6" fill="#0F1F3D"/>
+  <path d="M16 6C11.029 6 7 10.029 7 15C7 16.5 7.4 17.9 8.1 19.1L16 26L23.9 19.1C24.6 17.9 25 16.5 25 15C25 10.029 20.971 6 16 6Z" fill="#3DA9A3"/>
+  <path d="M16 9C12.686 9 10 11.686 10 15C10 16.1 10.3 17.1 10.8 18L16 23L21.2 18C21.7 17.1 22 16.1 22 15C22 11.686 19.314 9 16 9Z" fill="#0F1F3D"/>
+  <text x="16" y="18" font-family="system-ui, -apple-system, sans-serif" font-size="10" font-weight="700" fill="white" text-anchor="middle">S</text>
+</svg>

package/templates/marketing/payload/public/logo-light.svg

@@ -0,0 +1,6 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="34" height="34" rx="8" fill="#3DA9A3"/>
+  <path d="M17 7C12.029 7 8 11.029 8 16C8 17.5 8.4 18.9 9.1 20.1L17 27L24.9 20.1C25.6 18.9 26 17.5 26 16C26 11.029 21.971 7 17 7Z" fill="white"/>
+  <path d="M17 10C13.686 10 11 12.686 11 16C11 17.1 11.3 18.1 11.8 19L17 24L22.2 19C22.7 18.1 23 17.1 23 16C23 12.686 20.314 10 17 10Z" fill="#3DA9A3"/>
+  <text x="17" y="19" font-family="system-ui, -apple-system, sans-serif" font-size="10" font-weight="700" fill="#0F1F3D" text-anchor="middle">S</text>
+</svg>

package/templates/marketing/payload/public/logo.svg

@@ -0,0 +1,6 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="34" height="34" rx="8" fill="#0F1F3D"/>
+  <path d="M17 7C12.029 7 8 11.029 8 16C8 17.5 8.4 18.9 9.1 20.1L17 27L24.9 20.1C25.6 18.9 26 17.5 26 16C26 11.029 21.971 7 17 7Z" fill="#3DA9A3"/>
+  <path d="M17 10C13.686 10 11 12.686 11 16C11 17.1 11.3 18.1 11.8 19L17 24L22.2 19C22.7 18.1 23 17.1 23 16C23 12.686 20.314 10 17 10Z" fill="#0F1F3D"/>
+  <text x="17" y="19" font-family="system-ui, -apple-system, sans-serif" font-size="10" font-weight="700" fill="white" text-anchor="middle">S</text>
+</svg>

package/templates/marketing/payload/src/Footer/Component.client.tsx

@@ -277,7 +277,7 @@ export const FooterClient: React.FC<FooterClientProps> = ({ data }) => {
 							<Logo variant="auto" className="h-6 w-6" />
 						</Link>
 						<p className="text-sm text-muted-foreground">
-							© {currentYear} {copyrightText || "DirectoryHub"}
+							© {currentYear} {copyrightText || "SaaSify"}
 						</p>
 					</div>
 

package/templates/marketing/payload/src/Footer/config.ts

@@ -151,7 +151,7 @@ export const Footer: GlobalConfig = {
 			name: "copyrightText",
 			type: "text",
 			label: "Copyright Text",
-			defaultValue: "DirectoryHub",
+			defaultValue: "SaaSify",
 			admin: {
 				description: "Company name for copyright (year is added automatically)",
 			},

package/templates/marketing/payload/src/Header/Component.client.tsx

@@ -83,7 +83,7 @@ export const HeaderClient: React.FC<HeaderClientProps> = ({ data }) => {
 				<div className="flex items-center gap-8">
 					<Link href="/" className="flex items-center gap-2">
 						<Logo loading="eager" priority="high" variant="auto" />
-						<span className="text-xl font-semibold hidden sm:inline">DirectoryHub</span>
+						<span className="text-xl font-semibold hidden sm:inline">SaaSify</span>
 					</Link>
 					{/* Left nav - hidden on tablet and below, visible on desktop */}
 					<HeaderNav data={data} position="left" className="hidden lg:flex gap-6 items-center" />

package/templates/marketing/payload/src/Header/MobileMenu/index.tsx

@@ -148,7 +148,7 @@ export const MobileMenu: React.FC<MobileMenuProps> = ({ data }) => {
 					{/* Header with close button */}
 					<div className="flex items-center justify-between p-4 border-b border-border">
 						<Link href="/" onClick={closeMenu} className="text-xl font-semibold">
-							DirectoryHub
+							SaaSify
 						</Link>
 						<HamburgerIcon isOpen={isOpen} onClick={closeMenu} className="lg:block" />
 					</div>

package/templates/marketing/payload/src/app/(docs)/docs/[[...slug]]/page.tsx

@@ -48,7 +48,7 @@ export default async function Page({ params }: DocsPageProps) {
 		return (
 			<DocsPage>
 				<DocsTitle>Documentation</DocsTitle>
-				<DocsDescription>Welcome to DirectoryHub documentation</DocsDescription>
+				<DocsDescription>Welcome to SaaSify documentation</DocsDescription>
 				<DocsBody>
 					<div className="flex flex-col items-center justify-center py-12 text-center">
 						<h2 className="text-xl font-semibold mb-4">No documentation yet</h2>
@@ -101,16 +101,16 @@ export async function generateMetadata({ params }: DocsPageProps): Promise<Metad
 
 	if (!doc) {
 		return {
-			title: "Documentation | DirectoryHub",
+			title: "Documentation | SaaSify",
 		}
 	}
 
 	return {
-		title: `${doc.title} | DirectoryHub Docs`,
-		description: doc.description || `Learn about ${doc.title} in DirectoryHub documentation.`,
+		title: `${doc.title} | SaaSify Docs`,
+		description: doc.description || `Learn about ${doc.title} in SaaSify documentation.`,
 		openGraph: {
-			title: `${doc.title} | DirectoryHub Docs`,
-			description: doc.description || `Learn about ${doc.title} in DirectoryHub documentation.`,
+			title: `${doc.title} | SaaSify Docs`,
+			description: doc.description || `Learn about ${doc.title} in SaaSify documentation.`,
 			type: "article",
 		},
 	}

package/templates/marketing/payload/src/app/(docs)/docs/layout.tsx

@@ -25,7 +25,7 @@ export default async function DocsLayoutWrapper({
 			<DocsLayout
 				tree={pageTree}
 				nav={{
-					title: "DirectoryHub Docs",
+					title: "SaaSify Docs",
 					url: "/docs",
 				}}
 				sidebar={{

package/templates/marketing/payload/src/app/(docs)/layout.tsx

@@ -37,8 +37,8 @@ export default function DocsRootLayout({ children }: { children: ReactNode }) {
 export const metadata: Metadata = {
 	metadataBase: new URL(getServerSideURL()),
 	title: {
-		default: "Documentation | DirectoryHub",
-		template: "%s | DirectoryHub Docs",
+		default: "Documentation | SaaSify",
+		template: "%s | SaaSify Docs",
 	},
-	description: "DirectoryHub documentation - learn how to build and manage directory websites.",
+	description: "SaaSify documentation - learn how to use the platform and boost your team productivity.",
 }

package/templates/marketing/payload/src/app/(frontend)/api/newsletter/route.ts

@@ -13,9 +13,9 @@ const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
 const COMPANY_ADDRESS = "KrumaLabs • 102 West Main Street #501, New Albany, OH 43054"
 
 /**
- * DirectoryHub logo URL
+ * SaaSify logo URL
  */
-const LOGO_URL = "https://directoryhub.app/logo.png"
+const LOGO_URL = "/logo.png"
 
 /**
  * Generate newsletter confirmation email HTML with logo and branding
@@ -120,9 +120,9 @@ function renderNewsletterConfirmationEmail(unsubscribeUrl?: string): string {
   <div style="${emailStyles.container}">
     <!-- Header with Logo -->
     <div style="${emailStyles.header}">
-      <a href="https://directoryhub.app" style="display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit;">
-        <img src="${LOGO_URL}" alt="DirectoryHub" width="32" height="32" style="display: block; width: 32px; height: 32px;">
-        <span style="${emailStyles.logoText}">DirectoryHub</span>
+      <a href="/" style="display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit;">
+        <img src="${LOGO_URL}" alt="SaaSify" width="32" height="32" style="display: block; width: 32px; height: 32px;">
+        <span style="${emailStyles.logoText}">SaaSify</span>
       </a>
     </div>
     
@@ -130,14 +130,14 @@ function renderNewsletterConfirmationEmail(unsubscribeUrl?: string): string {
     <div style="padding: 32px 32px 0;"><h1 style="${emailStyles.heading}">Welcome to the Newsletter!</h1></div>
     <div style="${emailStyles.content}">
       <p style="${emailStyles.paragraph}">
-        Thanks for subscribing to the DirectoryHub newsletter! 🎉
+        Thanks for subscribing to the SaaSify newsletter! 🎉
       </p>
       <p style="${emailStyles.paragraph}">
         You'll now receive updates about:
       </p>
       <ul style="${emailStyles.paragraph}">
         <li>New features and product updates</li>
-        <li>Tips for building better directories</li>
+        <li>Tips for boosting team productivity</li>
         <li>Industry insights and best practices</li>
         <li>Special announcements and offers</li>
       </ul>
@@ -145,11 +145,11 @@ function renderNewsletterConfirmationEmail(unsubscribeUrl?: string): string {
         We respect your inbox and only send emails when we have something valuable to share.
       </p>
       <div style="margin: 32px 0; text-align: center;">
-        <a href="https://directoryhub.app" style="${emailStyles.button}">Visit DirectoryHub</a>
+        <a href="/" style="${emailStyles.button}">Visit SaaSify</a>
       </div>
       <p style="${emailStyles.paragraphSmall}">
         If you didn't subscribe to this newsletter, you can safely ignore this email or
-        <a href="${unsubscribeUrl || "https://directoryhub.app/unsubscribe"}" style="${emailStyles.link}">unsubscribe here</a>.
+        <a href="${unsubscribeUrl || "/unsubscribe"}" style="${emailStyles.link}">unsubscribe here</a>.
       </p>
     </div>
     
@@ -158,14 +158,14 @@ function renderNewsletterConfirmationEmail(unsubscribeUrl?: string): string {
     
     <!-- Footer -->
     <div style="${emailStyles.footer}">
-      <p style="${emailStyles.footerText}">DirectoryHub - Build beautiful directory websites</p>
+      <p style="${emailStyles.footerText}">SaaSify - The modern platform for growing teams</p>
       <p style="${emailStyles.footerText}">
-        <a href="https://directoryhub.app" style="${emailStyles.link}">Visit our website</a>
+        <a href="/" style="${emailStyles.link}">Visit our website</a>
         <span style="color: #999999;"> • </span>
-        <a href="https://directoryhub.app/support" style="${emailStyles.link}">Support</a>
+        <a href="/support" style="${emailStyles.link}">Support</a>
         ${unsubscribeUrl ? `<span style="color: #999999;"> • </span><a href="${unsubscribeUrl}" style="${emailStyles.link}">Unsubscribe</a>` : ""}
       </p>
-      <p style="${emailStyles.footerTextSmall}">You're receiving this email because you signed up for the DirectoryHub newsletter.</p>
+      <p style="${emailStyles.footerTextSmall}">You're receiving this email because you signed up for the SaaSify newsletter.</p>
       <p style="${emailStyles.footerAddress}">${COMPANY_ADDRESS}</p>
     </div>
   </div>
@@ -193,8 +193,8 @@ export async function POST(request: Request) {
 
 		const apiKey = process.env.RESEND_API_KEY
 		const audienceId = process.env.RESEND_AUDIENCE_NEWSLETTER
-		// Marketing emails use "Theo from DirectoryHub" as sender
-		const fromEmail = "Theo from DirectoryHub <theo@notifications.directoryhub.app>"
+		// Marketing emails sender - update with your domain
+		const fromEmail = "SaaSify Team <hello@notifications.saasify.com>"
 
 		// In development without API key, just return success
 		if (!apiKey) {

package/templates/marketing/payload/src/app/(frontend)/layout.tsx

@@ -69,23 +69,23 @@ export default async function RootLayout({ children }: { children: React.ReactNo
 export const metadata: Metadata = {
 	metadataBase: new URL(getServerSideURL()),
 	title: {
-		default: "DirectoryHub - Build Directories That Generate Real Business",
-		template: "%s | DirectoryHub",
+		default: "SaaSify - The Modern Platform for Growing Teams",
+		template: "%s | SaaSify",
 	},
 	description:
-		"Launch a profitable directory business in minutes. The no-code platform to build, manage, and monetize niche directory websites.",
+		"Streamline workflows, boost productivity, and scale your business with one powerful platform.",
 	keywords: [
-		"directory builder",
-		"no-code directory",
-		"directory website",
-		"niche directory",
-		"business directory software",
-		"directory platform",
-		"monetize directory",
+		"SaaS platform",
+		"team productivity",
+		"workflow automation",
+		"business software",
+		"collaboration tools",
+		"project management",
+		"team collaboration",
 	],
-	authors: [{ name: "DirectoryHub", url: getServerSideURL() }],
-	creator: "DirectoryHub",
-	publisher: "DirectoryHub",
+	authors: [{ name: "SaaSify", url: getServerSideURL() }],
+	creator: "SaaSify",
+	publisher: "SaaSify",
 	robots: {
 		index: true,
 		follow: true,
@@ -100,11 +100,11 @@ export const metadata: Metadata = {
 	openGraph: mergeOpenGraph(),
 	twitter: {
 		card: "summary_large_image",
-		creator: "@directoryhub",
-		site: "@directoryhub",
-		title: "DirectoryHub - Build Directories That Generate Real Business",
+		creator: "@saasify",
+		site: "@saasify",
+		title: "SaaSify - The Modern Platform for Growing Teams",
 		description:
-			"Launch a profitable directory business in minutes. The no-code platform to build, manage, and monetize niche directory websites.",
+			"Streamline workflows, boost productivity, and scale your business with one powerful platform.",
 	},
 	verification: {
 		// Add your verification codes here when available

package/templates/marketing/payload/src/app/(frontend)/posts/[slug]/BlogPostContent.tsx

@@ -39,12 +39,12 @@ export function BlogPostContent({ content, headings }: BlogPostContentProps) {
 						<TableOfContents
 							headings={headings}
 							signUpCta={{
-								title: "Experience DirectoryHub",
-								description: "Start building your directory today",
-								buttonText: "Sign up for free",
-								buttonLink: "https://app.directoryhub.app/sign-up",
+								title: "Experience SaaSify",
+								description: "Start boosting your team's productivity today",
+								buttonText: "Start free trial",
+								buttonLink: "/pricing",
 								imageSrc: "/media/hero-dashboard-500x500.webp",
-								imageAlt: "DirectoryHub dashboard feature",
+								imageAlt: "SaaSify dashboard feature",
 							}}
 						/>
 					</div>

package/templates/marketing/payload/src/app/(frontend)/posts/page.tsx

@@ -42,8 +42,8 @@ export default async function Page() {
 
 export function generateMetadata(): Metadata {
 	return {
-		title: "Blog — DirectoryHub Resources & Guides",
+		title: "Blog — SaaSify Resources & Guides",
 		description:
-			"Learn how to build, grow, and monetize directory websites. Tips, strategies, and success stories from the DirectoryHub team.",
+			"Tips, strategies, and insights for growing teams. Learn how to boost productivity and scale your business with SaaSify.",
 	}
 }

package/templates/marketing/payload/src/components/JsonLd/index.tsx

@@ -10,23 +10,23 @@ export const OrganizationSchema: React.FC = () => {
 	const schema = {
 		"@context": "https://schema.org",
 		"@type": "Organization",
-		name: "DirectoryHub",
-		description: "The no-code platform to build, manage, and monetize niche directory websites.",
+		name: "SaaSify",
+		description: "The modern platform for growing teams. Streamline workflows and boost productivity.",
 		url: siteUrl,
 		logo: `${siteUrl}/logo.svg`,
 		sameAs: [
-			"https://twitter.com/directoryhub",
-			"https://linkedin.com/company/directoryhub",
-			"https://github.com/directoryhub",
+			"https://twitter.com/saasify",
+			"https://linkedin.com/company/saasify",
+			"https://github.com/saasify",
 		],
 		contactPoint: {
 			"@type": "ContactPoint",
 			contactType: "customer support",
-			email: "support@directoryhub.com",
+			email: "support@saasify.com",
 		},
 		founder: {
 			"@type": "Person",
-			name: "DirectoryHub Team",
+			name: "SaaSify Team",
 		},
 		foundingDate: "2024",
 	}
@@ -47,9 +47,9 @@ export const SoftwareApplicationSchema: React.FC = () => {
 	const schema = {
 		"@context": "https://schema.org",
 		"@type": "SoftwareApplication",
-		name: "DirectoryHub",
+		name: "SaaSify",
 		description:
-			"Launch a profitable directory business in minutes. Create, monetize, and grow with DirectoryHub - the no-code directory builder.",
+			"The modern platform for growing teams. Streamline workflows, boost productivity, and scale your business.",
 		applicationCategory: "BusinessApplication",
 		operatingSystem: "Web",
 		url: siteUrl,
@@ -57,7 +57,7 @@ export const SoftwareApplicationSchema: React.FC = () => {
 			"@type": "AggregateOffer",
 			priceCurrency: "USD",
 			lowPrice: "0",
-			highPrice: "199",
+			highPrice: "99",
 			offerCount: "3",
 		},
 		aggregateRating: {
@@ -68,12 +68,12 @@ export const SoftwareApplicationSchema: React.FC = () => {
 			worstRating: "1",
 		},
 		featureList: [
-			"No-code directory builder",
-			"Built-in payment processing",
-			"SEO optimization",
-			"Custom domains",
-			"Multi-tenant architecture",
-			"Analytics dashboard",
+			"Team collaboration tools",
+			"Workflow automation",
+			"Real-time analytics",
+			"100+ integrations",
+			"Enterprise security",
+			"Custom dashboards",
 		],
 		screenshot: `${siteUrl}/website-template-OG.webp`,
 	}
@@ -94,8 +94,8 @@ export const WebSiteSchema: React.FC = () => {
 	const schema = {
 		"@context": "https://schema.org",
 		"@type": "WebSite",
-		name: "DirectoryHub",
-		description: "The no-code platform to build, manage, and monetize niche directory websites.",
+		name: "SaaSify",
+		description: "The modern platform for growing teams. Streamline workflows and boost productivity.",
 		url: siteUrl,
 		potentialAction: {
 			"@type": "SearchAction",
@@ -107,7 +107,7 @@ export const WebSiteSchema: React.FC = () => {
 		},
 		publisher: {
 			"@type": "Organization",
-			name: "DirectoryHub",
+			name: "SaaSify",
 			logo: {
 				"@type": "ImageObject",
 				url: `${siteUrl}/logo.svg`,

package/templates/marketing/payload/src/components/Logo/Logo.tsx

@@ -33,7 +33,7 @@ export const Logo = (props: Props) => {
 	return (
 		/* eslint-disable @next/next/no-img-element */
 		<img
-			alt="DirectoryHub Logo"
+			alt="SaaSify Logo"
 			width={34}
 			height={34}
 			loading={loading}

package/templates/marketing/payload/src/components/TableOfContents/index.tsx

@@ -95,7 +95,7 @@ export function TableOfContents({ headings, signUpCta }: TableOfContentsProps) {
 							<div className="w-full aspect-square rounded-lg overflow-hidden bg-white dark:bg-[#0F1F3D] border border-[#E1E6EF] dark:border-[#0F1F3D]">
 								<Image
 									src={signUpCta.imageSrc}
-									alt={signUpCta.imageAlt || "DirectoryHub app feature"}
+									alt={signUpCta.imageAlt || "SaaSify app feature"}
 									width={200}
 									height={200}
 									className="w-full h-full object-cover"
@@ -106,7 +106,7 @@ export function TableOfContents({ headings, signUpCta }: TableOfContentsProps) {
 						{/* Text */}
 						<div>
 							<p className="text-sm font-semibold text-foreground">
-								{signUpCta.title || "Experience DirectoryHub"}
+								{signUpCta.title || "Experience SaaSify"}
 							</p>
 							<p className="text-xs text-muted-foreground mt-1">
 								{signUpCta.description || "Start building your directory today"}
@@ -115,7 +115,7 @@ export function TableOfContents({ headings, signUpCta }: TableOfContentsProps) {
 
 						{/* CTA Button */}
 						<Link
-							href={signUpCta.buttonLink || "https://app.directoryhub.app/sign-up"}
+							href={signUpCta.buttonLink || "/pricing"}
 							className="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-[#0F1F3D] hover:bg-[#0B162C] dark:bg-[#3DA9A3] dark:hover:bg-[#3DA9A3]/90 rounded-lg transition-colors"
 						>
 							{signUpCta.buttonText || "Sign up for free"}