Skip to content

Commit 7734a7f

Browse files
BlargianBlargian
committed
move changelogs right
1 parent 3165284 commit 7734a7f

File tree

1 file changed

+99
-88
lines changed

1 file changed

+99
-88
lines changed

‎src/pages/index.js‎

Lines changed: 99 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -291,7 +291,7 @@ const ExploreDocs = () => {
291291
<Link to="/getting-started/quick-start/cloud" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Quick start guide</Link>
292292
<Link to="/install" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Installation</Link>
293293
<Link to="/deployment-modes" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Deployment modes</Link>
294-
<Link to="/install" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>ClickHouse Cloud</Link>
294+
<Link to="/cloud/get-started" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>ClickHouse Cloud</Link>
295295
<Link to="/getting-started/example-datasets" style={{ display: 'block', marginBottom: '4px', fontSize: '14px' }}>Example datasets</Link>
296296
</div>
297297
</CardContent>
@@ -384,92 +384,9 @@ const ExploreDocs = () => {
384384
</CardActionArea>
385385
</Card>
386386

387-
{/* Changelog Cards Container - Row 2, Column 1 */}
388-
<Box sx={{
389-
display: 'flex',
390-
flexDirection: 'column',
391-
gap: 2
392-
}}>
393-
<Card
394-
component={Link}
395-
to={versions.cloud.link}
396-
sx={{
397-
height: '80px',
398-
display: 'flex',
399-
backgroundColor: 'background.paper',
400-
color: 'text.primary',
401-
boxShadow: 3,
402-
textDecoration: 'none',
403-
'&:hover': {
404-
boxShadow: 6,
405-
textDecoration: 'none',
406-
color: 'inherit',
407-
}
408-
}}>
409-
<CardMedia
410-
component="img"
411-
sx={{ width: 80, height: 80, objectFit: 'contain' }}
412-
image={useBaseUrl('/images/homepage/cloud_icon.png')}
413-
alt="Cloud Changelog"
414-
/>
415-
<Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', flex: 1 }}>
416-
<CardContent sx={{ py: 1 }}>
417-
<Typography component="div" variant="subtitle1" sx={{ fontSize: '0.9rem', mb: 0.5 }}>
418-
Cloud Changelog
419-
</Typography>
420-
<Typography
421-
variant="h6"
422-
component="div"
423-
sx={{ color: versionColor, fontWeight: 'bold' }}
424-
>
425-
{versions.cloud.version}
426-
</Typography>
427-
</CardContent>
428-
</Box>
429-
</Card>
430-
431-
<Card
432-
component={Link}
433-
to={versions.oss.link}
434-
sx={{
435-
height: '80px',
436-
display: 'flex',
437-
backgroundColor: 'background.paper',
438-
color: 'text.primary',
439-
boxShadow: 3,
440-
textDecoration: 'none',
441-
'&:hover': {
442-
boxShadow: 6,
443-
textDecoration: 'none',
444-
color: 'inherit',
445-
}
446-
}}>
447-
<CardMedia
448-
component="img"
449-
sx={{ width: 80, height: 80, objectFit: 'contain' }}
450-
image={useBaseUrl('/images/homepage/oss_icon.png')}
451-
alt="OSS Changelog"
452-
/>
453-
<Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', flex: 1 }}>
454-
<CardContent sx={{ py: 1 }}>
455-
<Typography component="div" variant="subtitle1" sx={{ fontSize: '0.9rem', mb: 0.5 }}>
456-
OSS Changelog
457-
</Typography>
458-
<Typography
459-
variant="h6"
460-
component="div"
461-
sx={{ color: versionColor, fontWeight: 'bold' }}
462-
>
463-
{versions.oss.version}
464-
</Typography>
465-
</CardContent>
466-
</Box>
467-
</Card>
468-
</Box>
469-
470-
{/* Migrate Card - Row 2, Columns 2-3 (spans 2 columns) */}
387+
{/* Migrate Card - Row 2, Columns 1-2 (spans 2 columns) */}
471388
<Card sx={{
472-
gridColumn: { xs: '1', sm: '1 / span 2', md: '2 / span 2' },
389+
gridColumn: { xs: '1', sm: '1 / span 2', md: '1 / span 2' },
473390
height: '180px',
474391
backgroundColor: 'background.paper',
475392
color: 'text.primary',
@@ -513,9 +430,20 @@ const ExploreDocs = () => {
513430
maxWidth: '180px'
514431
}}>
515432
<h3 style={{ margin: '0 0 3px 0', fontSize: '18px' }}>Migrate</h3>
516-
<p style={{ fontSize: '13px', margin: '0', color: 'text.secondary', lineHeight: 1.3 }}>
517-
Migrate from your existing data platform
433+
<p style={{ fontSize: '13px', margin: '0 0 0 0', color: 'text.secondary', lineHeight: 1.3 }}>
434+
Get your data into ClickHouse
518435
</p>
436+
<Link
437+
to="/docs/integrations"
438+
style={{
439+
fontSize: '11px',
440+
textDecoration: 'none',
441+
color: 'inherit',
442+
opacity: 0.8
443+
}}
444+
>
445+
View all integrations →
446+
</Link>
519447
</Box>
520448

521449
{/* Right side - 3x2 Grid of square gradient cards */}
@@ -586,6 +514,89 @@ const ExploreDocs = () => {
586514
</Box>
587515
</CardContent>
588516
</Card>
517+
518+
{/* Changelog Cards Container - Row 2, Column 3 */}
519+
<Box sx={{
520+
display: 'flex',
521+
flexDirection: 'column',
522+
gap: 2
523+
}}>
524+
<Card
525+
component={Link}
526+
to={versions.cloud.link}
527+
sx={{
528+
height: '80px',
529+
display: 'flex',
530+
backgroundColor: 'background.paper',
531+
color: 'text.primary',
532+
boxShadow: 3,
533+
textDecoration: 'none',
534+
'&:hover': {
535+
boxShadow: 6,
536+
textDecoration: 'none',
537+
color: 'inherit',
538+
}
539+
}}>
540+
<CardMedia
541+
component="img"
542+
sx={{ width: 80, height: 80, objectFit: 'contain' }}
543+
image={useBaseUrl('/images/homepage/cloud_icon.png')}
544+
alt="Cloud Changelog"
545+
/>
546+
<Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', flex: 1 }}>
547+
<CardContent sx={{ py: 1 }}>
548+
<Typography component="div" variant="subtitle1" sx={{ fontSize: '0.9rem', mb: 0.5 }}>
549+
Cloud Changelog
550+
</Typography>
551+
<Typography
552+
variant="h6"
553+
component="div"
554+
sx={{ color: versionColor, fontWeight: 'bold' }}
555+
>
556+
{versions.cloud.version}
557+
</Typography>
558+
</CardContent>
559+
</Box>
560+
</Card>
561+
562+
<Card
563+
component={Link}
564+
to={versions.oss.link}
565+
sx={{
566+
height: '80px',
567+
display: 'flex',
568+
backgroundColor: 'background.paper',
569+
color: 'text.primary',
570+
boxShadow: 3,
571+
textDecoration: 'none',
572+
'&:hover': {
573+
boxShadow: 6,
574+
textDecoration: 'none',
575+
color: 'inherit',
576+
}
577+
}}>
578+
<CardMedia
579+
component="img"
580+
sx={{ width: 80, height: 80, objectFit: 'contain' }}
581+
image={useBaseUrl('/images/homepage/oss_icon.png')}
582+
alt="OSS Changelog"
583+
/>
584+
<Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', flex: 1 }}>
585+
<CardContent sx={{ py: 1 }}>
586+
<Typography component="div" variant="subtitle1" sx={{ fontSize: '0.9rem', mb: 0.5 }}>
587+
OSS Changelog
588+
</Typography>
589+
<Typography
590+
variant="h6"
591+
component="div"
592+
sx={{ color: versionColor, fontWeight: 'bold' }}
593+
>
594+
{versions.oss.version}
595+
</Typography>
596+
</CardContent>
597+
</Box>
598+
</Card>
599+
</Box>
589600
</Box>
590601

591602
</Box>

0 commit comments

Comments
 (0)