Tighten IF.Trace layout (receipt-first hero)

2025-12-31 22:39:28 +00:00 · 2025-12-31 22:39:28 +00:00 · 9700e0d23a
commit 9700e0d23a
parent 573e0accbc
23 changed files with 34 additions and 22 deletions
--- a/ifttt/404.html
+++ b/ifttt/404.html
@ -1 +1 @@
-<!DOCTYPE html><html lang="en" class="dark"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#0b1020"><link rel="canonical" href="http://localhost:4321/404/"><title>IF.Trace — Not found</title><meta name="description" content="Page not found."><meta property="og:title" content="IF.Trace — Not found"><meta property="og:description" content="Page not found."><meta property="og:type" content="website"><meta property="og:image" content="/assets/iftrace-og.svg"><meta name="twitter:card" content="summary_large_image"><link rel="icon" href="/assets/if-logo-simple.svg" type="image/svg+xml"><link rel="stylesheet" href="/assets/_astro/index.niIggI7A.css"></head> <body class="min-h-screen bg-background text-foreground"> <div aria-hidden="true" class="pointer-events-none fixed inset-0 -z-10"> <div class="absolute inset-0 bg-[radial-gradient(1200px_circle_at_20%_0%,rgba(16,185,129,0.18),transparent_60%),radial-gradient(1200px_circle_at_90%_10%,rgba(59,130,246,0.14),transparent_55%),radial-gradient(900px_circle_at_30%_100%,rgba(244,63,94,0.10),transparent_55%)]"></div> <div class="absolute inset-0 bg-[linear-gradient(to_bottom,rgba(2,6,23,0.75),rgba(2,6,23,0.95))]"></div> <div class="absolute inset-0 opacity-[0.06] mix-blend-overlay [background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22300%22%20height=%22300%22%3E%3Cfilter%20id=%22n%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.8%22%20numOctaves=%224%22%20stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect%20width=%22300%22%20height=%22300%22%20filter=%22url(%23n)%22%20opacity=%220.5%22/%3E%3C/svg%3E')]"></div> </div> <header class="fixed left-0 right-0 top-0 z-50"> <div class="mx-auto max-w-6xl px-4 py-4 sm:px-6"> <div class="flex items-center justify-between rounded-2xl border border-white/10 bg-slate-950/40 px-4 py-3 backdrop-blur-md shadow-[0_20px_80px_rgba(0,0,0,0.35)] sm:px-6"> <a href="/" class="text-sm font-semibold tracking-tight text-white/90 hover:text-white">IF.Trace</a> <nav class="flex items-center gap-3 text-xs text-white/70 sm:gap-4"> <a class="hover:text-white" href="/verticals/">Sector</a> <span class="text-white/20" aria-hidden="true">|</span> <a class="hover:text-white" href="/pricing/">Pricing</a> <span class="text-white/20" aria-hidden="true">|</span> <a class="hover:text-white" href="/api/">API</a> <span class="text-white/20" aria-hidden="true">|</span> <a class="hover:text-white" href="/whitepaper/">Whitepaper</a> </nav> <a class="hidden rounded-full border border-white/10 bg-white/5 px-3 py-1 text-xs font-medium text-white/80 hover:bg-white/10 hover:text-white sm:inline-flex" href="https://api.infrafabric.io/login">Login</a> </div> </div> </header> <main class="pt-28 sm:pt-32">  <div class="mx-auto w-full max-w-6xl px-4 sm:px-6 ">  <section class="py-24"> <div class="mx-auto max-w-xl text-center"> <p class="text-xs font-medium uppercase tracking-[0.18em] text-white/55">404</p> <h1 class="mt-4 text-4xl font-semibold tracking-tight text-white/95 sm:text-5xl">Page not found</h1> <p class="mt-4 text-sm leading-relaxed text-white/70">If you expected a receipt link, make sure you have the exact URL.</p> <div class="mt-8 flex justify-center"> <a class="inline-flex items-center justify-center rounded-full px-4 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 " href="/"> Return to home </a> </div> </div> </section>  </div>  </main> <a href="mailto:ds@infrafabric.io?subject=IF.Trace%20contact" class="fixed bottom-6 right-6 inline-flex h-10 items-center justify-center rounded-full border border-white/10 bg-slate-950/50 px-4 text-xs font-medium text-white/80 backdrop-blur hover:bg-slate-950/70 hover:text-white">contact</a> </body></html>
+<!DOCTYPE html><html lang="en" class="dark"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#0b1020"><link rel="canonical" href="http://localhost:4321/404/"><title>IF.Trace — Not found</title><meta name="description" content="Page not found."><meta property="og:title" content="IF.Trace — Not found"><meta property="og:description" content="Page not found."><meta property="og:type" content="website"><meta property="og:image" content="/assets/iftrace-og.svg"><meta name="twitter:card" content="summary_large_image"><link rel="icon" href="/assets/if-logo-simple.svg" type="image/svg+xml"><link rel="stylesheet" href="/assets/_astro/index.Dr9NnB1c.css"></head> <body class="min-h-screen bg-background text-foreground"> <div aria-hidden="true" class="pointer-events-none fixed inset-0 -z-10"> <div class="absolute inset-0 bg-[radial-gradient(900px_circle_at_20%_0%,rgba(59,130,246,0.10),transparent_60%),radial-gradient(900px_circle_at_100%_0%,rgba(16,185,129,0.08),transparent_55%)]"></div> <div class="absolute inset-0 bg-[linear-gradient(to_bottom,rgba(2,6,23,0.86),rgba(2,6,23,0.96))]"></div> <div class="absolute inset-0 opacity-[0.035] mix-blend-overlay [background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22300%22%20height=%22300%22%3E%3Cfilter%20id=%22n%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.8%22%20numOctaves=%224%22%20stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect%20width=%22300%22%20height=%22300%22%20filter=%22url(%23n)%22%20opacity=%220.5%22/%3E%3C/svg%3E')]"></div> </div> <header class="fixed left-0 right-0 top-0 z-50"> <div class="mx-auto max-w-6xl px-4 py-4 sm:px-6"> <div class="flex items-center justify-between rounded-2xl border border-white/10 bg-slate-950/35 px-4 py-3 backdrop-blur-sm shadow-[0_10px_30px_rgba(0,0,0,0.25)] sm:px-6"> <a href="/" class="text-sm font-semibold tracking-tight text-white/90 hover:text-white">IF.Trace</a> <nav class="flex items-center gap-3 text-xs text-white/70 sm:gap-4"> <a class="hover:text-white" href="/verticals/">Use cases</a> <span class="text-white/20" aria-hidden="true">|</span> <a class="hover:text-white" href="/pricing/">Pricing</a> <span class="text-white/20" aria-hidden="true">|</span> <a class="hover:text-white" href="/api/">API</a> <span class="text-white/20" aria-hidden="true">|</span> <a class="hover:text-white" href="/whitepaper/">Whitepaper</a> </nav> <a class="hidden rounded-full border border-white/10 bg-white/5 px-3 py-1 text-xs font-medium text-white/80 hover:bg-white/10 hover:text-white sm:inline-flex" href="https://api.infrafabric.io/login">Login</a> </div> </div> </header> <main class="pt-28 sm:pt-32">  <div class="mx-auto w-full max-w-6xl px-4 sm:px-6 ">  <section class="py-24"> <div class="mx-auto max-w-xl text-center"> <p class="text-xs font-medium uppercase tracking-[0.18em] text-white/55">404</p> <h1 class="mt-4 text-4xl font-semibold tracking-tight text-white/95 sm:text-5xl">Page not found</h1> <p class="mt-4 text-sm leading-relaxed text-white/70">If you expected a receipt link, make sure you have the exact URL.</p> <div class="mt-8 flex justify-center"> <a class="inline-flex items-center justify-center rounded-full px-4 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 " href="/"> Return to home </a> </div> </div> </section>  </div>  </main> <a href="mailto:ds@infrafabric.io?subject=IF.Trace%20contact" class="fixed bottom-6 right-6 inline-flex h-10 items-center justify-center rounded-full border border-white/10 bg-slate-950/50 px-4 text-xs font-medium text-white/80 backdrop-blur hover:bg-slate-950/70 hover:text-white">contact</a> </body></html>
--- a/ifttt/api/index.html
+++ b/ifttt/api/index.html
--- a/ifttt/assets/_astro/index.Dr9NnB1c.css
+++ b/ifttt/assets/_astro/index.Dr9NnB1c.css
--- a/ifttt/assets/_astro/index.niIggI7A.css
+++ b/ifttt/assets/_astro/index.niIggI7A.css
--- a/ifttt/index.html
+++ b/ifttt/index.html
--- a/ifttt/pricing/index.html
+++ b/ifttt/pricing/index.html
--- a/ifttt/privacy/index.html
+++ b/ifttt/privacy/index.html
--- a/ifttt/terms/index.html
+++ b/ifttt/terms/index.html
--- a/ifttt/verticals/ai/index.html
+++ b/ifttt/verticals/ai/index.html
--- a/ifttt/verticals/enterprise/index.html
+++ b/ifttt/verticals/enterprise/index.html
--- a/ifttt/verticals/finance/index.html
+++ b/ifttt/verticals/finance/index.html
--- a/ifttt/verticals/government/index.html
+++ b/ifttt/verticals/government/index.html
--- a/ifttt/verticals/healthcare/index.html
+++ b/ifttt/verticals/healthcare/index.html
--- a/ifttt/verticals/index.html
+++ b/ifttt/verticals/index.html
--- a/ifttt/verticals/legal/index.html
+++ b/ifttt/verticals/legal/index.html
--- a/ifttt/verticals/professional-services/index.html
+++ b/ifttt/verticals/professional-services/index.html
--- a/ifttt/verticals/public-sector/index.html
+++ b/ifttt/verticals/public-sector/index.html
--- a/ifttt/verticals/research/index.html
+++ b/ifttt/verticals/research/index.html
--- a/ifttt/verticals/saas/index.html
+++ b/ifttt/verticals/saas/index.html
--- a/ifttt/verticals/sciences/index.html
+++ b/ifttt/verticals/sciences/index.html
--- a/ifttt/verticals/secops/index.html
+++ b/ifttt/verticals/secops/index.html
--- a/ifttt/verticals/supply-chain/index.html
+++ b/ifttt/verticals/supply-chain/index.html
--- a/ifttt/whitepaper/index.html
+++ b/ifttt/whitepaper/index.html
		`@ -1 +1 @@`
			<!DOCTYPE html><html lang="en" class="dark"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#0b1020"><link rel="canonical" href="http://localhost:4321/404/"><title>IF.Trace — Not found</title><meta name="description" content="Page not found."><meta property="og:title" content="IF.Trace — Not found"><meta property="og:description" content="Page not found."><meta property="og:type" content="website"><meta property="og:image" content="/assets/iftrace-og.svg"><meta name="twitter:card" content="summary_large_image"><link rel="icon" href="/assets/if-logo-simple.svg" type="image/svg+xml"><link rel="stylesheet" href="/assets/_astro/index.niIggI7A.css"></head> <body class="min-h-screen bg-background text-foreground"> <div aria-hidden="true" class="pointer-events-none fixed inset-0 -z-10"> <div class="absolute inset-0 bg-[radial-gradient(1200px_circle_at_20%_0%,rgba(16,185,129,0.18),transparent_60%),radial-gradient(1200px_circle_at_90%_10%,rgba(59,130,246,0.14),transparent_55%),radial-gradient(900px_circle_at_30%_100%,rgba(244,63,94,0.10),transparent_55%)]"></div> <div class="absolute inset-0 bg-[linear-gradient(to_bottom,rgba(2,6,23,0.75),rgba(2,6,23,0.95))]"></div> <div class="absolute inset-0 opacity-[0.06] mix-blend-overlay [background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22300%22%20height=%22300%22%3E%3Cfilter%20id=%22n%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.8%22%20numOctaves=%224%22%20stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect%20width=%22300%22%20height=%22300%22%20filter=%22url(%23n)%22%20opacity=%220.5%22/%3E%3C/svg%3E')]"></div> </div> <header class="fixed left-0 right-0 top-0 z-50"> <div class="mx-auto max-w-6xl px-4 py-4 sm:px-6"> <div class="flex items-center justify-between rounded-2xl border border-white/10 bg-slate-950/40 px-4 py-3 backdrop-blur-md shadow-[0_20px_80px_rgba(0,0,0,0.35)] sm:px-6"> <a href="/" class="text-sm font-semibold tracking-tight text-white/90 hover:text-white">IF.Trace</a> <nav class="flex items-center gap-3 text-xs text-white/70 sm:gap-4"> <a class="hover:text-white" href="/verticals/">Sector</a> <span class="text-white/20" aria-hidden="true">\|</span> <a class="hover:text-white" href="/pricing/">Pricing</a> <span class="text-white/20" aria-hidden="true">\|</span> <a class="hover:text-white" href="/api/">API</a> <span class="text-white/20" aria-hidden="true">\|</span> <a class="hover:text-white" href="/whitepaper/">Whitepaper</a> </nav> <a class="hidden rounded-full border border-white/10 bg-white/5 px-3 py-1 text-xs font-medium text-white/80 hover:bg-white/10 hover:text-white sm:inline-flex" href="https://api.infrafabric.io/login">Login</a> </div> </div> </header> <main class="pt-28 sm:pt-32"> <div class="mx-auto w-full max-w-6xl px-4 sm:px-6 "> <section class="py-24"> <div class="mx-auto max-w-xl text-center"> <p class="text-xs font-medium uppercase tracking-[0.18em] text-white/55">404</p> <h1 class="mt-4 text-4xl font-semibold tracking-tight text-white/95 sm:text-5xl">Page not found</h1> <p class="mt-4 text-sm leading-relaxed text-white/70">If you expected a receipt link, make sure you have the exact URL.</p> <div class="mt-8 flex justify-center"> <a class="inline-flex items-center justify-center rounded-full px-4 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 " href="/"> Return to home </a> </div> </div> </section> </div> </main> <a href="mailto:ds@infrafabric.io?subject=IF.Trace%20contact" class="fixed bottom-6 right-6 inline-flex h-10 items-center justify-center rounded-full border border-white/10 bg-slate-950/50 px-4 text-xs font-medium text-white/80 backdrop-blur hover:bg-slate-950/70 hover:text-white">contact</a> </body></html>				<!DOCTYPE html><html lang="en" class="dark"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#0b1020"><link rel="canonical" href="http://localhost:4321/404/"><title>IF.Trace — Not found</title><meta name="description" content="Page not found."><meta property="og:title" content="IF.Trace — Not found"><meta property="og:description" content="Page not found."><meta property="og:type" content="website"><meta property="og:image" content="/assets/iftrace-og.svg"><meta name="twitter:card" content="summary_large_image"><link rel="icon" href="/assets/if-logo-simple.svg" type="image/svg+xml"><link rel="stylesheet" href="/assets/_astro/index.Dr9NnB1c.css"></head> <body class="min-h-screen bg-background text-foreground"> <div aria-hidden="true" class="pointer-events-none fixed inset-0 -z-10"> <div class="absolute inset-0 bg-[radial-gradient(900px_circle_at_20%_0%,rgba(59,130,246,0.10),transparent_60%),radial-gradient(900px_circle_at_100%_0%,rgba(16,185,129,0.08),transparent_55%)]"></div> <div class="absolute inset-0 bg-[linear-gradient(to_bottom,rgba(2,6,23,0.86),rgba(2,6,23,0.96))]"></div> <div class="absolute inset-0 opacity-[0.035] mix-blend-overlay [background-image:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22300%22%20height=%22300%22%3E%3Cfilter%20id=%22n%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.8%22%20numOctaves=%224%22%20stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect%20width=%22300%22%20height=%22300%22%20filter=%22url(%23n)%22%20opacity=%220.5%22/%3E%3C/svg%3E')]"></div> </div> <header class="fixed left-0 right-0 top-0 z-50"> <div class="mx-auto max-w-6xl px-4 py-4 sm:px-6"> <div class="flex items-center justify-between rounded-2xl border border-white/10 bg-slate-950/35 px-4 py-3 backdrop-blur-sm shadow-[0_10px_30px_rgba(0,0,0,0.25)] sm:px-6"> <a href="/" class="text-sm font-semibold tracking-tight text-white/90 hover:text-white">IF.Trace</a> <nav class="flex items-center gap-3 text-xs text-white/70 sm:gap-4"> <a class="hover:text-white" href="/verticals/">Use cases</a> <span class="text-white/20" aria-hidden="true">\|</span> <a class="hover:text-white" href="/pricing/">Pricing</a> <span class="text-white/20" aria-hidden="true">\|</span> <a class="hover:text-white" href="/api/">API</a> <span class="text-white/20" aria-hidden="true">\|</span> <a class="hover:text-white" href="/whitepaper/">Whitepaper</a> </nav> <a class="hidden rounded-full border border-white/10 bg-white/5 px-3 py-1 text-xs font-medium text-white/80 hover:bg-white/10 hover:text-white sm:inline-flex" href="https://api.infrafabric.io/login">Login</a> </div> </div> </header> <main class="pt-28 sm:pt-32"> <div class="mx-auto w-full max-w-6xl px-4 sm:px-6 "> <section class="py-24"> <div class="mx-auto max-w-xl text-center"> <p class="text-xs font-medium uppercase tracking-[0.18em] text-white/55">404</p> <h1 class="mt-4 text-4xl font-semibold tracking-tight text-white/95 sm:text-5xl">Page not found</h1> <p class="mt-4 text-sm leading-relaxed text-white/70">If you expected a receipt link, make sure you have the exact URL.</p> <div class="mt-8 flex justify-center"> <a class="inline-flex items-center justify-center rounded-full px-4 py-2 text-sm font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 " href="/"> Return to home </a> </div> </div> </section> </div> </main> <a href="mailto:ds@infrafabric.io?subject=IF.Trace%20contact" class="fixed bottom-6 right-6 inline-flex h-10 items-center justify-center rounded-full border border-white/10 bg-slate-950/50 px-4 text-xs font-medium text-white/80 backdrop-blur hover:bg-slate-950/70 hover:text-white">contact</a> </body></html>