Remove obsolete release notes and update homepage features for MCP Database Server. Added support for multiple databases and improved UI elements. Updated styles and SVG assets for better presentation.

This commit is contained in:
Karthik KK
2025-04-22 18:33:00 +12:00
parent 5d0f4b5b4b
commit e67bf993ec
15 changed files with 257 additions and 172 deletions

View File

@@ -14,25 +14,25 @@ const FeatureList: FeatureItem[] = [
Svg: require('@site/static/img/easy-to-use.svg').default,
description: (
<>
Playwright MCP Server is easy to use, just change the Claude config file and you are done.
MCP Database Server is easy to configure. Just update your Claude Desktop config file, and you're ready to start querying your databases!
</>
),
},
{
title: 'Test UI and APIs',
Svg: require('@site/static/img/playwright.svg').default,
title: 'Multiple Database Support',
Svg: require('@site/static/img/mcp-database.svg').default,
description: (
<>
Test both UI and API of your application with plain English text. No <code>code</code> required.
Seamlessly connect to <code>SQLite</code>, <code>SQL Server</code>, and <code>PostgreSQL</code> databases with a consistent interface for all your data needs.
</>
),
},
{
title: 'Powered by NodeJS',
title: 'Powered by Node.js',
Svg: require('@site/static/img/node.svg').default,
description: (
<>
Playwright MCP Server is built on top of NodeJS, making it fast and efficient.
Built with Node.js for high performance and reliability. Benefit from connection pooling, async operations, and efficient memory management.
</>
),
},
@@ -41,12 +41,14 @@ const FeatureList: FeatureItem[] = [
function Feature({title, Svg, description}: FeatureItem) {
return (
<div className={clsx('col col--4')}>
<div className="text--center">
<Svg className={styles.featureSvg} role="img" />
</div>
<div className="text--center padding-horiz--md">
<Heading as="h3">{title}</Heading>
<p>{description}</p>
<div className={styles.featureItem}>
<div className="text--center">
<Svg className={styles.featureSvg} role="img" />
</div>
<div className="text--center">
<Heading as="h3" className={styles.featureTitle}>{title}</Heading>
<p className={styles.featureDescription}>{description}</p>
</div>
</div>
</div>
);
@@ -56,6 +58,12 @@ export default function HomepageFeatures(): JSX.Element {
return (
<section className={styles.features}>
<div className="container">
<div className="row">
<div className="col col--12 text--center">
<Heading as="h2">Key Features</Heading>
<p style={{marginBottom: '3rem'}}>Powerful capabilities to enhance your Claude interactions with databases</p>
</div>
</div>
<div className="row">
{FeatureList.map((props, idx) => (
<Feature key={idx} {...props} />