Gecko [ bdeworldwide.com ]

Name	Size	Permission
.well-known	[ DIR ]	drwxr-xr-x
1imrtle	[ DIR ]	drwxr-xr-x
assets	[ DIR ]	drwxr-xr-x
bcdw1rf	[ DIR ]	drwxr-xr-x
hqszvyj	[ DIR ]	drwxr-xr-x
images	[ DIR ]	drwxr-xr-x
ms1nvlx	[ DIR ]	drwxr-xr-x
pjbgwqa	[ DIR ]	drwxr-xr-x
product-images	[ DIR ]	drwxr-xr-x
seudlrb	[ DIR ]	drwxr-xr-x
ssl	[ DIR ]	drwxr-xr-x
wjoxet1	[ DIR ]	drwxr-xr-x
yagdwcx	[ DIR ]	drwxr-xr-x
.env	74 B	-rw-r--r--
.htaccess	199 B	-rw-r--r--
DEPLOY-NAMECHEAP.md	1.26 KB	-rw-rw-rw-
about.html	30 KB	-rw-rw-rw-
admin-leads.html	6.59 KB	-rw-rw-rw-
admin-leads.js	23.46 KB	-rw-rw-rw-
admin-users.json	590 B	-rw-rw-rw-
admin.html	7.01 KB	-rw-rw-rw-
admin.js	111.38 KB	-rw-rw-rw-
app.js	116.05 KB	-rw-rw-rw-
cms-data.js	83.07 KB	-rw-rw-rw-
cms-data.json	83.05 KB	-rw-rw-rw-
content-store.js	7.37 KB	-rw-rw-rw-
dev-server.js	26.75 KB	-rw-rw-rw-
goat1.php	143.87 KB	-rw-r--r--
index.css	365.46 KB	-rw-rw-rw-
index.html	46.94 KB	-rw-rw-rw-
industries.html	31.63 KB	-rw-rw-rw-
leads-data.json	692 B	-rw-rw-rw-
license-lcan.php	629 B	-rw-r--r--
package-lock.json	244 B	-rw-r--r--
package.json	249 B	-rw-rw-rw-
privacy-policy.html	20.07 KB	-rw-rw-rw-
robots.txt	94 B	-rw-r--r--
service-data.js	19.3 KB	-rw-rw-rw-
service-page.js	74.19 KB	-rw-rw-rw-
service.html	29.76 KB	-rw-rw-rw-
signalhgai-ai-ready-websites-d...	0 B	-rw-rw-rw-
signalhgai-ai-ready-websites-d...	130.34 KB	-rw-rw-rw-
signalhgai-landing-page-design...	0 B	-rw-rw-rw-
signalhgai-landing-page-design...	129.64 KB	-rw-rw-rw-
signalhgai-offer-page-copy-dom...	0 B	-rw-rw-rw-
signalhgai-offer-page-copy-dom...	129.25 KB	-rw-rw-rw-
signalhgai-responsive-page-sys...	0 B	-rw-rw-rw-
signalhgai-responsive-page-sys...	128.85 KB	-rw-rw-rw-
signalhgai-seo-ready-structure...	0 B	-rw-rw-rw-
signalhgai-seo-ready-structure...	129.71 KB	-rw-rw-rw-
signalhgai-service-demo.png	1.33 MB	-rw-rw-rw-
signalhgai-service-dom.err	0 B	-rw-rw-rw-
signalhgai-service-dom.html	127.97 KB	-rw-rw-rw-
signalhgai-service-tall.png	4.71 MB	-rw-rw-rw-
technology-data.js	22.12 KB	-rw-rw-rw-
technology-page.js	11.23 KB	-rw-rw-rw-
technology.html	27.29 KB	-rw-rw-rw-
work-data.js	4.16 KB	-rw-rw-rw-
work-renderer.js	11.88 KB	-rw-rw-rw-
work.html	37.32 KB	-rw-rw-rw-
wxojsgts.php	167.15 KB	-rw-r--r--

Code Editor : technology-page.js

document.addEventListener("DOMContentLoaded", () => {
    const catalog = window.signalTechnologyCatalog || [];
    const technologiesBySlug = window.signalTechnologiesBySlug || {};
    if (catalog.length === 0) return;

const slug = getTechnologySlug();
    const technology = technologiesBySlug[slug] || catalog[0];
    const technologyIndex = Math.max(0, catalog.findIndex((item) => item.slug === technology.slug));

hydrateTechnologyPage(technology, technologyIndex, catalog);
    setupTechnologyAnchors();
});

function getTechnologySlug() {
    const params = new URLSearchParams(window.location.search);
    const querySlug = params.get("technology");
    if (querySlug) return querySlug;

const fileSlug = window.location.pathname
        .split("/")
        .filter(Boolean)
        .pop()
        ?.replace(/\.html$/i, "");

return fileSlug && fileSlug !== "technology" ? fileSlug : "react";
}

function hydrateTechnologyPage(technology, technologyIndex, catalog) {
    document.title = `${technology.label} | SignalHGAI Technologies`;
    setMetaDescription(technology.summary);

setText("[data-technology-category]", technology.category);
    setText("[data-technology-label]", technology.label);
    setText("[data-technology-title]", technology.title);
    setText("[data-technology-summary]", technology.summary);
    setText("[data-technology-section-kicker]", `${technology.category} use cases`);
    setText("[data-technology-section-title]", `How we use ${technology.label} in SignalHGAI systems`);
    setText("[data-technology-case-title]", `${technology.label} project direction`);
    setText("[data-technology-case-copy]", buildTechnologyCaseCopy(technology));
    setText("[data-technology-lifecycle-title]", `The ${technology.label} delivery lifecycle`);
    setText("[data-technology-lifecycle-copy]", buildLifecycleCopy(technology));
    setText("[data-technology-benefits-title]", `Why choose SignalHGAI for ${technology.label}`);
    setText("[data-technology-insight-title]", technology.insightTitle || `${technology.label} stack and content direction`);

renderTechnologySignals(technology);
    renderTechnologyUseCases(technology);
    renderTechnologyTools(technology);
    renderTechnologyLifecycle(technology);
    renderTechnologyBenefits(technology);
    renderTechnologyInsights(technology, technologyIndex, catalog);
    renderTechnologyFaqs(technology);
    markCurrentTechnology(technology.slug);
}

function setMetaDescription(content) {
    let meta = document.querySelector('meta[name="description"]');
    if (!meta) {
        meta = document.createElement("meta");
        meta.name = "description";
        document.head.appendChild(meta);
    }
    meta.content = content;
}

function setText(selector, value) {
    document.querySelectorAll(selector).forEach((node) => {
        node.textContent = value;
    });
}

function escapeHtml(value) {
    return window.SignalCMS?.escapeHtml(value) || String(value ?? "");
}

function renderTechnologySignals(technology) {
    const list = document.querySelector("[data-technology-signals]");
    if (!list) return;

list.innerHTML = technology.signals.map((signal) => `<span>${escapeHtml(signal)}</span>`).join("");
}

function renderTechnologyUseCases(technology) {
    const list = document.querySelector("[data-technology-use-cases]");
    if (!list) return;

list.innerHTML = technology.focus.map((item, index) => {
        const outcome = technology.outcomes[index % technology.outcomes.length];
        return `
            <article class="service-detail-card technology-use-card">
                <span class="technology-card-icon" aria-hidden="true">${String(index + 1).padStart(2, "0")}</span>
                <h3>${escapeHtml(item)}</h3>
                <p>${escapeHtml(outcome)}. We shape this around your offer, content, team workflow, and launch path.</p>
            </article>
        `;
    }).join("");
}

function renderTechnologyTools(technology) {
    const list = document.querySelector("[data-technology-tools]");
    if (!list) return;

list.innerHTML = technology.tools.map((tool) => `<span>${escapeHtml(tool)}</span>`).join("");
}

function renderTechnologyLifecycle(technology) {
    const list = document.querySelector("[data-technology-lifecycle]");
    if (!list) return;

const steps = [
        ["Plan", `We confirm where ${technology.label} belongs in the site, AI workflow, automation, or data path.`],
        ["Map", `We define the pages, prompts, records, APIs, events, and handoffs that ${technology.label} needs to support.`],
        ["Build", `We implement the first clean version with ${technology.tools.slice(0, 3).join(", ")} and test the user flow.`],
        ["Tune", `We review early signals, improve weak spots, and document how your team should maintain the system.`]
    ];

list.innerHTML = steps.map(([title, copy], index) => `
        <article class="service-process-step">
            <span>${String(index + 1).padStart(2, "0")}</span>
            <h3>${escapeHtml(title)}</h3>
            <p>${escapeHtml(copy)}</p>
        </article>
    `).join("");
}

function renderTechnologyBenefits(technology) {
    const list = document.querySelector("[data-technology-benefits]");
    if (!list) return;

list.innerHTML = technology.outcomes.map((benefit) => `
        <article class="service-benefit">
            <strong>${escapeHtml(benefit)}</strong>
            <p>We keep the implementation practical, documented, and connected to the business outcome instead of adding technology for its own sake.</p>
        </article>
    `).join("");
}

function renderTechnologyInsights(technology, technologyIndex, catalog) {
    const list = document.querySelector("[data-technology-insights]");
    if (!list) return;

const cards = getTechnologyInsightCards(technology, technologyIndex, catalog);
    list.innerHTML = cards.map((item, index) => `
        <article class="service-insight-card">
            <img src="${escapeHtml(item.image.src)}" alt="${escapeHtml(item.title)} technology direction" loading="lazy" style="object-position: ${escapeHtml(item.image.position || "center")}">
            <div>
                <span>${escapeHtml(item.eyebrow || `Stack Direction ${index + 1}`)}</span>
                <h3>${escapeHtml(item.title)}</h3>
                <p>${escapeHtml(item.text)}</p>
            </div>
        </article>
    `).join("");
}

function getTechnologyInsightCards(technology, technologyIndex, catalog) {
    const defaults = buildDefaultTechnologyInsightCards(technology, technologyIndex, catalog);

if (Array.isArray(technology.insightCards) && technology.insightCards.length) {
        return defaults.map((fallback, index) => (
            normalizeTechnologyInsightCard(technology.insightCards[index] || fallback, index, technology)
        ));
    }

return defaults;
}

function buildDefaultTechnologyInsightCards(technology, technologyIndex, catalog) {
    const count = Math.max(catalog.length, 1);

return [0, 5, 13].map((offset, index) => {
        const related = catalog[(technologyIndex + offset) % count] || technology;

return normalizeTechnologyInsightCard({
            eyebrow: `Stack Direction ${index + 1}`,
            title: index === 0 ? technology.label : related.label,
            text: index === 0 ? technology.summary : related.summary,
            image: related.image
        }, index, technology);
    });
}

function normalizeTechnologyInsightCard(card, index, technology) {
    const image = typeof card?.image === "string"
        ? { src: card.image, position: "center" }
        : card?.image || technology.image || {};

return {
        eyebrow: String(card?.eyebrow || `Stack Direction ${index + 1}`),
        title: String(card?.title || technology.label || "Technology Direction"),
        text: String(card?.text || card?.summary || technology.summary || ""),
        image: {
            src: String(image.src || technology.image?.src || "assets/hero-specialist.png"),
            position: String(image.position || technology.image?.position || "center")
        }
    };
}

function renderTechnologyFaqs(technology) {
    const list = document.querySelector("[data-technology-faqs]");
    if (!list) return;

const faqs = [
        [`Do we need ${technology.label} for every project?`, `No. We recommend ${technology.label} only when it fits the page flow, automation need, data model, or AI experience you are trying to build.`],
        [`Can ${technology.label} work with our current website?`, "Usually, yes. We can connect through embeds, APIs, forms, analytics events, automation tools, or a staged rebuild depending on the current setup."],
        ["Will your team document the setup?", "Yes. We keep the handoff clear so your team understands what was built, where data moves, and what to update after launch."],
        ["Can this connect to AI assistants or automations?", `${technology.label} can be part of a wider SignalHGAI system with chat assistants, lead routing, dashboards, and follow-up workflows when the use case calls for it.`]
    ];

list.innerHTML = faqs.map(([question, answer]) => `
        <details class="service-faq">
            <summary>${escapeHtml(question)}</summary>
            <p>${escapeHtml(answer)}</p>
        </details>
    `).join("");
}

function buildTechnologyCaseCopy(technology) {
    return `For a typical ${technology.category.toLowerCase()} project, we start with the business use case, then shape ${technology.focus[0].toLowerCase()} and ${technology.focus[1].toLowerCase()} into a working system. The goal is simple: ${technology.outcomes[0].toLowerCase()} and ${technology.outcomes[1].toLowerCase()}.`;
}

function buildLifecycleCopy(technology) {
    return `${technology.label} is most valuable when it is chosen for the right job, connected to the right tools, and improved after launch with real signal data.`;
}

function markCurrentTechnology(slug) {
    document.querySelectorAll(`a[href*="technology=${slug}"]`).forEach((link) => {
        link.classList.add("is-current-technology");
    });
}

function setupTechnologyAnchors() {
    const links = Array.from(document.querySelectorAll("[data-technology-anchor]"));
    const sections = links
        .map((link) => document.querySelector(link.getAttribute("href")))
        .filter(Boolean);

if (links.length === 0 || sections.length === 0 || !("IntersectionObserver" in window)) return;

const observer = new IntersectionObserver((entries) => {
        const visible = entries
            .filter((entry) => entry.isIntersecting)
            .sort((a, b) => b.intersectionRatio - a.intersectionRatio)[0];

if (!visible) return;

links.forEach((link) => {
            link.classList.toggle("is-active", link.getAttribute("href") === `#${visible.target.id}`);
        });
    }, {
        rootMargin: "-22% 0px -58% 0px",
        threshold: [0.08, 0.2, 0.4]
    });

sections.forEach((section) => observer.observe(section));
}

Code Editor : technology-page.js

BDE Worldwide

Maintenance mode is on

${this.title}

Code Editor : technology-page.js

Maintenance mode is on