A I Model Card - Copy this Html, Tailwind Component to your project
Create a dynamic 350px by 500px card with rounded corners (16px radius). The title (e.g., "ChatGPT") should be in bold, 22px font, centered at the top of the card. The color of the title text should automatically match the AI model's brand color (e.g., for ChatGPT, it would be #00A4D3, for other models, use their respective brand colors). Below the title, include a 120px by 120px circular image or icon of the AI model (depending on availability), centered. Ensure the image blends well with the brand's aesthetic. The description text should be short and simple (e.g., "Generates human like text, helps with writing and problem solving") in 14px font, centered. The background color of the card should be light, but it should also adapt to the AI model’s brand (e.g., for ChatGPT, use a light #F5F5F5 background or a gradient that fits the brand). Apply a subtle box shadow (e.g., 0px 4px 8px rgba(0, 0, 0, 0.1)) to give it depth. At the bottom, add a small 12px text such as "Reviewed by [Your Name]" or a concise tagline. Keep the design clean, modern, and minimalistic, with all elements aligned and spaced evenly. Use the brand’s accent colors for interactive elements like hover effects or buttons (e.g., ChatGPT’s hover effect could use #00A4D3 or another model's primary brand color).
