done

Author: Banegasn

README.md

@@ -1,4 +1,4 @@
-![Material 3 Expressive Web Components Library](assets/banner.png)
+![Material 3 Expressive Web Components Library](apps\angular-app\public\og-image.png)
 
 # Material Web Components Repository
 

apps/angular-app/public/favicon.svg

@@ -23,15 +23,19 @@
   <meta property="og:description" content="A lightweight, multi-framework web components library implementing Google's Material 3 Expressive design system.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://banegasn.github.io/components/">
+  <meta property="og:image" content="https://banegasn.github.io/components/og-image.png">
+  <meta property="og:image:width" content="1024">
+  <meta property="og:image:height" content="1024">
 
   <!-- Twitter Card Meta Tags -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="Material 3 Expressive - Web Components Library">
   <meta name="twitter:description" content="A lightweight, multi-framework web components library implementing Google's Material 3 Expressive design system.">
+  <meta name="twitter:image" content="https://banegasn.github.io/components/og-image.png">
 
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/svg+xml" href="favicon.svg">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" />
 </head>