mirror of
https://github.com/katanemo/plano.git
synced 2026-06-26 15:39:40 +02:00
0c3efdbef2
* feat: redesign archgw -> plano + website * feat(www): refactor landing page sections, add new diagrams and UI improvements * feat(www): sections enhanced for clarify & diagrams added * feat(www): improvements to mobile design, layout of diagrams * feat(www): clean + typecheck * feat(www): feedback loop changes * feat(www): fix type error * fix lib/utils error * feat(www): ran biome formatting * feat(www): graphic changes * feat(www): web analytics * fea(www): changes * feat(www): introduce monorepo This change brings Turborepo monorepo to independently handle the marketing website, the docs website and any other future use cases for mutli-platform support. They are using internal @katanemo package handlers for the design system and logic. * fix(www): transpiler failure * fix(www): tsconfig issue * fix(www): next.config issue * feat(docs): hold off on docs * Delete next.config.ts * feat(www): content fix * feat(www): introduce blog * feat(www): content changes * Update package-lock.json * feat: update text * Update IntroSection.tsx * feat: Turbopack issue * fix * Update IntroSection.tsx * feat: updated Research page * refactor(www): text clarity, padding adj. * format(www) * fix: add missing lib/ files to git - fixes Vercel GitHub deployment - Updated .gitignore to properly exclude Python lib/ but include Next.js lib/ directories - Added packages/ui/src/lib/utils.ts (cn utility function) - Added apps/www/src/lib/sanity.ts (Sanity client configuration) - Fixes module resolution errors in Vercel GitHub deployments (case-sensitive filesystem) * Update .gitignore * style(www): favicon + metadata * fix(www): links * fix(www): add analytics * fix(www): add * fix(www): fix links + image * fix(www): fix links + image * fix(www): fix links * fix(www): remove from tools testing.md
50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
import React from "react";
|
|
import Image from "next/image";
|
|
|
|
export function ResearchTimeline() {
|
|
return (
|
|
<section className="relative py-12 sm:py-16 lg:py-16 px-4 sm:px-6 lg:px-[102px] bg-white border-b border-gray-200">
|
|
<div className="max-w-[81rem] mx-auto">
|
|
{/* Timeline Image */}
|
|
{/* Mobile: Full-width scrollable container that extends to viewport edges */}
|
|
<div
|
|
className="mt-5 lg:hidden relative left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] w-screen overflow-x-auto overflow-y-visible"
|
|
style={{
|
|
scrollbarWidth: "none",
|
|
msOverflowStyle: "none",
|
|
WebkitOverflowScrolling: "touch",
|
|
}}
|
|
>
|
|
<style jsx>{`
|
|
.timeline-scroll-container::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
`}</style>
|
|
<div className="timeline-scroll-container inline-block pl-4 sm:pl-6">
|
|
<Image
|
|
src="/Timeline.svg"
|
|
alt="Research Timeline"
|
|
width={1200}
|
|
height={600}
|
|
className="h-auto"
|
|
style={{ width: "1200px", maxWidth: "none", display: "block" }}
|
|
priority
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Desktop: Normal display */}
|
|
<div className="hidden lg:block w-full">
|
|
<Image
|
|
src="/Timeline.svg"
|
|
alt="Research Timeline"
|
|
width={1200}
|
|
height={600}
|
|
className="w-full h-auto"
|
|
priority
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|