Skip to content

Commit bd23fce

Browse files
joeyballentinejoeyballentine
committed
Add feature cards + lint
1 parent b367d3f commit bd23fce

File tree

3 files changed

+34
-14
lines changed

3 files changed

+34
-14
lines changed

‎src/pages/download.page.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -269,7 +269,8 @@ export { Page };
269269

270270
export const documentProps = {
271271
title: 'Download chaiNNer - Free Image Processing Software',
272-
description: 'Download the latest stable version of chaiNNer for Windows, macOS, and Linux. Free, open-source node-based image processing software with batch processing and GPU acceleration.',
272+
description:
273+
'Download the latest stable version of chaiNNer for Windows, macOS, and Linux. Free, open-source node-based image processing software with batch processing and GPU acceleration.',
273274
keywords: 'download chaiNNer, free image processing software, node editor download, Windows macOS Linux, batch image processing',
274275
image: 'https://chainner.app/banner.png',
275276
};

‎src/pages/index.page.tsx‎

Lines changed: 22 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/* eslint-disable @typescript-eslint/explicit-function-return-type */
22
import { Button, Center, HStack, Image, Link, VStack, Box, Text, Heading, SimpleGrid, Icon, Container } from '@chakra-ui/react';
3-
import { FaCogs, FaRocket, FaImage, FaDownload, FaMagic, FaDesktop, FaChevronDown } from 'react-icons/fa/index.js';
3+
import { FaCogs, FaRocket, FaImage, FaDownload, FaMagic, FaDesktop, FaChevronDown, FaPalette, FaCheckCircle } from 'react-icons/fa/index.js';
44
import '../index.scss';
55
import { PageProps } from '../types';
66
import Banner from '../assets/banner.png';
@@ -111,7 +111,7 @@ function Page(pageProps: PageProps) {
111111
bg="transparent"
112112
py={20}
113113
>
114-
<Container maxW="6xl">
114+
<Container maxW="1400px">
115115
<VStack spacing={16}>
116116
{/* Introduction */}
117117
<VStack
@@ -132,9 +132,9 @@ function Page(pageProps: PageProps) {
132132
lineHeight="1.6"
133133
>
134134
A node-based image processing GUI aimed at making chaining image processing tasks easy and customizable. Born as an AI upscaling
135-
application, chaiNNer has grown into an extremely flexible and powerful programmatic image processing application. ChaiNNer gives
136-
you a level of customization of your image processing workflow that very few others do. Cross-platform for Windows, macOS, and
137-
Linux.
135+
application, chaiNNer has grown into an extremely flexible and powerful programmatic image processing application. ChaiNNer
136+
gives you a level of customization of your image processing workflow that very few others do. Cross-platform for Windows, macOS,
137+
and Linux.
138138
</Text>
139139
</VStack>
140140

@@ -151,7 +151,7 @@ function Page(pageProps: PageProps) {
151151
Key Features
152152
</Heading>
153153
<SimpleGrid
154-
columns={{ base: 1, md: 2, lg: 3 }}
154+
columns={{ base: 1, md: 2, lg: 4 }}
155155
spacing={8}
156156
w="100%"
157157
>
@@ -161,12 +161,24 @@ function Page(pageProps: PageProps) {
161161
description="Build processing pipelines by dragging and connecting nodes in an intuitive visual interface. Full control over your workflow with incredibly complex tasks just by connecting a few nodes together."
162162
color="brand.500"
163163
/>
164+
<FeatureCard
165+
icon={FaPalette}
166+
title="Comprehensive Processing"
167+
description="Full suite of image processing operations including filters, color adjustments, transforms, blending, and effects. Automate any task you can do in traditional image editing software."
168+
color="pink.400"
169+
/>
164170
<FeatureCard
165171
icon={FaMagic}
166172
title="AI Upscaling"
167173
description="Leverage AI models for image upscaling with support for PyTorch, NCNN, ONNX, and TensorRT. Use architectures like ESRGAN, Real-ESRGAN, and many more via Spandrel."
168174
color="purple.400"
169175
/>
176+
<FeatureCard
177+
icon={FaCheckCircle}
178+
title="Smart Validation"
179+
description="Built-in type system, real-time validation, and conditional logic ensure your chains are correct. Catch errors before processing while maintaining flexibility for complex workflows."
180+
color="yellow.400"
181+
/>
170182
<FeatureCard
171183
icon={FaImage}
172184
title="GPU Accelerated"
@@ -288,7 +300,9 @@ export { Page };
288300

289301
export const documentProps = {
290302
title: 'chaiNNer - Node-Based Image Processing Software',
291-
description: 'A powerful node-based image processing GUI for batch processing and custom workflows. Features GPU acceleration, visual node editor, and cross-platform support for Windows, macOS, and Linux.',
292-
keywords: 'chaiNNer, image processing, node editor, batch processing, GPU acceleration, visual programming, workflow automation, cross-platform, Windows, macOS, Linux',
303+
description:
304+
'A powerful node-based image processing GUI for batch processing and custom workflows. Features GPU acceleration, visual node editor, and cross-platform support for Windows, macOS, and Linux.',
305+
keywords:
306+
'chaiNNer, image processing, node editor, batch processing, GPU acceleration, visual programming, workflow automation, cross-platform, Windows, macOS, Linux',
293307
image: 'https://chainner.app/banner.png',
294308
};

‎src/pages/nightly.page.tsx‎

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -114,8 +114,12 @@ function useNightlyData() {
114114
if (!res.ok) throw new Error(`GitHub API error: ${res.status}`);
115115
return (await res.json()) as IGithubRelease[];
116116
})
117-
.then((releases) => setData(processReleases(releases)))
118-
.catch(() => setError(true));
117+
.then((releases) => {
118+
setData(processReleases(releases));
119+
})
120+
.catch(() => {
121+
setError(true);
122+
});
119123
}, []);
120124

121125
return { data, error };
@@ -285,8 +289,8 @@ function Page() {
285289
{isLoading
286290
? 'Loading...'
287291
: latestVersion != null
288-
? `Download Nightly${releaseDate != null ? ` (${releaseDate})` : ''}`
289-
: 'No nightly release found'}
292+
? `Download Nightly${releaseDate != null ? ` (${releaseDate})` : ''}`
293+
: 'No nightly release found'}
290294
</Text>
291295
</HStack>
292296
{!isLoading && (
@@ -438,7 +442,8 @@ export { Page };
438442

439443
export const documentProps = {
440444
title: 'chaiNNer Nightly Builds - Latest Development Releases',
441-
description: 'Download the latest nightly builds of chaiNNer with cutting-edge features and improvements. Experimental builds for Windows, macOS, and Linux with the newest image processing capabilities.',
445+
description:
446+
'Download the latest nightly builds of chaiNNer with cutting-edge features and improvements. Experimental builds for Windows, macOS, and Linux with the newest image processing capabilities.',
442447
keywords: 'chaiNNer nightly, development builds, experimental features, beta version, latest updates',
443448
image: 'https://chainner.app/banner.png',
444449
};

0 commit comments

Comments
 (0)