Rebuild navbar, hero, and feature sections in adaline style

- navbar: sticky, transparent to blur-on-scroll, wordmark + mono nav links +
  theme toggle + Download CTA, Reicon Menu/Xmark icons (components/layout)
- theme-toggle: Reicon Sun/Moon icons
- hero: meadow badge, tight Instrument Sans headline, Download + How-it-works
  CTAs, availability line, framed dashboard shot (components/sections)
- features: five stacked heading-over-panel sections mapping the org chart,
  office, messages, connectors and cost-control screens
- ui/media-frame: shared framed product-shot panel
- reveal: progressive enhancement — content is visible without JS and only
  hidden once the js class is present, then revealed on scroll
- remove the superseded flat navbar/hero/features components

Verified: next build green; desktop + mobile screenshots reviewed.
This commit is contained in:
ZacharyZhang-NY committed 2026-07-07 22:08:31 -04:00
1 parent b1e2374c7b
commit c0f677ccc9
12 files changed
+261 -487

No files matched your search

+12 -5
View File
@@ -179,17 +179,24 @@ body {
animation: rise-enter 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}
/* Scroll-reveal primitive: hidden until IntersectionObserver marks it in view. */
/*
* Scroll-reveal primitive. Progressive enhancement: content is visible by
* default and only starts hidden once the `js` class is present, so the page
* stays fully readable if scripts never run.
*/
.reveal {
opacity: 0;
transform: translateY(16px);
transition:
opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--reveal-delay, 0ms);
}
.reveal[data-in-view="true"] {
.js .reveal {
opacity: 0;
transform: translateY(16px);
}
.js .reveal[data-in-view="true"] {
opacity: 1;
transform: translateY(0);
}
@@ -208,7 +215,7 @@ body {
transition-duration: 0.01ms !important;
}
.reveal {
.js .reveal {
opacity: 1;
transform: none;
}
+1 -1
View File
@@ -99,7 +99,7 @@ export const metadata: Metadata = {
};
const themeScript = `
(function(){try{var t=localStorage.getItem("agentcompany-theme");if(t==="dark"||(!t&&window.matchMedia("(prefers-color-scheme:dark)").matches)){document.documentElement.classList.add("dark")}}catch(e){}})();
(function(){document.documentElement.classList.add("js");try{var t=localStorage.getItem("agentcompany-theme");if(t==="dark"||(!t&&window.matchMedia("(prefers-color-scheme:dark)").matches)){document.documentElement.classList.add("dark")}}catch(e){}})();
`;
const softwareJsonLd = {
+3 -3
View File
@@ -1,10 +1,10 @@
import { DownloadSection } from "../components/download-section";
import { FAQ } from "../components/faq";
import { Features } from "../components/features";
import { Features } from "../components/sections/features";
import { Footer } from "../components/footer";
import { Hero } from "../components/hero";
import { Hero } from "../components/sections/hero";
import { HowItWorks } from "../components/how-it-works";
import { Navbar } from "../components/navbar";
import { Navbar } from "../components/layout/navbar";
import { RuntimesBar } from "../components/runtimes-bar";
export default function Page() {