diff --git a/src/pages/template-page/template-page.tsx b/src/pages/template-page/template-page.tsx index c7c5cc108..161a4892a 100644 --- a/src/pages/template-page/template-page.tsx +++ b/src/pages/template-page/template-page.tsx @@ -65,31 +65,22 @@ const TemplatePageComponent: React.FC = () => { {template ? ( <> - - Database schema diagram for {template.name} | - ChartDB - {HOST_URL !== 'https://chartdb.io' ? ( ) : null} - + + {`Database schema diagram for - ${template.name} | ChartDB`} + - { content={`${HOST_URL}${template.image}`} /> - + { name="twitter:card" content="summary_large_image" /> + + ) : ( Database Schema Diagram | ChartDB diff --git a/src/pages/templates-page/templates-page.tsx b/src/pages/templates-page/templates-page.tsx index 200fa387f..ac5756ea7 100644 --- a/src/pages/templates-page/templates-page.tsx +++ b/src/pages/templates-page/templates-page.tsx @@ -33,10 +33,41 @@ const TemplatesPageComponent: React.FC = () => { return ( <> - ChartDB - Database Schema Templates {HOST_URL !== 'https://chartdb.io' ? ( ) : null} + Database Schema Diagram Templates | ChartDB + + + + + + + + + + + + +
@@ -74,10 +105,9 @@ const TemplatesPageComponent: React.FC = () => { Database Schema Templates

- Explore a collection of real-world database schemas - drawn from real-world live applications and open-source - projects. Use these as a foundation or source of - inspiration when designing your app’s architecture. + Discover a collection of real-world database schema + diagrams, featuring example applications and popular + open-source projects.

{!templates ? (