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:
1 parent
b1e2374c7b
commit
c0f677ccc9
12 files changed
+261
-487
No files matched your search
+12
-5
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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 = {
|
||||
|
||||
@@ -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() {
|
||||
|
||||
Reference in new issue
Block a user