@appcorp/shadcn 1.1.82 → 1.1.85

package/components/shadcn-io/copy-button/index.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { HTMLMotionProps } from "motion/react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "muted" | null | undefined;
+    variant?: "secondary" | "default" | "destructive" | "outline" | "ghost" | "muted" | null | undefined;
     size?: "default" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type CopyButtonProps = Omit<HTMLMotionProps<"button">, "children" | "onCopy"> & VariantProps<typeof buttonVariants> & {

package/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "secondary" | "default" | "destructive" | "outline" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "secondary" | "default" | "destructive" | "outline" | "ghost" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.1.82",
+  "version": "1.1.85",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "mv ../.pnp.cjs ../.pnp.cjs.bak 2>/dev/null || true && storybook build -c .storybook -o .out && mv ../.pnp.cjs.bak ../.pnp.cjs 2>/dev/null || true",

package/templates/appcorp-v1/footer/bottom-bar.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export interface BottomBarProps {
+    founded: string;
+    year: string;
+}
+export declare const BottomBar: FC<BottomBarProps>;

package/templates/appcorp-v1/footer/bottom-bar.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomBar = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var BottomBar = function (_a) {
+    var founded = _a.founded, year = _a.year;
+    return (react_1.default.createElement("div", { className: "relative mx-auto max-w-7xl px-6 py-5 md:px-10" },
+        react_1.default.createElement("div", { className: "flex flex-col items-center justify-between gap-3 text-xs text-white/35 sm:flex-row" },
+            react_1.default.createElement("p", null,
+                "\u00A9 ",
+                year,
+                " App Corp Ltd. All rights reserved.",
+                founded ? " Est. ".concat(founded, ".") : ""),
+            react_1.default.createElement("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-1" },
+                react_1.default.createElement(link_1.default, { href: "/privacy", className: "hover:text-white/70 transition-colors" }, "Privacy"),
+                react_1.default.createElement(link_1.default, { href: "/terms", className: "hover:text-white/70 transition-colors" }, "Terms"),
+                react_1.default.createElement(link_1.default, { href: "/contact", className: "hover:text-white/70 transition-colors" }, "Contact"),
+                react_1.default.createElement("span", { className: "hidden sm:inline text-white/20" }, "|"),
+                react_1.default.createElement("span", { className: "hidden sm:inline" }, "Crafted with care in London \uD83C\uDDEC\uD83C\uDDE7")))));
+};
+exports.BottomBar = BottomBar;

package/templates/appcorp-v1/footer/cta.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export interface CtaProps {
+    href: string;
+    label: string;
+}
+export declare const Cta: FC<CtaProps>;

package/templates/appcorp-v1/footer/cta.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cta = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var lucide_react_1 = require("lucide-react");
+var Cta = function (_a) {
+    var href = _a.href, label = _a.label;
+    return (react_1.default.createElement("div", { className: "relative border-y border-white/8" },
+        react_1.default.createElement("div", { className: "mx-auto flex max-w-7xl flex-col items-center justify-between gap-5 px-6 py-8 text-center sm:flex-row sm:text-left md:px-10" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("p", { className: "text-base font-semibold text-white" }, "Ready to build something remarkable?"),
+                react_1.default.createElement("p", { className: "mt-1 text-sm text-white/50" }, "Tell us what you want to ship \u2014 we'll tell you exactly how we'd build it.")),
+            react_1.default.createElement(link_1.default, { href: href, className: "inline-flex shrink-0 items-center gap-2 rounded-full bg-primary px-6 py-2.5 text-sm font-semibold text-primary-foreground shadow-lg transition-all hover:bg-primary/90 hover:shadow-primary/25" },
+                label,
+                react_1.default.createElement(lucide_react_1.ArrowRight, { className: "h-4 w-4" })))));
+};
+exports.Cta = Cta;

package/templates/appcorp-v1/footer/footer-grid.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { FooterColumn, SocialLink } from "../../../templates/data/appcorp-v1";
+export interface FooterGridProps {
+    description: string;
+    email: string;
+    location: string;
+    logo: string;
+    name: string;
+    phone: string;
+    socialLinks: SocialLink[];
+    tagline: string;
+    columns: FooterColumn[];
+}
+export declare const FooterGrid: FC<FooterGridProps>;

package/templates/appcorp-v1/footer/footer-grid.js

@@ -0,0 +1,52 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterGrid = void 0;
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var link_1 = __importDefault(require("next/link"));
+var social_button_1 = require("../header/social-button");
+var lucide_react_1 = require("lucide-react");
+var badge_1 = require("../../../components/ui/badge");
+var FooterGrid = function (_a) {
+    var columns = _a.columns, description = _a.description, email = _a.email, location = _a.location, logo = _a.logo, name = _a.name, phone = _a.phone, socialLinks = _a.socialLinks, tagline = _a.tagline;
+    return (react_1.default.createElement("div", { className: "relative mx-auto max-w-7xl px-6 pb-10 pt-16 md:px-10" },
+        react_1.default.createElement("div", { className: "grid gap-12 lg:grid-cols-[1.6fr_repeat(4,1fr)]" },
+            react_1.default.createElement("div", { className: "flex flex-col" },
+                react_1.default.createElement(link_1.default, { href: "/", className: "mb-5 inline-flex items-center gap-2.5", "aria-label": "App Corp home" },
+                    react_1.default.createElement(image_1.default, { alt: "App Corp icon", className: "h-9 w-9", height: 36, src: logo, width: 36 }),
+                    react_1.default.createElement("span", { className: "text-base font-semibold tracking-tight text-white" }, name)),
+                react_1.default.createElement("p", { className: "mb-4 text-sm font-medium leading-snug text-white/80" }, tagline),
+                react_1.default.createElement("p", { className: "mb-7 text-sm leading-relaxed text-white/45" }, description),
+                react_1.default.createElement("div", { className: "mb-7 flex items-center gap-2" }, socialLinks.map(function (s) { return (react_1.default.createElement(social_button_1.SocialButton, __assign({ key: s.label }, s))); })),
+                react_1.default.createElement("div", { className: "space-y-2" },
+                    react_1.default.createElement("a", { href: "mailto:".concat(email), className: "flex items-center gap-2 text-xs text-white/45 transition-colors hover:text-white/80" },
+                        react_1.default.createElement(lucide_react_1.Mail, { className: "h-3.5 w-3.5 shrink-0" }),
+                        email),
+                    phone && (react_1.default.createElement("a", { href: "tel:".concat(phone), className: "flex items-center gap-2 text-xs text-white/45 transition-colors hover:text-white/80" },
+                        react_1.default.createElement(lucide_react_1.Phone, { className: "h-3.5 w-3.5 shrink-0" }),
+                        phone)),
+                    react_1.default.createElement("span", { className: "flex items-center gap-2 text-xs text-white/45" },
+                        react_1.default.createElement(lucide_react_1.MapPin, { className: "h-3.5 w-3.5 shrink-0" }),
+                        location))),
+            columns.slice(0, 4).map(function (col) { return (react_1.default.createElement("div", { key: col.heading },
+                react_1.default.createElement("h3", { className: "mb-5 text-xs font-semibold uppercase tracking-widest text-white/40" }, col.heading),
+                react_1.default.createElement("ul", { className: "space-y-3" }, col.links.map(function (link) { return (react_1.default.createElement("li", { key: link.label },
+                    react_1.default.createElement(link_1.default, { href: link.href, className: "group inline-flex items-center gap-1.5 text-sm text-white/60 transition-colors hover:text-white" },
+                        link.label,
+                        link.badge && (react_1.default.createElement(badge_1.Badge, { className: "h-5 rounded-full bg-emerald-500/15 px-2 py-0 text-[10px] font-semibold text-emerald-400 border-0 whitespace-nowrap" }, link.badge))))); })))); }))));
+};
+exports.FooterGrid = FooterGrid;

package/templates/appcorp-v1/footer/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { FooterProps } from "@/templates/data/appcorp-v1";
+export declare const SiteFooter: FC<FooterProps>;

package/templates/appcorp-v1/footer/index.js

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteFooter = void 0;
+var react_1 = __importDefault(require("react"));
+var bottom_bar_1 = require("./bottom-bar");
+var cta_1 = require("./cta");
+var newsletter_1 = require("./newsletter");
+var stats_1 = require("./stats");
+var footer_grid_1 = require("./footer-grid");
+var SiteFooter = function (_a) {
+    var ctas = _a.ctas, description = _a.description, email = _a.email, columns = _a.columns, founded = _a.founded, location = _a.location, logo = _a.logo, name = _a.name, newsletterBody = _a.newsletterBody, newsletterCta = _a.newsletterCta, newsletterDisclaimer = _a.newsletterDisclaimer, newsletterHeading = _a.newsletterHeading, newsletterPlaceholder = _a.newsletterPlaceholder, phone = _a.phone, socialLinks = _a.socialLinks, stats = _a.stats, tagline = _a.tagline, badges = _a.badges, year = _a.year;
+    return (react_1.default.createElement("footer", { className: "relative overflow-hidden bg-gray-800 text-background" },
+        react_1.default.createElement("div", { "aria-hidden": true, className: "bg-dot-grid pointer-events-none absolute inset-0 opacity-[0.04]" }),
+        react_1.default.createElement("div", { "aria-hidden": true, className: "pointer-events-none absolute -top-40 left-1/4 h-112 w-md rounded-full bg-primary/10 blur-3xl" }),
+        react_1.default.createElement(stats_1.Stats, { footerStats: stats }),
+        react_1.default.createElement(footer_grid_1.FooterGrid, { columns: columns, description: description, email: email, location: location, logo: logo, name: name, phone: phone, socialLinks: socialLinks, tagline: tagline }),
+        react_1.default.createElement(newsletter_1.Newsletter, { newsletterBody: newsletterBody, newsletterCta: newsletterCta, newsletterDisclaimer: newsletterDisclaimer, newsletterHeading: newsletterHeading, newsletterPlaceholder: newsletterPlaceholder, techBadges: badges }),
+        ctas
+            .filter(function (cta) { return cta.enabled; })
+            .sort(function (a, b) { return (a.order || 0) - (b.order || 0); })
+            .map(function (cta) { return (react_1.default.createElement(cta_1.Cta, { key: cta.label, href: cta.href, label: cta.label })); }),
+        react_1.default.createElement(bottom_bar_1.BottomBar, { year: year, founded: founded })));
+};
+exports.SiteFooter = SiteFooter;

package/templates/appcorp-v1/footer/newsletter.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { TechBadge } from "../../../templates/data/appcorp-v1";
+export interface NewsletterProps {
+    newsletterHeading: string;
+    newsletterBody: string;
+    newsletterPlaceholder: string;
+    newsletterCta: string;
+    newsletterDisclaimer: string;
+    techBadges: TechBadge[];
+}
+export declare const Newsletter: FC<NewsletterProps>;

package/templates/appcorp-v1/footer/newsletter.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Newsletter = void 0;
+var react_1 = __importDefault(require("react"));
+var lucide_react_1 = require("lucide-react");
+var Newsletter = function (_a) {
+    var newsletterHeading = _a.newsletterHeading, newsletterBody = _a.newsletterBody, newsletterPlaceholder = _a.newsletterPlaceholder, newsletterCta = _a.newsletterCta, newsletterDisclaimer = _a.newsletterDisclaimer, techBadges = _a.techBadges;
+    return (react_1.default.createElement("div", { className: "relative border-y border-white/8" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 py-10 md:px-10" },
+            react_1.default.createElement("div", { className: "grid gap-10 md:grid-cols-2 md:items-center" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("h3", { className: "mb-1 text-base font-semibold text-white" }, newsletterHeading),
+                    react_1.default.createElement("p", { className: "mb-4 text-sm text-white/50" }, newsletterBody),
+                    react_1.default.createElement("form", { onSubmit: function (e) { return e.preventDefault(); }, className: "flex max-w-sm gap-2" },
+                        react_1.default.createElement("input", { type: "email", placeholder: newsletterPlaceholder, className: "flex-1 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-sm text-white placeholder:text-white/30 outline-none focus:border-white/25 focus:ring-0" }),
+                        react_1.default.createElement("button", { type: "submit", className: "rounded-full bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground transition-all hover:bg-primary/90" }, newsletterCta)),
+                    react_1.default.createElement("p", { className: "mt-2 text-xs text-white/25" }, newsletterDisclaimer)),
+                react_1.default.createElement("div", { className: "flex flex-wrap justify-start gap-2 md:justify-end" }, techBadges
+                    .filter(function (badge) { return badge.enabled; })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (badge) { return (react_1.default.createElement("span", { key: badge.label, className: "inline-flex items-center gap-1.5 rounded-full border border-white/10 bg-white/5 px-3 py-1.5 text-xs font-medium text-white/60" },
+                    react_1.default.createElement(lucide_react_1.CheckCircle2, { className: "h-3 w-3 text-emerald-400" }),
+                    badge.label)); }))))));
+};
+exports.Newsletter = Newsletter;

package/templates/appcorp-v1/footer/stats.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { FooterStat } from "../../../templates/data/appcorp-v1";
+export interface StatsProps {
+    footerStats: FooterStat[];
+}
+export declare const Stats: FC<StatsProps>;

package/templates/appcorp-v1/footer/stats.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stats = void 0;
+var react_1 = __importDefault(require("react"));
+var Stats = function (_a) {
+    var footerStats = _a.footerStats;
+    return (react_1.default.createElement("div", { className: "relative border-b border-white/8" },
+        react_1.default.createElement("div", { className: "mx-auto grid max-w-7xl grid-cols-2 divide-x divide-white/8 px-6 md:grid-cols-4 md:px-10" }, footerStats.map(function (stat) { return (react_1.default.createElement("div", { key: stat.label, className: "flex flex-col items-center py-7 text-center" },
+            react_1.default.createElement("span", { className: "text-2xl font-bold tracking-tight text-white md:text-3xl" }, stat.value),
+            react_1.default.createElement("span", { className: "mt-1 text-xs text-white/50" }, stat.label))); }))));
+};
+exports.Stats = Stats;

package/templates/appcorp-v1/header/announcement-bar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { AnnouncementBar as AnnouncementBarProps } from "../../data/appcorp-v1";
+export declare const AnnouncementBar: FC<AnnouncementBarProps>;

package/templates/appcorp-v1/header/announcement-bar.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnnouncementBar = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var AnnouncementBar = function (_a) {
+    var text = _a.text, cta = _a.cta, href = _a.href;
+    return (react_1.default.createElement("div", { className: "fixed left-0 right-0 top-0 z-50 flex items-center justify-center gap-3 bg-foreground px-4 py-2 text-xs text-background/80" },
+        react_1.default.createElement("span", null, text),
+        react_1.default.createElement(link_1.default, { className: "font-semibold text-background underline-offset-2 hover:underline", href: href }, cta)));
+};
+exports.AnnouncementBar = AnnouncementBar;

package/templates/appcorp-v1/header/dropdown-panel.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { NavItem } from "../../data/appcorp-v1";
+interface DropdownPanelProps {
+    item: NavItem;
+    onClose: () => void;
+}
+export declare const DropdownPanel: ({ item, onClose }: DropdownPanelProps) => React.JSX.Element | null;
+export {};

package/templates/appcorp-v1/header/dropdown-panel.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownPanel = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var badge_1 = require("../../../components/ui/badge");
+var lucide_react_1 = require("lucide-react");
+var Icons = __importStar(require("lucide-react"));
+var DropdownPanel = function (_a) {
+    var item = _a.item, onClose = _a.onClose;
+    if (!item.dropdown)
+        return null;
+    var isWide = item.dropdown.length >= 4;
+    return (react_1.default.createElement("div", { className: "absolute top-full mt-2.5 rounded-2xl border border-border/50 bg-background/98 shadow-xl backdrop-blur-lg\n        ".concat(isWide ? "left-1/2 w-155 -translate-x-1/2" : "left-1/2 w-90 -translate-x-1/2"), style: { zIndex: 100 } },
+        react_1.default.createElement("div", { className: "absolute -top-px left-1/2 h-px w-24 -translate-x-1/2 bg-linear-to-r from-transparent via-primary/60 to-transparent" }),
+        react_1.default.createElement("div", { className: "p-3 ".concat(isWide ? "grid grid-cols-2 gap-1" : "flex flex-col gap-1") }, item.dropdown
+            .filter(function (sub) { return sub.enabled; })
+            .sort(function (a, b) { return a.order - b.order; })
+            .map(function (sub) {
+            var IconComp = Icons[sub.icon] || Icons.Circle;
+            return (react_1.default.createElement(link_1.default, { key: sub.href, href: sub.href, onClick: onClose, className: "group flex items-start gap-3.5 rounded-xl p-3.5 transition-all duration-150 hover:bg-muted/60" },
+                react_1.default.createElement("span", { className: "mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-primary/8 transition-colors group-hover:bg-primary/14" },
+                    react_1.default.createElement(IconComp, { className: "h-4.5 w-4.5 text-primary" })),
+                react_1.default.createElement("span", { className: "min-w-0" },
+                    react_1.default.createElement("span", { className: "flex items-center gap-2 text-sm font-medium text-foreground" },
+                        sub.label,
+                        sub.badge && (react_1.default.createElement(badge_1.Badge, { className: "h-5 rounded-full bg-emerald-500/15 px-2 py-0 text-[10px] font-semibold text-emerald-600 border-0 whitespace-nowrap" }, sub.badge))),
+                    react_1.default.createElement("span", { className: "mt-0.5 block text-xs leading-relaxed text-muted-foreground" }, sub.description))));
+        })),
+        react_1.default.createElement("div", { className: "border-t border-border/40 px-4 py-3 flex items-center justify-between" },
+            react_1.default.createElement("span", { className: "text-xs text-muted-foreground" }, "Not sure where to start?"),
+            react_1.default.createElement(link_1.default, { href: "/contact-new", onClick: onClose, className: "inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline" },
+                "Talk to us ",
+                react_1.default.createElement(lucide_react_1.ArrowRight, { className: "h-3 w-3" })))));
+};
+exports.DropdownPanel = DropdownPanel;

package/templates/appcorp-v1/header/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { AnnouncementBar as AnnouncementBarProps, Cta, NavItem } from "../../data/appcorp-v1";
+export interface SiteHeaderProps {
+    announcementBar: AnnouncementBarProps;
+    headerCta: Cta[];
+    logo: string;
+    navItems: NavItem[];
+    email: string;
+    phone: string;
+    location: string;
+}
+export declare const SiteHeader: ({ announcementBar, headerCta, logo, navItems, email, phone, location, }: SiteHeaderProps) => React.JSX.Element;

package/templates/appcorp-v1/header/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteHeader = void 0;
+var react_1 = __importDefault(require("react"));
+var announcement_bar_1 = require("./announcement-bar");
+var navigation_bar_1 = require("./navigation-bar");
+var SiteHeader = function (_a) {
+    var announcementBar = _a.announcementBar, headerCta = _a.headerCta, logo = _a.logo, navItems = _a.navItems, email = _a.email, phone = _a.phone, location = _a.location;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { text: announcementBar.text, cta: announcementBar.cta, href: announcementBar.href }),
+        react_1.default.createElement(navigation_bar_1.NavigationBar, { logo: logo, navItems: navItems, headerCta: headerCta, email: email, phone: phone, location: location })));
+};
+exports.SiteHeader = SiteHeader;

package/templates/appcorp-v1/header/mobile-menu.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Cta, NavItem } from "../../data/appcorp-v1";
+interface MobileMenuProps {
+    announcementVisible?: boolean;
+    headerCta: Cta[];
+    items: NavItem[];
+    logo: string;
+    onClose: () => void;
+    email: string;
+    phone: string;
+    location: string;
+}
+export declare function MobileMenu({ headerCta, items, logo, onClose, email, phone, location, }: MobileMenuProps): React.JSX.Element;
+export {};

package/templates/appcorp-v1/header/mobile-menu.js

@@ -0,0 +1,101 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileMenu = MobileMenu;
+var lucide_react_1 = require("lucide-react");
+var image_1 = __importDefault(require("next/image"));
+var link_1 = __importDefault(require("next/link"));
+var react_1 = __importStar(require("react"));
+var Icons = __importStar(require("lucide-react"));
+var badge_1 = require("../../../components/ui/badge");
+var button_1 = require("../../../components/ui/button");
+var lucide_react_2 = require("lucide-react");
+function MobileMenu(_a) {
+    var headerCta = _a.headerCta, items = _a.items, logo = _a.logo, onClose = _a.onClose, email = _a.email, phone = _a.phone, location = _a.location;
+    var _b = (0, react_1.useState)(null), openSection = _b[0], setOpenSection = _b[1];
+    var toggle = function (label) {
+        return setOpenSection(function (prev) { return (prev === label ? null : label); });
+    };
+    return (react_1.default.createElement("div", { className: "fixed inset-x-0 bottom-0 z-50 flex flex-col bg-background top-8" },
+        react_1.default.createElement("div", { className: "flex h-16 items-center justify-between border-b border-border/40 px-6" },
+            react_1.default.createElement(link_1.default, { href: "/", onClick: onClose, className: "flex items-center gap-2.5" },
+                react_1.default.createElement(image_1.default, { src: logo, alt: "App Corp icon", width: 32, height: 32, className: "h-8 w-8", priority: true }),
+                react_1.default.createElement("span", { className: "text-base font-semibold tracking-tight text-foreground" }, "App Corp")),
+            react_1.default.createElement("button", { onClick: onClose, "aria-label": "Close menu", className: "flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground" },
+                react_1.default.createElement(lucide_react_1.X, { className: "h-5 w-5" }))),
+        react_1.default.createElement("nav", { className: "flex-1 overflow-y-auto px-4 py-4" }, items.map(function (item) {
+            var isOpen = openSection === item.label;
+            if (item.dropdown) {
+                return (react_1.default.createElement("div", { key: item.label, className: "mb-1" },
+                    react_1.default.createElement("button", { onClick: function () { return toggle(item.label); }, className: "flex w-full items-center justify-between rounded-xl px-4 py-3 text-sm font-medium text-foreground transition-colors hover:bg-muted" },
+                        item.label,
+                        react_1.default.createElement(lucide_react_1.ChevronDown, { className: "h-4 w-4 text-muted-foreground transition-transform duration-200 ".concat(isOpen ? "rotate-180" : "") })),
+                    isOpen && (react_1.default.createElement("div", { className: "mb-2 mt-1 space-y-0.5 pl-2" }, item.dropdown.map(function (sub) {
+                        var IconComp = Icons[sub.icon] || Icons.Circle;
+                        return (react_1.default.createElement(link_1.default, { key: sub.href, href: sub.href, onClick: onClose, className: "group flex items-start gap-3 rounded-xl px-4 py-3 transition-colors hover:bg-muted/60" },
+                            react_1.default.createElement("span", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 transition-colors group-hover:bg-primary/15" },
+                                react_1.default.createElement(IconComp, { className: "h-4 w-4 text-primary" })),
+                            react_1.default.createElement("span", null,
+                                react_1.default.createElement("span", { className: "flex items-center gap-2 text-sm font-medium text-foreground" },
+                                    sub.label,
+                                    sub.badge && (react_1.default.createElement(badge_1.Badge, { className: "h-4 rounded-full bg-emerald-500/15 px-1.5 py-0 text-[10px] font-semibold text-emerald-600 border-0" }, sub.badge))),
+                                react_1.default.createElement("span", { className: "mt-0.5 line-clamp-1 text-xs text-muted-foreground" }, sub.description))));
+                    })))));
+            }
+            return (react_1.default.createElement(link_1.default, { key: item.label, href: item.href, onClick: onClose, className: "flex items-center justify-between rounded-xl px-4 py-3 text-sm font-medium text-foreground transition-colors hover:bg-muted" },
+                item.label,
+                react_1.default.createElement(lucide_react_1.ArrowRight, { className: "h-3.5 w-3.5 text-muted-foreground" })));
+        })),
+        react_1.default.createElement("div", { className: "border-t border-border/40 p-5 space-y-3" },
+            react_1.default.createElement("div", { className: "flex items-center gap-2 text-xs text-muted-foreground" },
+                react_1.default.createElement(lucide_react_2.Mail, { className: "h-3.5 w-3.5 shrink-0" }),
+                react_1.default.createElement("span", null, email)),
+            phone && (react_1.default.createElement("div", { className: "flex items-center gap-2 text-xs text-muted-foreground" },
+                react_1.default.createElement(lucide_react_2.Phone, { className: "h-3.5 w-3.5 shrink-0" }),
+                react_1.default.createElement("span", null, phone))),
+            react_1.default.createElement("div", { className: "flex items-center gap-2 text-xs text-muted-foreground" },
+                react_1.default.createElement(lucide_react_2.MapPin, { className: "h-3.5 w-3.5 shrink-0" }),
+                react_1.default.createElement("span", null, location)),
+            react_1.default.createElement("div", { className: "flex flex-row gap-3 mt-1" }, headerCta
+                .filter(function (cta) { return cta.enabled; })
+                .sort(function (a, b) { return a.order - b.order; })
+                .map(function (cta) {
+                return (react_1.default.createElement(button_1.Button, { asChild: true, className: "flex-1 rounded-full ".concat(cta.type === "primary" ? "bg-primary text-white" : "bg-secondary text-foreground hover:bg-foreground hover:text-background"), key: cta.href, size: "default" },
+                    react_1.default.createElement(link_1.default, { href: cta.href }, cta.label)));
+            })))));
+}

package/templates/appcorp-v1/header/navigation-bar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { SiteHeaderProps } from ".";
+export declare const NavigationBar: FC<Omit<SiteHeaderProps, "announcementBar">>;

package/templates/appcorp-v1/header/navigation-bar.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationBar = void 0;
+var lucide_react_1 = require("lucide-react");
+var image_1 = __importDefault(require("next/image"));
+var link_1 = __importDefault(require("next/link"));
+var navigation_1 = require("next/navigation");
+var react_1 = __importStar(require("react"));
+var button_1 = require("../../../components/ui/button");
+var dropdown_panel_1 = require("./dropdown-panel");
+var mobile_menu_1 = require("./mobile-menu");
+var NavigationBar = function (_a) {
+    var headerCta = _a.headerCta, logo = _a.logo, navItems = _a.navItems, email = _a.email, phone = _a.phone, location = _a.location;
+    var pathname = (0, navigation_1.usePathname)();
+    var _b = (0, react_1.useState)(false), scrolled = _b[0], setScrolled = _b[1];
+    var _c = (0, react_1.useState)(false), mobileOpen = _c[0], setMobileOpen = _c[1];
+    var _d = (0, react_1.useState)(null), activeDropdown = _d[0], setActiveDropdown = _d[1];
+    var timeoutRef = (0, react_1.useRef)(null);
+    // Scroll detection
+    (0, react_1.useEffect)(function () {
+        var onScroll = function () { return setScrolled(window.scrollY > 20); };
+        window.addEventListener("scroll", onScroll, { passive: true });
+        return function () { return window.removeEventListener("scroll", onScroll); };
+    }, []);
+    // Lock body scroll when mobile menu open
+    (0, react_1.useEffect)(function () {
+        document.body.style.overflow = mobileOpen ? "hidden" : "";
+        return function () {
+            document.body.style.overflow = "";
+        };
+    }, [mobileOpen]);
+    var openDropdown = function (label) {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        setActiveDropdown(label);
+    };
+    var closeDropdown = function () {
+        timeoutRef.current = setTimeout(function () { return setActiveDropdown(null); }, 150);
+    };
+    var keepOpen = function () {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+    };
+    return (react_1.default.createElement("header", { className: "fixed left-0 right-0 z-40 transition-all duration-300 top-8\n          ".concat(scrolled
+            ? "border-b border-border/40 bg-background/95 shadow-sm backdrop-blur-md"
+            : "bg-transparent") },
+        react_1.default.createElement("div", { className: "relative mx-auto flex h-17 w-full max-w-350 items-center justify-between px-6 md:px-10" },
+            react_1.default.createElement(link_1.default, { href: "/", className: "flex shrink-0 items-center gap-2.5", "aria-label": "App Corp \u2014 home" },
+                react_1.default.createElement(image_1.default, { src: logo, alt: "App Corp icon", width: 32, height: 32, className: "h-8 w-8", priority: true }),
+                react_1.default.createElement("span", { className: "text-base font-semibold tracking-tight text-foreground" }, "App Corp")),
+            react_1.default.createElement("nav", { className: "absolute left-1/2 top-1/2 hidden -translate-x-1/2 -translate-y-1/2 lg:block", "aria-label": "Main navigation" },
+                react_1.default.createElement("ul", { className: "flex items-center gap-1" }, navItems
+                    .filter(function (item) { return item.enabled; })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (item) {
+                    var hasDropdown = !!item.dropdown;
+                    var isActive = activeDropdown === item.label;
+                    return (react_1.default.createElement("li", { key: item.label, className: "relative" },
+                        hasDropdown ? (react_1.default.createElement("button", { onMouseEnter: function () { return openDropdown(item.label); }, onMouseLeave: closeDropdown, onFocus: function () { return openDropdown(item.label); }, onBlur: closeDropdown, className: "inline-flex items-center gap-1.5 rounded-xl px-3.5 py-2 text-sm font-medium transition-colors\n                          ".concat(isActive
+                                ? "bg-muted text-foreground"
+                                : "text-muted-foreground hover:bg-muted/70 hover:text-foreground"), "aria-expanded": isActive },
+                            item.label,
+                            react_1.default.createElement(lucide_react_1.ChevronDown, { className: "h-3.5 w-3.5 transition-transform duration-200 ".concat(isActive ? "rotate-180" : "") }))) : (react_1.default.createElement(link_1.default, { href: item.href, className: "inline-flex items-center gap-1.5 rounded-xl px-3.5 py-2 text-sm font-medium transition-colors\n                          ".concat(pathname === item.href
+                                ? "text-foreground bg-muted"
+                                : "text-muted-foreground hover:bg-muted/70 hover:text-foreground") }, item.label)),
+                        hasDropdown && isActive && (react_1.default.createElement("div", { onMouseEnter: keepOpen, onMouseLeave: closeDropdown },
+                            react_1.default.createElement(dropdown_panel_1.DropdownPanel, { item: item, onClose: function () { return setActiveDropdown(null); } })))));
+                }))),
+            react_1.default.createElement("div", { className: "flex shrink-0 items-center gap-3" },
+                headerCta
+                    .filter(function (cta) { return cta.enabled; })
+                    .sort(function (a, b) { return a.order - b.order; })
+                    .map(function (cta) {
+                    return (react_1.default.createElement(button_1.Button, { asChild: true, className: "hidden rounded-full px-5 text-sm shadow-sm transition-all hover:bg-foreground/90 lg:inline-flex ".concat(cta.type === "primary" ? "bg-primary text-white" : "bg-secondary text-foreground hover:bg-foreground hover:text-background"), key: cta.href, size: "default" },
+                        react_1.default.createElement(link_1.default, { href: cta.href }, cta.label)));
+                }),
+                react_1.default.createElement("button", { onClick: function () { return setMobileOpen(true); }, "aria-label": "Open menu", className: "flex h-9 w-9 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground lg:hidden" },
+                    react_1.default.createElement(lucide_react_1.Menu, { className: "h-5 w-5" })),
+                mobileOpen && (react_1.default.createElement(mobile_menu_1.MobileMenu, { items: navItems, onClose: function () { return setMobileOpen(false); }, logo: logo, headerCta: headerCta, email: email, phone: phone, location: location }))))));
+};
+exports.NavigationBar = NavigationBar;

package/templates/appcorp-v1/header/social-button.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+export interface SocialButtonProps {
+    label: string;
+    href: string;
+    icon: string;
+}
+export declare const SocialButton: FC<SocialButtonProps>;

package/templates/appcorp-v1/header/social-button.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialButton = void 0;
+var react_1 = __importDefault(require("react"));
+var Icons = __importStar(require("lucide-react"));
+var SocialButton = function (_a) {
+    var label = _a.label, href = _a.href, icon = _a.icon;
+    var IconComp = Icons[icon] || Icons.Globe;
+    return (react_1.default.createElement("a", { "aria-label": label, className: "flex h-9 w-9 items-center justify-center rounded-full border border-white/10 bg-white/5 text-white/60 transition-all hover:border-white/25 hover:bg-white/10 hover:text-white", href: href, rel: "noopener noreferrer", target: "_blank" },
+        react_1.default.createElement(IconComp, { className: "h-4 w-4" })));
+};
+exports.SocialButton = SocialButton;

package/templates/appcorp-v1/home.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { AppCorpV1HomeTemplateProps } from "@/templates/data/appcorp-v1";
+export declare const AppCorpV1HomeTemplate: ({ siteHeader, siteFooter, }: AppCorpV1HomeTemplateProps) => React.JSX.Element;

package/templates/appcorp-v1/home.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppCorpV1HomeTemplate = void 0;
+var react_1 = __importDefault(require("react"));
+var footer_1 = require("./footer");
+var header_1 = require("./header");
+var AppCorpV1HomeTemplate = function (_a) {
+    var siteHeader = _a.siteHeader, siteFooter = _a.siteFooter;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(header_1.SiteHeader, __assign({}, siteHeader)),
+        react_1.default.createElement(footer_1.SiteFooter, __assign({}, siteFooter))));
+};
+exports.AppCorpV1HomeTemplate = AppCorpV1HomeTemplate;

package/templates/data/appcorp-v1.d.ts

@@ -0,0 +1,93 @@
+export type AnnouncementBar = {
+    text: string;
+    cta: string;
+    href: string;
+};
+export interface NavDropdownItem {
+    badge?: string;
+    description: string;
+    enabled: boolean;
+    href: string;
+    icon: string;
+    label: string;
+    order: number;
+}
+export interface NavItem {
+    dropdown?: NavDropdownItem[];
+    enabled: boolean;
+    href?: string;
+    label: string;
+    order: number;
+}
+export interface Cta {
+    href: string;
+    enabled: boolean;
+    label: string;
+    order: number;
+    type: "primary" | "secondary";
+}
+export interface FooterLinkItem {
+    label: string;
+    href: string;
+    badge?: string;
+}
+export interface FooterColumn {
+    heading: string;
+    links: FooterLinkItem[];
+}
+export interface SocialLink {
+    enabled: boolean;
+    href: string;
+    icon: string;
+    label: string;
+    order: number;
+}
+export interface FooterStat {
+    value: string;
+    label: string;
+}
+export interface TechBadge {
+    label: string;
+    enabled: boolean;
+    order: number;
+}
+export interface HeaderProps {
+    navItems: NavItem[];
+    announcementBar: AnnouncementBar;
+    headerCta: Cta[];
+    logo: string;
+    email: string;
+    phone: string;
+    location: string;
+}
+export interface FooterProps {
+    badges: TechBadge[];
+    columns: FooterColumn[];
+    ctas: Cta[];
+    description: string;
+    email: string;
+    founded: string;
+    location: string;
+    logo: string;
+    name: string;
+    newsletterBody: string;
+    newsletterCta: string;
+    newsletterDisclaimer: string;
+    newsletterHeading: string;
+    newsletterPlaceholder: string;
+    phone: string;
+    socialLinks: SocialLink[];
+    stats: FooterStat[];
+    tagline: string;
+    year: string;
+}
+export interface AppCorpV1HomeTemplateProps {
+    siteHeader: HeaderProps;
+    siteFooter: FooterProps;
+}
+export declare const announcementBar: AnnouncementBar;
+export declare const navItems: NavItem[];
+export declare const headerCta: Cta[];
+export declare const header: HeaderProps;
+export declare const footer: FooterProps;
+export declare const homePageData: AppCorpV1HomeTemplateProps;

package/templates/data/appcorp-v1.js

@@ -0,0 +1,348 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.homePageData = exports.footer = exports.header = exports.headerCta = exports.navItems = exports.announcementBar = void 0;
+// Data constants
+exports.announcementBar = {
+    text: "Introducing AI Operating System for Business & School — our most powerful products yet.",
+    cta: "Explore products →",
+    href: "/product/ai-os-business",
+};
+exports.navItems = [
+    {
+        label: "Products",
+        order: 1,
+        enabled: true,
+        dropdown: [
+            {
+                label: "AI Operating System for Business",
+                description: "An end-to-end AI layer for your entire business — automate operations, unify data, and make decisions 10× faster.",
+                href: "/product/ai-os-business",
+                icon: "Building2",
+                badge: "New",
+                order: 1,
+                enabled: true,
+            },
+            {
+                label: "AI Operating System for School",
+                description: "Transform your institution with AI — personalised learning, automated admin, and real-time analytics for educators.",
+                href: "/product/ai-os-school",
+                icon: "GraduationCap",
+                badge: "New",
+                order: 2,
+                enabled: true,
+            },
+        ],
+    },
+    {
+        label: "Services",
+        order: 2,
+        enabled: true,
+        dropdown: [
+            {
+                label: "AI & Machine Learning",
+                description: "Predictive models, NLP pipelines, LLM integrations, and ML infrastructure built for production scale.",
+                href: "/service/ai-machine-learning",
+                icon: "Brain",
+                order: 1,
+                enabled: true,
+            },
+            {
+                label: "Custom Web Development",
+                description: "Full-stack web applications engineered for performance, long-term maintainability, and global scale.",
+                href: "/service/custom-web-development",
+                icon: "Code2",
+                order: 2,
+                enabled: true,
+            },
+            {
+                label: "UI / UX Design",
+                description: "Research-led design systems and interfaces that reduce churn, increase conversion, and delight users.",
+                href: "/service/ui-ux-design",
+                icon: "Palette",
+                order: 3,
+                enabled: true,
+            },
+            {
+                label: "Mobile App Development",
+                description: "Cross-platform iOS and Android applications with native performance and offline-first architecture.",
+                href: "/service/mobile-app-development",
+                icon: "Smartphone",
+                order: 4,
+                enabled: true,
+            },
+            {
+                label: "MVP Development",
+                description: "From validated idea to first paying customer in 8–16 weeks — scoped, engineered, and shipped on time.",
+                href: "/service/mvp-development",
+                icon: "Rocket",
+                badge: "Fast-track",
+                order: 5,
+                enabled: true,
+            },
+            {
+                label: "SaaS Platform Development",
+                description: "Multi-tenant SaaS platforms built for thousands of customers, millions of events, and ISO-27001 compliance.",
+                href: "/service/saas-platform-development",
+                icon: "Layers",
+                order: 6,
+                enabled: true,
+            },
+        ],
+    },
+    {
+        label: "Work",
+        order: 3,
+        enabled: true,
+        dropdown: [
+            {
+                label: "Case Studies",
+                description: "Six in-depth breakdowns of real problems, real architecture decisions, and real measurable business outcomes.",
+                href: "/case-study",
+                icon: "BarChart3",
+                order: 1,
+                enabled: true,
+            },
+            {
+                label: "Portfolio",
+                description: "500+ projects across fintech, healthcare, logistics, e-commerce, SaaS, and emerging technology.",
+                href: "/portfolio",
+                icon: "Briefcase",
+                order: 2,
+                enabled: true,
+            },
+            {
+                label: "Client Results",
+                description: "$250M+ in measurable revenue generated for clients. See the numbers behind the outcomes we deliver.",
+                href: "/case-study",
+                icon: "TrendingUp",
+                order: 3,
+                enabled: true,
+            },
+        ],
+    },
+    {
+        label: "Company",
+        order: 4,
+        enabled: true,
+        dropdown: [
+            {
+                label: "About App Corp",
+                description: "The team, the mission, the values, and why 200+ companies across 28 countries trust us with their critical builds.",
+                href: "/about",
+                icon: "Building2",
+                order: 1,
+                enabled: true,
+            },
+            {
+                label: "Blog & Engineering Insights",
+                description: "Architecture deep-dives, engineering guides, product strategy, and technical commentary from our team.",
+                href: "/blog",
+                icon: "BookOpen",
+                order: 2,
+                enabled: true,
+            },
+            {
+                label: "Careers",
+                description: "Join a team that ships ambitious products and grows fast. Senior engineering roles always open.",
+                href: "/careers",
+                icon: "Users",
+                badge: "Hiring",
+                order: 3,
+                enabled: true,
+            },
+        ],
+    },
+    {
+        label: "Contact",
+        order: 5,
+        enabled: true,
+        href: "/contact",
+    },
+];
+exports.headerCta = [
+    {
+        label: "View our work",
+        href: "/case-study",
+        order: 1,
+        enabled: true,
+        type: "secondary",
+    },
+    {
+        label: "Schedule a Call",
+        href: "/contact-new",
+        order: 2,
+        enabled: true,
+        type: "primary",
+    },
+];
+exports.header = {
+    navItems: exports.navItems,
+    announcementBar: exports.announcementBar,
+    headerCta: exports.headerCta,
+    logo: "/appcorp-logo.svg",
+    email: "info@appcorp.org",
+    phone: "+92 349 4913126",
+    location: "Lahore, Pakistan",
+};
+exports.footer = {
+    name: "App Corp",
+    tagline: "We build software that powers the next generation of market leaders.",
+    description: "A full-service software engineering agency trusted by startups, scale-ups, and enterprises across the US, UK, and EU. From zero-to-one MVPs to enterprise platform rebuilds — we engineer measurable outcomes, not just code.",
+    email: "info@appcorp.org",
+    phone: "+92 349 4913126",
+    location: "Lahore, Pakistan",
+    founded: "2017",
+    year: new Date().getFullYear().toString(),
+    logo: "/appcorp-logo.svg",
+    newsletterBody: "Architecture deep-dives, technology decisions, and product strategy from senior engineers who ship. No fluff.",
+    newsletterCta: "Subscribe",
+    newsletterDisclaimer: "No spam. Unsubscribe any time.",
+    newsletterHeading: "Engineering insights, monthly.",
+    newsletterPlaceholder: "your@email.com",
+    ctas: [
+        {
+            label: "Schedule a Call",
+            href: "/contact-new",
+            type: "primary",
+            enabled: true,
+            order: 1,
+        },
+        {
+            label: "View our Work",
+            href: "/case-study",
+            type: "secondary",
+            enabled: false,
+            order: 2,
+        },
+    ],
+    columns: [
+        {
+            heading: "Products",
+            links: [
+                {
+                    label: "AI OS for Business",
+                    href: "/product/ai-os-business",
+                    badge: "New",
+                },
+                {
+                    label: "AI OS for School",
+                    href: "/product/ai-os-school",
+                    badge: "New",
+                },
+            ],
+        },
+        {
+            heading: "Services",
+            links: [
+                {
+                    label: "AI & Machine Learning",
+                    href: "/service/ai-machine-learning",
+                },
+                {
+                    label: "Custom Web Development",
+                    href: "/service/custom-web-development",
+                },
+                { label: "UI / UX Design", href: "/service-detail/ui-ux-design" },
+                {
+                    label: "Mobile App Development",
+                    href: "/service/mobile-app-development",
+                },
+                {
+                    label: "MVP Development",
+                    href: "/service/mvp-development",
+                    badge: "Fast-track",
+                },
+                {
+                    label: "SaaS Platform Development",
+                    href: "/service/saas-platform-development",
+                },
+            ],
+        },
+        {
+            heading: "Work",
+            links: [
+                { label: "Case Studies", href: "/case-study" },
+                { label: "Portfolio", href: "/portfolio" },
+                { label: "Client Results", href: "/case-study" },
+                { label: "Industries We Serve", href: "/about" },
+            ],
+        },
+        {
+            heading: "Company",
+            links: [
+                { label: "About Us", href: "/about" },
+                { label: "Blog & Insights", href: "/blog" },
+                { label: "Pricing", href: "/pricing" },
+                { label: "Careers", href: "/careers", badge: "Hiring" },
+                { label: "Contact Us", href: "/contact" },
+            ],
+        },
+        {
+            heading: "Legal",
+            links: [
+                { label: "Privacy Policy", href: "/privacy" },
+                { label: "Terms & Conditions", href: "/terms" },
+                { label: "Cookie Policy", href: "/privacy" },
+                { label: "Security", href: "/privacy" },
+            ],
+        },
+    ],
+    socialLinks: [
+        {
+            label: "LinkedIn",
+            href: "https://linkedin.com/company/appcorp",
+            icon: "Linkedin",
+            enabled: true,
+            order: 1,
+        },
+        {
+            label: "Twitter / X",
+            href: "https://twitter.com/appcorp",
+            icon: "Twitter",
+            enabled: true,
+            order: 2,
+        },
+        {
+            label: "GitHub",
+            href: "https://github.com/appcorp",
+            icon: "Github",
+            enabled: true,
+            order: 3,
+        },
+        {
+            label: "YouTube",
+            href: "https://youtube.com/@appcorp",
+            icon: "Youtube",
+            enabled: true,
+            order: 4,
+        },
+    ],
+    badges: [
+        { label: "AWS Partner", enabled: true, order: 1 },
+        { label: "ISO 27001 Aligned", enabled: true, order: 2 },
+        { label: "SOC 2 Ready", enabled: true, order: 3 },
+        { label: "GDPR Compliant", enabled: true, order: 4 },
+        { label: "PCI DSS Capable", enabled: true, order: 5 },
+    ],
+    stats: [
+        { value: "200+", label: "Projects Shipped" },
+        { value: "100+", label: "Clients Worldwide" },
+        { value: "$50M+", label: "Client Revenue Generated" },
+        { value: "98%", label: "Client Retention Rate" },
+    ],
+};
+exports.homePageData = {
+    siteHeader: __assign({}, exports.header),
+    siteFooter: __assign({}, exports.footer),
+};

package/templates/school-v1/navigation.js

@@ -40,6 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Navigation = void 0;
 var react_1 = __importStar(require("react"));
 var link_1 = __importDefault(require("next/link"));
+var navigation_1 = require("next/navigation");
 var button_1 = require("../../components/ui/button");
 var sheet_1 = require("../../components/ui/sheet");
 var separator_1 = require("../../components/ui/separator");
@@ -47,13 +48,12 @@ var lucide_react_1 = require("lucide-react");
 var utils_1 = require("../../lib/utils");
 var Navigation = function (_a) {
     var brandFullName = _a.brandFullName, brandShortName = _a.brandShortName, ctaHref = _a.ctaHref, ctaLabel = _a.ctaLabel, items = _a.items;
+    var pathname = (0, navigation_1.usePathname)();
+    var isHome = pathname === "/";
     var _b = (0, react_1.useState)(false), scrolled = _b[0], setScrolled = _b[1];
-    var _c = (0, react_1.useState)(false), isHome = _c[0], setIsHome = _c[1];
-    var _d = (0, react_1.useState)(false), open = _d[0], setOpen = _d[1];
+    var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
     (0, react_1.useEffect)(function () {
-        var home = window.location.pathname === "/";
-        setIsHome(home);
-        if (home) {
+        if (isHome) {
             var handleScroll_1 = function () { return setScrolled(window.scrollY > 20); };
             window.addEventListener("scroll", handleScroll_1);
             handleScroll_1();
@@ -62,7 +62,7 @@ var Navigation = function (_a) {
         else {
             setScrolled(false);
         }
-    }, []);
+    }, [isHome]);
     return (react_1.default.createElement("div", { className: (0, utils_1.cn)(isHome
             ? "fixed top-0 z-50 w-full transition-all duration-300"
             : "sticky top-0 z-50 w-full", isHome