Skip to content

CrawlProof fix: Display customer logos if available #48

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
crawlproof wants to merge 3 commits into from
Closed

CrawlProof fix: Display customer logos if available #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
6a27b9e
Fix fix.add_customer_logos: Display customer logos if available
crawlproof[bot] Jun 9, 2026
b424c91
Fix fix.add_customer_logos: Display customer logos if available
crawlproof[bot] Jun 9, 2026
a6d579f
Fix fix.add_customer_logos: Display customer logos if available
crawlproof[bot] Jun 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions app/(marketing)/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,13 @@
import { SiteHeader } from "@/components/site-header";
import { SiteFooter } from "@/components/site-footer";
import { TrustedEngines } from "@/components/trusted-engines";

export default function MarketingLayout({ children }: { children: React.ReactNode }) {
return (
<>
<SiteHeader />
{children}
<TrustedEngines />
<SiteFooter />
</>
);
Expand Down
277 changes: 0 additions & 277 deletions app/(marketing)/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,277 +0,0 @@
import Link from "next/link";
import { HeroAuditForm } from "@/components/hero-audit-form";
import { OrganizationJsonLd, SoftwareApplicationJsonLd, FaqJsonLd } from "@/components/json-ld";
import { PerformancePreview } from "@/components/report/performance-preview";
import { env } from "@/lib/env";

const faqs = [
{
q: "What does CrawlProof actually check?",
a: "We audit three pillars: SEO (crawlability, performance, meta), AEO (AI-bot access, structured data, content snippet-readiness), and GEO (llms.txt quality, knowledge graph sameAs links, AI agent integration, brand entity clarity). You get a single prioritized to-do list covering all three.",
},
{
q: "Which AI crawlers do you check for?",
a: "GPTBot, ClaudeBot, PerplexityBot, Google-Extended, OAI-SearchBot, Applebot-Extended, and CCBot — and we flag any that your robots.txt blocks or fails to address.",
},
{
q: "Do you respect robots.txt?",
a: "Yes. CrawlProofBot identifies itself and honors robots.txt directives that block it. We never log in, never submit forms, never POST.",
},
{
q: "Is the free tier really free?",
a: "Yes — anonymous visitors get 10 audits per day per IP with no signup, and signing up unlocks 20 free credits (1 AI-model scan). Paid scans cost 20 credits (~$1) with volume discounts down to $0.50/scan at the 100-scan pack. No subscription, credits never expire.",
},
];

const backlinkPricePoints = [
{ label: "Entry", value: "$445", width: 11 },
{ label: "Alt", value: "$445", width: 11 },
{ label: "Low", value: "$506", width: 12 },
{ label: "Mid", value: "$631", width: 15 },
{ label: "Plus", value: "$1,105", width: 27 },
{ label: "High", value: "$1,331", width: 33 },
{ label: "Upper", value: "$1,981", width: 48 },
{ label: "Peak", value: "$4,090", width: 100 },
];

export default function HomePage() {
return (
<main>
<OrganizationJsonLd />
<SoftwareApplicationJsonLd />
<FaqJsonLd faqs={faqs} />

<section className="mx-auto max-w-4xl px-4 sm:px-6 pb-12 pt-12 sm:pb-16 sm:pt-20 text-center">
<p className="mb-3 text-sm font-medium uppercase tracking-wider text-[var(--color-accent)]">
SEO · AEO · GEO — ChatGPT · Claude · Perplexity · Google AI Overviews
</p>
<h1 className="text-balance text-4xl font-extrabold leading-tight sm:text-5xl md:text-6xl">
See your site the way AI crawlers do.
</h1>
<p className="mx-auto mt-5 max-w-2xl text-lg text-[var(--color-muted)]">
<strong className="font-semibold text-[var(--color-text)]">
AEO + GEO — Answer Engine &amp; Generative Engine Optimization
</strong>{" "}
— making sure ChatGPT, Claude, Perplexity, and Google AI Overviews can
actually read, cite, and recommend your site. CrawlProof audits any
URL and shows you exactly what they find: content, schema, robots
rules, AI-bot access, llms.txt quality, knowledge graph anchoring, and
positioning.
</p>
<div className="mx-auto mt-8 max-w-xl">
<HeroAuditForm />
</div>
<div className="mx-auto mt-4 flex max-w-xl flex-col items-center gap-3 text-xs text-[var(--color-muted)]">
<p className="leading-relaxed">
Every scan checks crawlability (HTML vs. JS-rendered), schema /
JSON-LD, robots.txt &amp; sitemap, AI-bot access, llms.txt &amp;
skill.md, and positioning — then hands you a priority to-do list.
</p>
{env.selfAuditUrl && (
<a
href={env.selfAuditUrl}
target="_blank"
rel="noopener noreferrer"
className="font-semibold text-[var(--color-accent)] hover:underline"
>
See a sample report →
</a>
)}
</div>
</section>

<section className="mx-auto max-w-6xl px-4 sm:px-6 pb-16">
<h2 className="mb-2 text-center text-2xl font-bold">What we check</h2>
<p className="mx-auto mb-8 max-w-2xl text-center text-sm text-[var(--color-muted)]">
Three pillars — SEO (blue-link search), AEO (answer engines), and GEO (generative AI
citation) — unified in a single audit and priority to-do list.
</p>
<div className="grid gap-4 md:grid-cols-3">
<FeatureCard
title="Crawlability (SEO)"
body="Raw HTML vs. JS-rendered diff, sitemap coverage, robots rules, fetch-time, broken links."
/>
<FeatureCard
title="Structured data (AEO)"
body="JSON-LD presence and validity for Organization, Product, FAQ, Article, Breadcrumb, and more."
/>
<FeatureCard
title="AI-bot access (AEO)"
body="Whether GPTBot, ClaudeBot, PerplexityBot, Google-Extended, OAI-SearchBot, Applebot-Extended, and CCBot can read you."
/>
<FeatureCard
title="llms.txt quality (GEO)"
body="Existence is not enough — we check depth, sections, and linked resources so generative AI has rich context to cite."
/>
<FeatureCard
title="Knowledge graph (GEO)"
body="Does your Organization schema have sameAs links to Wikipedia, Wikidata, or LinkedIn? AI needs these to resolve your brand as a known entity."
/>
<FeatureCard
title="Agent integration (GEO)"
body="ai-plugin.json, agent-card.json, and skill.md let AI agents interact with your site. We check all three."
/>
<FeatureCard
title="Positioning clarity"
body="Does your homepage actually say what you do? H1, value prop, pricing, contact, team."
/>
<FeatureCard
title="Priority to-do list"
body="Every finding ranked 1–5 with copy you can hand straight to your dev or LLM."
/>
</div>
</section>

<section className="mx-auto max-w-6xl px-4 sm:px-6 pb-16">
<h2 className="mb-2 text-center text-2xl font-bold">What you get when you sign up</h2>
<p className="mx-auto mb-8 max-w-2xl text-center text-sm text-[var(--color-muted)]">
Save URLs as projects and CrawlProof tracks SEO + AEO + GEO score, finding mix,
section health, and priority backlog across every re-audit — the same dashboard
you&apos;ll see on any paid report.
</p>
<PerformancePreview variant="home" />
</section>

<section className="mx-auto max-w-6xl px-4 sm:px-6 pb-16">
<div className="grid items-center gap-8 lg:grid-cols-[0.95fr_1.05fr]">
<div>
<p className="mb-3 text-sm font-medium uppercase tracking-wider text-[var(--color-accent)]">
Newly Launched Feature
</p>
<h2 className="text-balance text-3xl font-extrabold leading-tight sm:text-4xl">
Autoblog support turns credits into published SEO posts.
</h2>
<p className="mt-4 text-[var(--color-muted)]">
Connect a webhook once and CrawlProof can research topics, draft long-form
posts, attach a hero image, and deliver articles to your CMS on schedule.
Each published post uses 20 credits (~$1).
</p>
<div className="mt-6 grid gap-3 sm:grid-cols-3">
<LaunchStat label="Cost model" value="20 credits" />
<LaunchStat label="Delivery" value="Webhook" />
<LaunchStat label="Cadence" value="Scheduled" />
</div>
<div className="mt-6 flex flex-wrap gap-3">
<Link href="/signup" className="btn btn-primary">
Start autoblogging
</Link>
<Link href="/docs/autoblog-webhook" className="btn">
View webhook docs
</Link>
</div>
</div>

<AutoblogLaunchGraphic />
</div>
</section>

<section className="mx-auto max-w-4xl px-4 sm:px-6 pb-16">
<div className="card p-6 sm:p-8">
<h2 className="text-2xl font-bold">Built to be audited in public.</h2>
<p className="mt-2 text-[var(--color-muted)]">
CrawlProof.com ships server-rendered pages, rich schema, clean robots rules,
llms.txt, and skill.md at the root. Public scans can vary by model and timing,
so the product shows the report details instead of hiding behind a single claim.
</p>
{env.selfAuditUrl && (
<a
href={env.selfAuditUrl}
className="btn mt-4"
target="_blank"
rel="noopener noreferrer"
>
View current self-audit
</a>
)}
</div>
</section>

<section id="faq" className="mx-auto max-w-3xl px-4 sm:px-6 pb-24">
<h2 className="mb-8 text-center text-2xl font-bold">FAQ</h2>
<div className="space-y-3">
{faqs.map((f) => (
<details key={f.q} className="card p-5">
<summary className="cursor-pointer font-semibold">{f.q}</summary>
<p className="mt-2 text-[var(--color-muted)]">{f.a}</p>
</details>
))}
</div>
</section>
</main>
);
}

function LaunchStat({ label, value }: { label: string; value: string }) {
return (
<div className="rounded-lg border border-[var(--color-border)] bg-[rgba(18,22,28,0.72)] p-4">
<div className="text-xs uppercase tracking-wider text-[var(--color-muted)]">{label}</div>
<div className="mt-1 text-lg font-bold">{value}</div>
</div>
);
}

function AutoblogLaunchGraphic() {
return (
<div
className="rounded-xl border border-[var(--color-border)] bg-[#101820] p-5 shadow-2xl shadow-black/20 sm:p-6"
aria-label="Backlink marketplace examples ranged from $445 to $4,090, compared with CrawlProof Autoblog at 20 credits (~$1) per post."
>
<div className="flex items-start justify-between gap-4">
<div>
<div className="text-xs uppercase tracking-wider text-[var(--color-muted)]">
Generic market spread
</div>
<div className="mt-1 text-xl font-extrabold">Backlink prices found in research</div>
</div>
<div className="rounded-lg border border-[rgba(110,231,183,0.35)] bg-[rgba(110,231,183,0.12)] px-3 py-2 text-right">
<div className="text-xs text-[var(--color-muted)]">Autoblog</div>
<div className="font-mono text-lg font-bold text-[var(--color-accent)]">~$1</div>
</div>
</div>

<div className="mt-6 space-y-3">
{backlinkPricePoints.map((point) => (
<div key={`${point.label}-${point.value}`} className="grid grid-cols-[3.4rem_1fr_4.4rem] items-center gap-3">
<div className="text-xs text-[var(--color-muted)]">{point.label}</div>
<div className="h-3 rounded-full bg-[#1d2630]">
<div
className="h-3 rounded-full bg-[linear-gradient(90deg,#6ee7b7,#fbbf24)]"
style={{ width: `${point.width}%` }}
/>
</div>
<div className="text-right font-mono text-sm font-semibold">{point.value}</div>
</div>
))}
</div>

<div className="mt-6 grid gap-3 sm:grid-cols-3">
<div className="rounded-lg bg-[#17202a] p-3">
<div className="text-xs text-[var(--color-muted)]">Min observed</div>
<div className="font-mono text-lg font-bold">$445</div>
</div>
<div className="rounded-lg bg-[#17202a] p-3">
<div className="text-xs text-[var(--color-muted)]">Max observed</div>
<div className="font-mono text-lg font-bold">$4,090</div>
</div>
<div className="rounded-lg bg-[#17202a] p-3">
<div className="text-xs text-[var(--color-muted)]">CrawlProof</div>
<div className="font-mono text-lg font-bold text-[var(--color-accent)]">~$1</div>
</div>
</div>

<p className="mt-4 text-xs leading-relaxed text-[var(--color-muted)]">
Price examples are redrawn from internal reference research as an abstract comparison,
not a copied marketplace interface.
</p>
</div>
);
}

function FeatureCard({ title, body }: { title: string; body: string }) {
return (
<div className="card p-5">
<h3 className="font-semibold">{title}</h3>
<p className="mt-2 text-sm text-[var(--color-muted)]">{body}</p>
</div>
);
}
42 changes: 42 additions & 0 deletions components/trusted-engines.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
"use client";

import { usePathname } from "next/navigation";

const engines = [
"OpenAI · ChatGPT",
"Anthropic · Claude",
"Perplexity",
"Google AI Overviews",
"Gemini",
"Apple Intelligence",
];

// Honest social proof: CrawlProof doesn't publish customer logos, but its
// credibility rests on being tuned for the answer engines that decide what
// gets cited. This logo strip surfaces those recognizable brands. Rendered
// from the marketing layout but scoped to the homepage only.
export function TrustedEngines() {
const pathname = usePathname();
if (pathname !== "/") return null;

return (
<section
aria-label="Answer engines CrawlProof audits for"
className="mx-auto max-w-5xl px-4 sm:px-6 pb-12"
>
<p className="mb-5 text-center text-xs font-medium uppercase tracking-wider text-[var(--color-muted)]">
Tuned for the answer engines that decide what gets cited
</p>
<ul className="flex flex-wrap items-center justify-center gap-x-3 gap-y-3 sm:gap-x-4">
{engines.map((name) => (
<li
key={name}
className="rounded-full border border-[var(--color-border)] bg-[var(--color-card)] px-4 py-2 text-sm font-semibold text-[var(--color-fg)]"
>
{name}
</li>
))}
</ul>
</section>
);
}
Loading