Skip to content

Commit 7dbe1bc

Browse files
AmiteK23AmiteK23
authored
refactor(docs): align MCP and roadmap layout and styling (#224)
- remove version from MCP header - adjust roadmap layout and sizing - apply theme-primary background - refine BenefitsGrid icons and spacing
1 parent a0221b0 commit 7dbe1bc

3 files changed

Lines changed: 48 additions & 28 deletions

File tree

‎src/app/docs/mcp/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export default function MCPPage() {
5252
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
5353
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clipRule="evenodd" />
5454
</svg>
55-
Beta v0.2.3
55+
Beta
5656
</div>
5757

5858
<p className="text-base sm:text-lg md:text-xl lg:text-2xl text-gray-600 dark:text-gray-400 leading-relaxed max-w-3xl mx-auto mb-4">

‎src/app/roadmap/page.tsx‎

Lines changed: 43 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -23,17 +23,17 @@ export default async function BetaPage() {
2323
<div className="absolute inset-0 overflow-hidden pointer-events-none">
2424
</div>
2525

26-
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative z-10">
26+
<div className="relative z-10 mx-auto max-w-[1440px] px-4 lg:px-6">
2727
<AnimatedSection direction="up" delay={0}>
2828
<div className="text-center">
2929
{/* Fox Mascot */}
3030
<div className="flex justify-center mb-4 sm:mb-6">
31-
<div className="w-20 h-20 sm:w-24 sm:h-24 animate-bounce bg-transparent">
31+
<div className="w-28 h-28 sm:w-32 sm:h-32 animate-bounce bg-transparent">
3232
<Image
3333
src="/mascot/logicstamp-fox.svg"
3434
alt="LogicStamp Fox Mascot"
35-
width={96}
36-
height={96}
35+
width={128}
36+
height={128}
3737
priority
3838
className="w-full h-full drop-shadow-2xl bg-transparent"
3939
/>
@@ -42,7 +42,7 @@ export default async function BetaPage() {
4242

4343
{/* Badge */}
4444
<div className="inline-flex items-center gap-2 px-5 py-2.5 bg-white/90 dark:bg-gray-900/90 text-gray-700 dark:text-gray-300 text-sm font-bold rounded-full mb-8 sm:mb-10 border border-gray-200/70 dark:border-gray-700/70 shadow-lg">
45-
<svg className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
45+
<svg className="h-7 w-7 sm:h-8 sm:w-8" fill="currentColor" viewBox="0 0 20 20">
4646
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clipRule="evenodd" />
4747
</svg>
4848
Early Access
@@ -81,8 +81,8 @@ export default async function BetaPage() {
8181
</section>
8282

8383
{/* Roadmap Section */}
84-
<section className="relative py-20 sm:py-28 bg-white dark:bg-gray-900">
85-
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
84+
<section className="relative py-20 sm:py-28 bg-theme-primary">
85+
<div className="mx-auto max-w-[1440px] px-4 lg:px-6">
8686
<AnimatedSection direction="up" delay={0}>
8787
<div className="text-center mb-16">
8888
<h2 className="text-4xl sm:text-5xl font-bold text-gray-900 dark:text-white mb-6">
@@ -95,14 +95,34 @@ export default async function BetaPage() {
9595
</AnimatedSection>
9696

9797
<AnimatedSection direction="up" delay={100}>
98-
<div className="max-w-5xl mx-auto rounded-2xl p-8 sm:p-10 shadow-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800">
99-
<DocsMarkdown
100-
source="context"
101-
currentDocPath="ROADMAP.md"
102-
className="prose prose-lg dark:prose-invert max-w-none prose-headings:text-gray-900 dark:prose-headings:text-white prose-p:text-gray-700 dark:prose-p:text-gray-300 prose-a:text-blue-600 dark:prose-a:text-blue-400 prose-code:text-gray-900 dark:prose-code:text-gray-100 prose-code:bg-gray-100 dark:prose-code:bg-gray-800 prose-strong:text-gray-900 dark:prose-strong:text-white prose-ul:text-gray-700 dark:prose-ul:text-gray-300 prose-li:text-gray-700 dark:prose-li:text-gray-300"
98+
<div className="w-full">
99+
<div
100+
className="flex items-center gap-0 font-mono text-lg leading-none text-gray-500 select-none sm:text-xl dark:text-gray-400"
101+
aria-hidden
103102
>
104-
{roadmapContent}
105-
</DocsMarkdown>
103+
<span>+</span>
104+
<div className="h-px min-w-0 flex-1 bg-gray-300/80 dark:bg-gray-600/70" />
105+
<span>+</span>
106+
</div>
107+
<div className="border-l border-r border-gray-300/80 dark:border-gray-600/70">
108+
<div className="px-6 pb-8 pt-2 sm:px-8 sm:pb-10 sm:pt-3">
109+
<DocsMarkdown
110+
source="context"
111+
currentDocPath="ROADMAP.md"
112+
className="prose prose-lg dark:prose-invert max-w-none prose-headings:text-gray-900 dark:prose-headings:text-white prose-p:text-gray-700 dark:prose-p:text-gray-300 prose-a:text-blue-600 dark:prose-a:text-blue-400 prose-code:text-gray-900 dark:prose-code:text-gray-100 prose-code:bg-gray-100 dark:prose-code:bg-gray-800 prose-strong:text-gray-900 dark:prose-strong:text-white prose-ul:text-gray-700 dark:prose-ul:text-gray-300 prose-li:text-gray-700 dark:prose-li:text-gray-300"
113+
>
114+
{roadmapContent}
115+
</DocsMarkdown>
116+
</div>
117+
</div>
118+
<div
119+
className="flex items-center gap-0 font-mono text-lg leading-none text-gray-500 select-none sm:text-xl dark:text-gray-400"
120+
aria-hidden
121+
>
122+
<span>+</span>
123+
<div className="h-px min-w-0 flex-1 bg-gray-300/80 dark:bg-gray-600/70" />
124+
<span>+</span>
125+
</div>
106126
</div>
107127
</AnimatedSection>
108128

@@ -147,8 +167,8 @@ export default async function BetaPage() {
147167
</section>
148168

149169
{/* Ideal Beta Candidates */}
150-
<section className="relative py-20 sm:py-28 bg-gradient-to-b from-gray-50 to-white dark:from-gray-950 dark:to-gray-900">
151-
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
170+
<section className="relative py-20 sm:py-28 bg-theme-primary">
171+
<div className="mx-auto max-w-[1440px] px-4 lg:px-6">
152172
<AnimatedSection direction="up" delay={0}>
153173
<div className="text-center mb-16">
154174
<h2 className="text-4xl sm:text-5xl font-bold text-gray-900 dark:text-white mb-6">
@@ -165,7 +185,7 @@ export default async function BetaPage() {
165185
<div className="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border-2 border-blue-200 dark:border-blue-800">
166186
<div className="flex items-start gap-4">
167187
<div className="flex-shrink-0">
168-
<svg className="w-6 h-6 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20">
188+
<svg className="h-9 w-9 shrink-0 text-blue-600 sm:h-10 sm:w-10 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20">
169189
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clipRule="evenodd" />
170190
</svg>
171191
</div>
@@ -185,7 +205,7 @@ export default async function BetaPage() {
185205
<div className="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border-2 border-purple-200 dark:border-purple-800">
186206
<div className="flex items-start gap-4">
187207
<div className="flex-shrink-0">
188-
<svg className="w-6 h-6 text-purple-600 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20">
208+
<svg className="h-9 w-9 shrink-0 text-purple-600 sm:h-10 sm:w-10 dark:text-purple-400" fill="currentColor" viewBox="0 0 20 20">
189209
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clipRule="evenodd" />
190210
</svg>
191211
</div>
@@ -205,7 +225,7 @@ export default async function BetaPage() {
205225
<div className="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border-2 border-emerald-200 dark:border-emerald-800">
206226
<div className="flex items-start gap-4">
207227
<div className="flex-shrink-0">
208-
<svg className="w-6 h-6 text-emerald-600 dark:text-emerald-400" fill="currentColor" viewBox="0 0 20 20">
228+
<svg className="h-9 w-9 shrink-0 text-emerald-600 sm:h-10 sm:w-10 dark:text-emerald-400" fill="currentColor" viewBox="0 0 20 20">
209229
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clipRule="evenodd" />
210230
</svg>
211231
</div>
@@ -225,7 +245,7 @@ export default async function BetaPage() {
225245
<div className="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border-2 border-pink-200 dark:border-pink-800">
226246
<div className="flex items-start gap-4">
227247
<div className="flex-shrink-0">
228-
<svg className="w-6 h-6 text-pink-600 dark:text-pink-400" fill="currentColor" viewBox="0 0 20 20">
248+
<svg className="h-9 w-9 shrink-0 text-pink-600 sm:h-10 sm:w-10 dark:text-pink-400" fill="currentColor" viewBox="0 0 20 20">
229249
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clipRule="evenodd" />
230250
</svg>
231251
</div>
@@ -245,7 +265,7 @@ export default async function BetaPage() {
245265
<div className="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border-2 border-indigo-200 dark:border-indigo-800">
246266
<div className="flex items-start gap-4">
247267
<div className="flex-shrink-0">
248-
<svg className="w-6 h-6 text-indigo-600 dark:text-indigo-400" fill="currentColor" viewBox="0 0 20 20">
268+
<svg className="h-9 w-9 shrink-0 text-indigo-600 sm:h-10 sm:w-10 dark:text-indigo-400" fill="currentColor" viewBox="0 0 20 20">
249269
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
250270
</svg>
251271
</div>
@@ -269,7 +289,7 @@ export default async function BetaPage() {
269289
<div className="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-sm border-2 border-amber-200 dark:border-amber-800">
270290
<div className="flex items-start gap-4">
271291
<div className="flex-shrink-0">
272-
<svg className="w-6 h-6 text-amber-600 dark:text-amber-400" fill="currentColor" viewBox="0 0 20 20">
292+
<svg className="h-9 w-9 shrink-0 text-amber-600 sm:h-10 sm:w-10 dark:text-amber-400" fill="currentColor" viewBox="0 0 20 20">
273293
<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clipRule="evenodd" />
274294
</svg>
275295
</div>
@@ -290,7 +310,7 @@ export default async function BetaPage() {
290310

291311
{/* Final CTA Section */}
292312
<section className="relative py-20 sm:py-28 bg-theme-primary">
293-
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 relative z-10">
313+
<div className="relative z-10 mx-auto max-w-[1440px] px-4 lg:px-6">
294314
<AnimatedSection direction="up" delay={0}>
295315
<div className="text-center">
296316
<h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-6">

‎src/components/sections/WhyLogicStamp/BenefitsGrid.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -38,14 +38,14 @@ export default function BenefitsGrid({ benefitsRef, benefitsInView }: BenefitsGr
3838
>
3939
<div className="relative h-full rounded-2xl p-6 sm:p-8 shadow-sm transition-all duration-500 border border-gray-200/50 dark:border-gray-700/50 overflow-hidden">
4040
<div className="relative z-10">
41-
<div className="grid grid-cols-[auto_minmax(0,1fr)] gap-x-4 gap-y-4 sm:gap-x-5 sm:gap-y-2 sm:items-start">
41+
<div className="grid grid-cols-[auto_minmax(0,1fr)] items-center gap-x-4 gap-y-4 sm:gap-x-5 sm:gap-y-2">
4242
<div
43-
className={`row-start-1 col-start-1 inline-flex shrink-0 items-center justify-center self-start w-12 h-12 sm:w-14 sm:h-14 rounded-xl bg-gradient-to-br ${benefit.iconBg}`}
43+
className={`row-start-1 col-start-1 inline-flex shrink-0 items-center justify-center w-12 h-12 sm:w-14 sm:h-14 rounded-xl bg-gradient-to-br ${benefit.iconBg}`}
4444
>
4545
<div className="text-gray-700 dark:text-gray-300">{benefit.icon}</div>
4646
</div>
47-
<div className="row-start-1 col-start-2 min-w-0 self-start">
48-
<div className="flex items-start justify-between gap-2">
47+
<div className="row-start-1 col-start-2 min-w-0">
48+
<div className="flex items-center justify-between gap-2">
4949
<div className="min-w-0 flex-1">
5050
<h4 className="font-semibold sm:text-lg text-gray-900 dark:text-white">{benefit.title}</h4>
5151
{benefit.statBreakdown && (

0 commit comments

Comments
 (0)