change images project

components/app/projects/project-card.tsx

@@ -3,13 +3,19 @@ import { Project } from '@/.contentlayer/generated'
 import { AspectRatio } from '@/components/ui/aspect-ratio'
 import { Card } from '@/components/ui/card'
 import Link from '@/components/ui/link'
+import { cn } from '@/utils'
 
 export default function ProjectCard({ project }: { project: Project }) {
   const { title, slug, description, images, link } = project
   const href = link ? link : `/projects/${slug}`
   return (
-    <Card className="flex flex-col items-start space-y-2 xl:grid xl:grid-cols-4 xl:gap-x-8 xl:space-y-0">
-      <div className="flex h-full items-center justify-center border-t-slate-600 p-4 xl:col-span-2">
+    <Card
+      className={cn([
+        'flex flex-col gap-6 p-4 md:h-80 md:flex-row md:gap-12 md:py-8',
+        // reversed && 'md:flex-row-reverse',
+      ])}
+    >
+      <div className="flex h-full items-center justify-center border-t-slate-600 p-4 sm:h-80 md:h-auto md:w-1/2">
         {images && (
           <AspectRatio ratio={16 / 9} className="bg-muted">
             <Image
@@ -21,17 +27,34 @@ export default function ProjectCard({ project }: { project: Project }) {
           </AspectRatio>
         )}
       </div>
-      <div className="prose max-w-none pb-8 pt-8 dark:prose-invert xl:col-span-2">
-        <h2 className="mb-3 text-2xl font-bold leading-8 tracking-tight">
-          {href ? (
-            <Link href={href} aria-label={`Link to ${title}`}>
-              {title}
-            </Link>
-          ) : (
-            title
-          )}
-        </h2>
-        <p className="prose mb-3 max-w-none text-gray-500 dark:text-gray-400">{description}</p>
+      <div className="flex grow flex-col justify-between space-y-6 pb-1 md:w-1/2 md:pb-0">
+        <div className="space-y-4">
+          <h2 className="text-[1.75rem] font-semibold leading-8">
+            {href ? (
+              <Link href={href} aria-label={`Link to ${title}`}>
+                {title}
+              </Link>
+            ) : (
+              title
+            )}
+          </h2>
+          <div className="max-w-none space-y-4">
+            {/* <div className="flex flex-wrap items-center gap-2">
+              {builtWith?.map((tool) => {
+                return (
+                  <Brand
+                    key={tool}
+                    name={tool as keyof typeof BrandsMap}
+                    iconClassName={clsx(
+                      tool === 'Pygame' ? 'h-5 md:h-5.5' : 'h-5 w-5 md:h-5.5 md:w-5.5'
+                    )}
+                  />
+                )
+              })}
+            </div> */}
+            <p className="line-clamp-3 text-gray-600 dark:text-gray-400">{description}</p>
+          </div>
+        </div>
         {href && (
           <Link
             href={href}
@@ -42,10 +65,6 @@ export default function ProjectCard({ project }: { project: Project }) {
           </Link>
         )}
       </div>
-      {/* <div className="prose max-w-none pb-8 pt-8 dark:prose-invert xl:col-span-2">
-        <h3 className="text-2xl font-bold leading-8 tracking-tight">{title}</h3>
-        <div className="h-14">{description}</div>
-      </div> */}
     </Card>
   )
 }

data/projects/decentralized-metaverse-mall-dm.mdx

@@ -3,10 +3,7 @@ title: 'Decentralized Metaverse Mall - DMM'
 date: '2024-02-17'
 tags: ['cardano', 'ideascale', 'fun8']
 description: A functioning connection platform called Decentralized Metaverse Mall ( DMM) utilizing blockchain, metaverse, Web3, and partners' own Web 2.0 as online merchants, payment gateway, auction house to create the first Consume to Earn model ( C2E).
-images:
-  [
-    'https://projectcatalyst.io/api/project-og-image?payload=W1siRGVjZW50cmFsaXplZCBNZXRhdmVyc2UgTWFsbCAtIERNTSIsIiQ3NksiXSxbIkY4OiBEQXBwcyBhbmQgSW50ZWdyYXRpb25zIl1d',
-  ]
+images: ['/static/images/projects/dmm.png']
 authors: ['independenceee']
 link: 'https://projectcatalyst.io/funds/8/f8-dapps-and-integrations/decentralized-metaverse-mall-dmm'
 ---

data/projects/dualtarget-for-ada-holders-staking-and-increasing-assets-with-a-decentralized-automated-trading-bot.mdx

@@ -1,9 +1,9 @@
 ---
-title: 'Open source dynamic assets (Token/NFT) generator (CIP68)'
-date: '2024-07-26'
-tags: ['cardano', 'ideascale', 'fund12']
-description: A tool (a web portal) that allows users to create, update and manage assets safely and conveniently.
-images: ['/static/images/projects/cip68-generator.png']
+title: 'Dualtarget for ADA-Holders (Staking and increasing assets) with a decentralized automated trading bot'
+date: '2024-02-17'
+tags: ['cardano', 'ideascale', 'fund11']
+description: A platform that enables users to choose dual targets and trading methods directly within their wallets. Simultaneously, we'll create automated trading bots on decentralized exchanges.
+images: ['/static/images/projects/dualtarget.png']
 authors: ['tidvn']
-link: 'https://projectcatalyst.io/funds/12/cardano-use-cases-concept/open-source-dynamic-assets-tokennft-generator-cip68'
+link: 'https://projectcatalyst.io/funds/11/cardano-use-cases-concept/dualtarget-for-ada-holders-staking-and-increasing-assets-with-a-decentralized-automated-trading-bot'
 ---

data/projects/open-source-dynamic-assets-tokennft-generator-cip68.mdx

@@ -0,0 +1,9 @@
+---
+title: 'Open source dynamic assets (Token/NFT) generator (CIP68)'
+date: '2024-07-26'
+tags: ['cardano', 'ideascale', 'fund12']
+description: A tool (a web portal) that allows users to create, update and manage assets safely and conveniently.
+images: ['/static/images/projects/cip68-generator.png']
+authors: ['tidvn']
+link: 'https://projectcatalyst.io/funds/12/cardano-use-cases-concept/open-source-dynamic-assets-tokennft-generator-cip68'
+---

data/projects/study-guide-for-marlowe.mdx

@@ -3,10 +3,7 @@ title: 'Study guide for Marlowe'
 date: '2024-02-17'
 tags: ['cardano', 'ideascale', 'fund10']
 description: The Courses that explain and walk through how to use Marlow to create SmartContacts for Vietnamese students.
-images:
-  [
-    'https://projectcatalyst.io/api/project-og-image?payload=W1siU3R1ZHkgZ3VpZGUgZm9yIE1hcmxvdyIsIuKCszE1SyJdLFsiRjEwOiBTdGFydHVwcyAmIE9uYm9hcmRpbmcgZm9yIFN0dWRlbnRzIl1d',
-  ]
+images: ['/static/images/projects/marlowe-tutorial.png']
 authors: ['tidvn']
 link: 'https://projectcatalyst.io/funds/10/f10-startups-and-onboarding-for-students/study-guide-for-marlow'
 ---

data/projects/the-complete-aiken-course-cardano-from-zero-to-expert copy.mdx

@@ -3,10 +3,7 @@ title: '🇻🇳 The Complete Aiken Course Cardano: From Zero to Expert!'
 date: '2024-02-17'
 tags: ['cardano', 'ideascale', 'fund11']
 description: An Aiken language course for people, including explaining concepts, teaching basic Aiken language, practicing writing smart contracts, interacting with contracts,...
-images:
-  [
-    'https://projectcatalyst.io/api/project-og-image?payload=W1si8J-Hu_Cfh7MgVGhlIENvbXBsZXRlIEFpa2VuIENvdXJzZSBDYXJkYW5vOiBGcm9tIFplcm8gdG8gRXhwZXJ0ISIsIuKCszIwSyJdLFsiQ2FyZGFubyBPcGVuOiBFY29zeXN0ZW0iXV0',
-  ]
+images: ['/static/images/projects/aiken-tutorial.png']
 authors: ['tidvn']
 link: 'https://projectcatalyst.io/funds/11/cardano-open-ecosystem/the-complete-aiken-course-cardano-from-zero-to-expert'
 ---

data/projects/vietnam-cardano-catalyst-nft-exchange-testing-and-development-environment-helps-young-people-approach-with-the-web30-platform copy.mdx

@@ -3,10 +3,7 @@ title: '🇻🇳 Vietnam Cardano Catalyst - NFT Exchange testing and development
 date: '2024-02-17'
 tags: ['cardano', 'ideascale', 'fund10']
 description: An NFT Marketplace MVP that enables people to experience free service of Web3.0 based on Cardano network.
-images:
-  [
-    'https://projectcatalyst.io/api/project-og-image?payload=W1si8J-Hu_Cfh7MgVmlldG5hbSBDYXJkYW5vIENhdGFseXN0IC0gTkZUIEV4Y2hhbmdlIHRlc3RpbmcgYW5kIGRldmVsb3BtZW50IGVudmlyb25tZW50IGhlbHBzIHlvdW5nIHBlb3BsZSBhcHByb2FjaCB3aXRoIHRoZSBXZWIzLjAgcGxhdGZvcm0iLCLigrMzMksiXSxbIkYxMDogU3RhcnR1cHMgJiBPbmJvYXJkaW5nIGZvciBTdHVkZW50cyJdXQ',
-  ]
+images: ['/static/images/projects/demarket.png']
 authors: ['tidvn']
 link: 'https://projectcatalyst.io/funds/10/f10-startups-and-onboarding-for-students/vietnam-cardano-catalyst-nft-exchange-testing-and-development-environment-helps-young-people-approach-with-the-web30-platform'
 ---