chore: update datachain logo

content/docs/index.md

@@ -31,7 +31,7 @@ as a [Python library].
     Non-exhaustive list of scenarios DVC can help with
   </card>
 
-  <card href="https://github.com/iterative/datachain" heading="🔗 DataChain">
+  <card href="https://github.com/iterative/datachain" heading=" " headingicon="/img/logos/datachain-black.svg">
     Sister and upstream tool to version and wrangle data at scale
   </card>
 
@@ -42,8 +42,9 @@ as a [Python library].
 responsive⚡.
 
 ✅ Check out our GitHub repositories: [DVC](https://github.com/iterative/dvc)
-and [🔗 DataChain](https://github.com/iterative/datachain) give us a ⭐ if you
-like the projects!
+and
+[<img class="inline" width="20px"  src="/img/logos/datachain-logo.svg" /> DataChain](https://github.com/iterative/datachain)
+give us a ⭐ if you like the projects!
 
 ✅ Contribute to DVC [on GitHub](https://github.com/iterative/dvc) or help us
 improve this [documentation](https://github.com/iterative/dvc.org) 🙏.

package.json

@@ -43,7 +43,7 @@
     "node": ">=18.x <=21.x"
   },
   "dependencies": {
-    "@dvcorg/gatsby-theme-iterative": "0.3.22",
+    "@dvcorg/gatsby-theme-iterative": "0.3.23",
     "@dvcorg/websites-server": "0.2.1",
     "@iframe-resizer/react": "5.1.5",
     "@octokit/request": "8.4.0",

src/@dvcorg/gatsby-theme-iterative/components/LayoutFooter/index.tsx

@@ -13,6 +13,7 @@ import { ReactComponent as GithubSVG } from '@dvcorg/gatsby-theme-iterative/src/
 import { ReactComponent as TwitterSVG } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/twitter.svg'
 import { ReactComponent as DiscordSVG } from '@dvcorg/gatsby-theme-iterative/src/components/SocialIcon/discord.svg'
 import { ReactComponent as StudioSVG } from '../../../../../static/img/studio_icon-color--square_vector.svg'
+import { ReactComponent as DatachainSVG } from '../../../../../static/img/logos/datachain-logo.svg'
 
 import * as styles from '@dvcorg/gatsby-theme-iterative/src/components/LayoutFooter/styles.module.css'
 import LogoGradient from '@dvcorg/gatsby-theme-iterative/src/components/LogoGradient'
@@ -106,7 +107,7 @@ const footerListsData: Array<IFooterListData> = [
       {
         href: githubDatachainUrl,
         text: 'DataChain',
-        icon: <span className={styles.productIcon}>🔗</span>
+        icon: <DatachainSVG className={styles.productIcon} />
       },
       {
         href: 'https://studio.iterative.ai/',

src/@dvcorg/gatsby-theme-iterative/data/menu.tsx

@@ -132,10 +132,9 @@ const menuData: IMenuData = {
       description:
         'Wrangle unstructured data in Python using AI helpers at scale',
       href: githubDatachainUrl,
-      iconClass: '',
-      img: '',
-      imgAlt: '',
-      icon: <span className="inline-block text-2xl">🔗</span>
+      iconClass: styles.datachainIcon,
+      img: '/img/logos/datachain-logo.svg',
+      imgAlt: 'Datachain logo'
     },
     {
       title: 'DVC Studio',

src/@dvcorg/gatsby-theme-iterative/data/styles.module.css

@@ -14,6 +14,10 @@
   background-image: url('../../../../static/img/vscode-icon.svg');
 }
 
+.datachainIcon {
+  background-image: url('../../../../static/img/logos/datachain-logo.svg');
+}
+
 .other {
   font-weight: 600;
   letter-spacing: 2px;

src/components/Home/Hero/GetStarted/GetStartedWithDatachain.tsx

@@ -12,7 +12,11 @@ const GetStartedWithDatachain = () => {
     <HeroContainer className="py-10 px-6" id="get-started-datachain">
       <div className="flex items-center md:justify-center">
         <h1 className={cn('text-2xl font-medium')}>Get Started with</h1>
-        <span className="inline-block text-5xl ml-1">🔗</span>
+        <img
+          src="/img/logos/datachain-black.svg"
+          className="ml-2 inline-block h-8"
+          alt="Datachain Logo"
+        />
       </div>
       <DatachainSlides />
       <div className={cn('flex flex-col items-center justify-center w-full')}>

src/components/Home/Hero/HeroSection.tsx

@@ -98,15 +98,21 @@ const HeroSection = () => {
       {/* Title Section */}
       <SectionWrapper>
         <Section>
-          <span className="inline-block text-8xl">🔗</span>
+          <div className="h-28 flex items-center justify-center">
+            <img
+              src="/img/logos/datachain-black.svg"
+              alt="DVC Logo"
+              className="h-16"
+            />
+          </div>
           <div
             className={cn(
               'flex flex-col gap-4 flex-1 justify-between',
               'lg:flex-row lg:items-center'
             )}
           >
             <h2 className="text-2xl md:text-3xl font-medium">
-              GenAI data chain
+              GenAI DataChain
             </h2>
             <Link
               href={githubDatachainUrl}