Added images.

MaanavD · Sep 7, 2023 · 7a56a59 · 7a56a59
1 parent d4cdee9
commit 7a56a59
Show file tree

Hide file tree

Showing 8 changed files with 195 additions and 20 deletions.
diff --git a/src/images/undraw/image_HF1.svelte b/src/images/undraw/image_HF1.svelte
diff --git a/src/images/undraw/image_HF2.svelte b/src/images/undraw/image_HF2.svelte
diff --git a/src/images/undraw/image_HF3.svelte b/src/images/undraw/image_HF3.svelte
@@ -0,0 +1,35 @@
+<svg width="110" height="81" viewBox="0 0 110 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_307_533)">
+    <path d="M102.111 80.6833C100.755 80.627 99.5192 80.0797 98.9602 79.2317C98.934 79.1921 98.9094 79.1518 98.8863 79.111C98.6822 78.7497 98.6184 78.3344 98.8416 77.9784C99.0648 77.6223 99.6226 77.3519 100.182 77.4081C100.741 77.4643 101.179 77.9108 100.947 78.2641C100.896 77.55 100.853 76.7996 101.429 76.178C101.746 75.8532 102.159 75.6395 102.608 75.5689C103.768 75.3648 104.538 76.0208 104.692 76.6827C104.806 77.1717 104.649 77.6685 104.492 78.1523C104.975 77.5817 106.123 77.3279 107.002 77.5973C107.881 77.8668 108.369 78.6216 108.068 79.2489C107.715 79.9868 106.535 80.3682 105.44 80.5699C104.535 80.7364 103.178 80.7276 102.111 80.6833Z" fill="#F2F2F2"/>
+    <path d="M8.00403 80.6833C9.36035 80.627 10.5961 80.0797 11.1549 79.2317C11.1812 79.1921 11.2058 79.1518 11.2288 79.111C11.4329 78.7497 11.4967 78.3344 11.2735 77.9784C11.0503 77.6223 10.4925 77.3519 9.9332 77.4081C9.37392 77.4643 8.93628 77.9108 9.16803 78.2641C9.21925 77.55 9.26214 76.7996 8.68635 76.178C8.36941 75.8532 7.95594 75.6395 7.50762 75.5689C6.34733 75.3648 5.57704 76.0208 5.42276 76.6827C5.30893 77.1717 5.46616 77.6685 5.62275 78.1523C5.14017 77.5817 3.99256 77.3279 3.11319 77.5973C2.23382 77.8668 1.7465 78.6216 2.04688 79.2489C2.40065 79.9868 3.58002 80.3682 4.67552 80.5699C5.58039 80.7364 6.93671 80.7276 8.00403 80.6833Z" fill="#F2F2F2"/>
+    <path d="M110 80.5591H0V80.9999H110V80.5591Z" fill="#CCCCCC"/>
+    <path d="M44.3531 13.854C44.3488 13.9427 44.3514 14.0316 44.361 14.1199L38.2648 19.2356L36.4467 18.5774L35.0947 21.191L39.0694 23.0827L45.7341 15.6045C46.0707 15.6655 46.4178 15.6227 46.7294 15.4816C47.041 15.3406 47.3022 15.1081 47.4784 14.8149C47.6546 14.5218 47.7373 14.182 47.7157 13.8407C47.694 13.4994 47.5689 13.1728 47.3571 12.9043C47.1453 12.6358 46.8567 12.4381 46.5298 12.3376C46.2029 12.2371 45.8531 12.2384 45.527 12.3415C45.2009 12.4446 44.9139 12.6445 44.7042 12.9147C44.4945 13.1848 44.372 13.5124 44.353 13.8539L44.3531 13.854Z" fill="#A0616A"/>
+    <path d="M36.1763 22.4447L30.2894 20.3195C30.0217 20.2229 29.7758 20.0746 29.5655 19.8829C29.3552 19.6913 29.1848 19.4601 29.0638 19.2026C28.9429 18.9451 28.8739 18.6663 28.8607 18.3822C28.8475 18.098 28.8905 17.814 28.9871 17.5464C29.0837 17.2788 29.232 17.0329 29.4237 16.8226C29.6153 16.6124 29.8465 16.4419 30.104 16.321C30.6241 16.0768 31.2199 16.0492 31.7604 16.2443L37.6474 18.3695C37.8275 18.4345 37.9744 18.5684 38.0558 18.7417C38.1372 18.915 38.1465 19.1135 38.0815 19.2936L37.1008 22.0106C37.0355 22.1906 36.9016 22.3373 36.7283 22.4187C36.555 22.5 36.3565 22.5094 36.1763 22.4446L36.1763 22.4447Z" fill="#CCCCCC"/>
+    <path d="M31.8655 43.1435H33.8329L34.7689 35.5553H31.8652L31.8655 43.1435Z" fill="#A0616A"/>
+    <path d="M37.6269 44.9703L31.4435 44.9706L31.4434 42.5817L35.2377 42.5815C35.5514 42.5815 35.8621 42.6433 36.1519 42.7633C36.4418 42.8834 36.7052 43.0593 36.927 43.2811C37.1489 43.5029 37.3249 43.7663 37.445 44.0561C37.565 44.3459 37.6269 44.6566 37.6269 44.9703Z" fill="#2F2E41"/>
+    <path d="M27.0029 40.602L28.6124 41.7335L33.743 36.0646L31.3678 34.3948L27.0029 40.602Z" fill="#A0616A"/>
+    <path d="M30.4712 45.022L25.4131 41.4668L26.7868 39.5127L29.8907 41.6943C30.1473 41.8747 30.3659 42.1038 30.534 42.3687C30.702 42.6335 30.8163 42.9289 30.8702 43.2379C30.9241 43.5469 30.9166 43.8635 30.8481 44.1696C30.7797 44.4757 30.6516 44.7653 30.4712 45.022Z" fill="#2F2E41"/>
+    <path d="M36.1705 29.4745C36.1705 29.4745 41.0805 28.8953 40.1992 32.081C39.3179 35.2667 29.498 38.0182 29.498 38.0182L36.1705 29.4745Z" fill="#A0616A"/>
+    <path d="M32.7912 13.2188C34.968 13.2188 36.7327 11.4543 36.7327 9.27761C36.7327 7.10095 34.968 5.33643 32.7912 5.33643C30.6143 5.33643 28.8496 7.10095 28.8496 9.27761C28.8496 11.4543 30.6143 13.2188 32.7912 13.2188Z" fill="#A0616A"/>
+    <path d="M20.2212 37.3659C17.9783 34.7541 17.1936 30.7469 20.7702 27.4136C21.6536 26.6106 22.6538 25.9464 23.7366 25.4438L26.619 17.3828C26.9184 16.541 27.4675 15.8104 28.1929 15.2887C28.9183 14.767 29.7856 14.4788 30.679 14.4628C31.5464 14.4253 32.4041 14.6573 33.1343 15.1269C33.8645 15.5965 34.4315 16.2806 34.7572 17.0853C35.1092 17.9039 35.1495 18.8231 34.8704 19.6694C34.0122 22.3413 32.8853 24.9193 31.5069 27.3638L31.656 28.5561L38.9423 29.2037L38.8743 29.3141C38.8388 29.3718 35.2728 34.8046 30.7108 38.4107C29.1509 39.6436 27.538 40.1547 26.0156 40.1546C23.7072 40.1551 21.6076 38.9799 20.2212 37.3659Z" fill="#CCCCCC"/>
+    <path d="M19.5329 10.5143C20.2302 9.68337 20.5293 8.59668 20.7701 7.53892C21.1507 5.86548 21.4453 4.13507 22.2912 2.64164C23.137 1.1482 24.6913 -0.0891783 26.4051 0.00504953C28.1091 0.0987652 29.4867 1.46955 30.2179 3.02917C30.395 2.96046 30.5845 2.92969 30.7741 2.93884C30.9638 2.94799 31.1495 2.99687 31.3191 3.0823C31.8461 3.37088 32.0431 4.19114 31.6045 4.60186C32.0659 4.38218 32.5683 4.26207 33.0792 4.24935C33.5901 4.23662 34.0979 4.33156 34.5697 4.52798C35.1764 4.78623 35.7001 5.2068 36.0831 5.74342C36.4662 6.28004 36.6938 6.91191 36.7409 7.56952C36.7592 7.83641 36.7226 8.10423 36.6332 8.35639C36.5439 8.60855 36.4037 8.83967 36.2213 9.03543C35.4651 9.81383 34.3955 9.54536 33.4444 9.34705C32.5461 9.15974 31.452 9.10917 30.9458 9.96503C30.7464 10.3216 30.6906 10.7409 30.7897 11.1372C30.9836 11.9916 31.6162 12.5866 32.2299 13.1562L32.3303 13.3426C30.1634 13.7651 27.7977 12.2854 27.2287 10.1523C26.6597 8.01928 27.9765 5.55847 30.0663 4.8469C29.9272 4.85138 29.7894 4.81859 29.6672 4.75193C29.545 4.68527 29.4428 4.58716 29.3713 4.46776C29.2997 4.34837 29.2614 4.21201 29.2602 4.07282C29.259 3.93363 29.2951 3.79666 29.3647 3.67609C28.7864 3.35194 28.1319 3.18843 27.4691 3.20252C26.3896 3.27332 25.4554 4.04161 24.8936 4.96609C24.3317 5.89057 24.0773 6.96331 23.8197 8.01403C23.5621 9.06475 23.2832 10.1353 22.6824 11.0355C22.2664 11.6586 21.7104 12.1758 21.059 12.5459C20.4075 12.916 19.6785 13.1288 18.9302 13.1671C18.1819 13.2055 17.435 13.0685 16.749 12.767C16.0631 12.4655 15.4571 12.0078 14.9795 11.4306C15.7343 11.7965 16.5883 11.9051 17.4106 11.7396C18.233 11.5741 18.9785 11.1437 19.5329 10.5143Z" fill="#2F2E41"/>
+    <path d="M49.9385 21.2354C48.9558 21.2354 47.9951 20.944 47.178 20.3981C46.3609 19.8522 45.724 19.0762 45.348 18.1684C44.9719 17.2606 44.8735 16.2616 45.0652 15.2979C45.2569 14.3341 45.7302 13.4488 46.425 12.754C47.1199 12.0592 48.0053 11.586 48.9691 11.3943C49.933 11.2026 50.932 11.301 51.8399 11.677C52.7479 12.0531 53.5239 12.6899 54.0699 13.5069C54.6158 14.3239 54.9072 15.2845 54.9072 16.2671C54.9057 17.5843 54.3818 18.8471 53.4503 19.7786C52.5188 20.71 51.2558 21.2339 49.9385 21.2354ZM49.9385 12.1269C49.1195 12.1269 48.319 12.3697 47.6381 12.8246C46.9571 13.2796 46.4264 13.9262 46.113 14.6827C45.7997 15.4392 45.7177 16.2717 45.8774 17.0748C46.0372 17.878 46.4315 18.6157 47.0106 19.1947C47.5897 19.7737 48.3275 20.168 49.1307 20.3278C49.9339 20.4876 50.7664 20.4056 51.523 20.0922C52.2796 19.7788 52.9263 19.2482 53.3813 18.5673C53.8363 17.8864 54.0791 17.086 54.0791 16.2671C54.0779 15.1694 53.6412 14.1171 52.865 13.3409C52.0887 12.5647 51.0363 12.1281 49.9385 12.1269Z" fill="#80DFFF"/>
+    <path d="M49.7764 10.0567C49.6666 10.0567 49.5612 10.0131 49.4836 9.93545C49.4059 9.85781 49.3623 9.75251 49.3623 9.6427V4.88143C49.3623 4.77162 49.4059 4.66632 49.4836 4.58867C49.5612 4.51103 49.6666 4.46741 49.7764 4.46741C49.8862 4.46741 49.9915 4.51103 50.0692 4.58867C50.1468 4.66632 50.1904 4.77162 50.1904 4.88143V9.64271C50.1904 9.75251 50.1468 9.85781 50.0691 9.93546C49.9915 10.0131 49.8862 10.0567 49.7764 10.0567Z" fill="#80DFFF"/>
+    <path d="M43.3135 16.5181H38.5518C38.4419 16.5181 38.3366 16.4745 38.259 16.3968C38.1813 16.3192 38.1377 16.2139 38.1377 16.1041C38.1377 15.9943 38.1813 15.889 38.259 15.8113C38.3366 15.7337 38.4419 15.6901 38.5518 15.6901H43.3135C43.4233 15.6901 43.5286 15.7337 43.6063 15.8113C43.6839 15.889 43.7275 15.9943 43.7275 16.1041C43.7275 16.2139 43.6839 16.3192 43.6063 16.3968C43.5286 16.4745 43.4233 16.5181 43.3135 16.5181Z" fill="#80DFFF"/>
+    <path d="M60.7041 16.5181H55.9424C55.8326 16.5181 55.7273 16.4745 55.6496 16.3968C55.5719 16.3192 55.5283 16.2139 55.5283 16.1041C55.5283 15.9943 55.5719 15.889 55.6496 15.8113C55.7273 15.7337 55.8326 15.6901 55.9424 15.6901H60.7041C60.8139 15.6901 60.9192 15.7337 60.9969 15.8113C61.0745 15.889 61.1182 15.9943 61.1182 16.1041C61.1182 16.2139 61.0745 16.3192 60.9969 16.3968C60.9192 16.4745 60.8139 16.5181 60.7041 16.5181Z" fill="#80DFFF"/>
+    <path d="M55.8125 11.9912C55.7301 11.9912 55.6495 11.9666 55.5812 11.9205C55.5128 11.8745 55.4597 11.8091 55.4288 11.7327C55.3978 11.6563 55.3903 11.5724 55.4073 11.4917C55.4243 11.4111 55.465 11.3374 55.5242 11.28L57.5183 9.34549C57.5573 9.30753 57.6034 9.27763 57.654 9.2575C57.7046 9.23737 57.7586 9.22741 57.813 9.22819C57.8675 9.22897 57.9212 9.24048 57.9712 9.26205C58.0212 9.28362 58.0664 9.31483 58.1043 9.3539C58.1422 9.39296 58.172 9.43912 58.1921 9.48973C58.2121 9.54034 58.222 9.5944 58.2211 9.64882C58.2202 9.70324 58.2086 9.75696 58.187 9.8069C58.1653 9.85683 58.134 9.90201 58.0949 9.93984L56.1008 11.8743C56.0236 11.9494 55.9202 11.9913 55.8125 11.9912Z" fill="#80DFFF"/>
+    <path d="M43.6518 11.9912C43.5442 11.9913 43.4407 11.9494 43.3635 11.8743L41.3694 9.93984C41.3303 9.90201 41.299 9.85683 41.2773 9.8069C41.2557 9.75696 41.2441 9.70324 41.2432 9.64882C41.2423 9.5944 41.2522 9.54034 41.2723 9.48973C41.2923 9.43912 41.3221 9.39296 41.36 9.3539C41.3979 9.31483 41.4432 9.28362 41.4931 9.26205C41.5431 9.24048 41.5969 9.22897 41.6513 9.22819C41.7057 9.22741 41.7598 9.23737 41.8104 9.2575C41.8609 9.27763 41.907 9.30753 41.946 9.34549L43.9401 11.28C43.9993 11.3374 44.04 11.4111 44.057 11.4917C44.074 11.5724 44.0665 11.6563 44.0356 11.7327C44.0046 11.8091 43.9515 11.8745 43.8832 11.9205C43.8148 11.9666 43.7343 11.9912 43.6518 11.9912Z" fill="#80DFFF"/>
+    <path d="M42.0722 23.3055C41.9909 23.3055 41.9113 23.2815 41.8435 23.2365C41.7757 23.1916 41.7226 23.1276 41.6909 23.0527C41.6592 22.9778 41.6503 22.8951 41.6653 22.8152C41.6803 22.7352 41.7185 22.6614 41.7751 22.603L43.7692 20.5497C43.8458 20.471 43.9504 20.4259 44.0602 20.4244C44.1699 20.4228 44.2758 20.4649 44.3546 20.5413C44.4333 20.6178 44.4785 20.7224 44.4802 20.8322C44.4818 20.9419 44.4398 21.0478 44.3634 21.1266L42.3693 23.18C42.3307 23.2197 42.2846 23.2513 42.2335 23.2729C42.1825 23.2945 42.1276 23.3056 42.0722 23.3055Z" fill="#80DFFF"/>
+    <path d="M58.22 23.7195C58.1648 23.7196 58.1101 23.7086 58.0592 23.6871C58.0083 23.6656 57.9622 23.6342 57.9237 23.5945L55.5156 21.1272C55.4775 21.0883 55.4475 21.0423 55.4272 20.9918C55.407 20.9413 55.3969 20.8873 55.3975 20.8329C55.3981 20.7785 55.4095 20.7247 55.4309 20.6747C55.4523 20.6247 55.4834 20.5794 55.5223 20.5414C55.5613 20.5034 55.6073 20.4734 55.6579 20.4532C55.7084 20.4331 55.7624 20.423 55.8168 20.4237C55.8712 20.4244 55.925 20.4359 55.975 20.4574C56.025 20.4789 56.0702 20.51 56.1082 20.549L58.5163 23.0164C58.5732 23.0746 58.6117 23.1484 58.6269 23.2284C58.642 23.3085 58.6333 23.3912 58.6016 23.4663C58.57 23.5413 58.5169 23.6054 58.449 23.6504C58.3812 23.6955 58.3015 23.7195 58.22 23.7195Z" fill="#80DFFF"/>
+    <path d="M49.7764 27.8597C49.6666 27.8597 49.5612 27.8161 49.4836 27.7384C49.4059 27.6608 49.3623 27.5555 49.3623 27.4457V22.6844C49.3623 22.63 49.373 22.5762 49.3938 22.526C49.4146 22.4757 49.4451 22.4301 49.4836 22.3916C49.522 22.3532 49.5677 22.3227 49.6179 22.3019C49.6682 22.2811 49.722 22.2704 49.7764 22.2704C49.8307 22.2704 49.8846 22.2811 49.9348 22.3019C49.9851 22.3227 50.0307 22.3532 50.0692 22.3916C50.1076 22.4301 50.1381 22.4757 50.1589 22.526C50.1797 22.5762 50.1904 22.63 50.1904 22.6844V27.4457C50.1904 27.5555 50.1468 27.6608 50.0692 27.7384C49.9915 27.8161 49.8862 27.8597 49.7764 27.8597Z" fill="#80DFFF"/>
+    <path d="M44.5501 19.358C44.5085 19.4364 44.4731 19.518 44.4443 19.602L36.7514 21.6419L35.3856 20.2734L33.0508 22.0643L35.8445 25.466L45.056 21.5294C45.3347 21.7277 45.6671 21.8365 46.0091 21.8412C46.3511 21.846 46.6864 21.7465 46.9705 21.5561C47.2546 21.3656 47.4739 21.0932 47.5994 20.7751C47.7249 20.4569 47.7505 20.1081 47.6729 19.775C47.5953 19.442 47.4181 19.1404 47.1649 18.9105C46.9118 18.6806 46.5946 18.5331 46.2555 18.4879C45.9165 18.4426 45.5718 18.5016 45.2671 18.657C44.9624 18.8124 44.7123 19.0568 44.55 19.3579L44.5501 19.358Z" fill="#A0616A"/>
+    <path d="M33.4982 23.6592L29.0728 19.2335C28.8714 19.0324 28.7117 18.7936 28.6027 18.5307C28.4937 18.2679 28.4376 17.9861 28.4375 17.7016C28.4374 17.417 28.4934 17.1352 28.6023 16.8723C28.7112 16.6094 28.8708 16.3705 29.072 16.1693C29.2733 15.9681 29.5122 15.8085 29.7751 15.6996C30.0381 15.5907 30.3199 15.5347 30.6045 15.5348C30.8891 15.5349 31.1708 15.591 31.4337 15.7C31.6966 15.809 31.9355 15.9687 32.1366 16.17L36.5623 20.5952C36.6977 20.7306 36.7738 20.9142 36.7738 21.1057C36.7739 21.2972 36.6978 21.4808 36.5624 21.6162L36.5623 21.6164L34.5197 23.6589C34.3841 23.7941 34.2005 23.87 34.009 23.87C33.8175 23.87 33.6339 23.7941 33.4983 23.6589L33.4982 23.6592Z" fill="#CCCCCC"/>
+    <path d="M80.3992 80.9328H34.5506C24.6594 80.9328 16.6123 72.7511 16.6123 62.6944C16.6123 52.6377 24.6594 44.456 34.5506 44.456H37.8124C39.6069 40.7976 42.3721 37.7024 45.8062 35.5084C49.2904 33.2809 53.3393 32.0966 57.4749 32.0953C68.9463 32.0953 78.5077 41.1151 79.3976 52.6965H80.3992C88.0634 52.6965 94.2987 59.0299 94.2987 66.8146C94.2987 74.5994 88.0634 80.9328 80.3992 80.9328ZM34.5506 45.2242C25.083 45.2242 17.3805 53.0612 17.3805 62.6944C17.3805 72.3275 25.083 80.1646 34.5506 80.1646H80.3992C87.6398 80.1646 93.5305 74.1759 93.5305 66.8146C93.5305 59.4534 87.6398 53.4646 80.3992 53.4646H78.6776L78.6556 53.1039C77.9635 41.7542 68.6598 32.8635 57.4749 32.8635C49.4208 32.8635 41.9331 37.6298 38.3993 45.006L38.2948 45.2242H34.5506Z" fill="#3F3D56"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_307_533">
+    <rect width="110" height="81" fill="white"/>
+    </clipPath>
+    </defs>
+    </svg>
+
diff --git a/src/routes/blogs/+page.svelte b/src/routes/blogs/+page.svelte
@@ -3,7 +3,6 @@
 
 	import Blog from './blog-post.svelte';
 	import FeaturedBlog from './blog-post-featured.svelte';
-	import blogsimage from '../../images/undraw/image_blogs.svelte'
 	import anime from 'animejs';
 	import { onMount } from 'svelte';
 	import ImageBlogs from '../../images/undraw/image_blogs.svelte';
@@ -203,8 +202,8 @@
 
 <div class="container mx-auto">
 	<div class="flex">
-		<h1 class="text-5xl my-auto mr-5">Blogs & Announcements</h1>
-		<div class="hidden md:flex">
+		<h1 class="text-5xl my-auto">Blogs & Announcements</h1>
+		<div class="ml-5 hidden md:flex">
 			<ImageBlogs/>
 		</div>
 	</div>

diff --git a/src/routes/huggingface/+page.svelte b/src/routes/huggingface/+page.svelte
@@ -1,10 +1,14 @@
 <script lang="ts">
 	import LandingHero from '../components/landing-hero.svelte';
+	import imgsrc from '../../images/ONNX-Icon.svg';
+	import ImagesHf1 from '../../images/undraw/image_HF1.svelte';
+	import ImageHf2 from '../../images/undraw/image_HF2.svelte';
+	import ImageHf3 from '../../images/undraw/image_HF3.svelte';
 	const title = 'Hugging Face + ONNX Runtime';
 	const description =
 		'ONNX Runtime can be used to accelerate well over 100,000 of the models available on Hugging Face.';
-	const imgsrc = 'https://placehold.co/600x300';
-	const imgalt = '';
+	// const imgsrc = 'https://placehold.co/600x300';
+	const imgalt = 'ONNX Runtime Logo';
 </script>
 
 <LandingHero {title} {description} {imgsrc} {imgalt} />
@@ -14,9 +18,11 @@
 			<h1 class="text-4xl pb-4">Supported Models</h1>
 			<p>
 				The top 30 most popular model families on Hugging Face are all supported by ONNX Runtime,
-				and over 80 Hugging Face model families in total boast ORT support. <span class="hidden md:inline">The table outlines the models:</span>
+				and over 80 Hugging Face model families in total boast ORT support. <span
+					class="hidden md:inline">The table outlines the models:</span
+				>
 			</p>
-			<br/>
+			<br />
 			<p class="pb-4">
 				ONNX models can be found directly from the Hugging Face Model Hub in its ONNX model library.
 			</p>
@@ -30,8 +36,9 @@
 				model library. With Hugging Face Optimum, you can easily convert pretrained models to ONNX,
 				and Transformers.js lets you run Hugging Face Transformers directly from your browser!
 			</p>
-			<a href="https://huggingface.co/docs/optimum/exporters/onnx/overview" class="btn btn-primary md:mb-4 mr-0 mb-0 md:mr-4"
-				>Learn more about Hugging Face Optimum →</a
+			<a
+				href="https://huggingface.co/docs/optimum/exporters/onnx/overview"
+				class="btn btn-primary md:mb-4 mr-0 mb-0 md:mr-4">Learn more about Hugging Face Optimum →</a
 			>
 			<a href="https://huggingface.co/docs/transformers.js/index" class="btn btn-primary"
 				>Learn more about Transformers.js →</a
@@ -108,7 +115,12 @@
 	</div>
 </div>
 <div class="container mx-auto px-10 my-10">
-	<h1 class="text-4xl pb-4">Export Hugging Face Models to ONNX</h1>
+	<div class="flex">
+		<h1 class="text-4xl pb-4">Export Hugging Face Models to ONNX</h1>
+		<div class="ml-5 hidden md:flex">
+			<ImagesHf1 />
+		</div>
+	</div>
 	<h2 class="text-2xl">PyTorch Models</h2>
 	<p class="pb-4">
 		Hugging Face's ONNX Export Space allows users to easily export PyTorch models from the Hugging
@@ -128,7 +140,12 @@
 <div class="container mx-auto px-10 my-10">
 	<div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
 		<div class="col-span-1">
-			<h1 class="text-4xl pb-4">Large Language Models</h1>
+			<div class="flex">
+				<h1 class="text-4xl pb-4">Large Language Models</h1>
+				<div class="ml-5 hidden md:flex">
+					<ImageHf2 />
+				</div>
+			</div>
 			<p>
 				ONNX Runtime also supports many increasingly popular large language model (LLM) families,
 				including most of those available in the HF Model Hub. <span class="hidden md:inline"
@@ -193,7 +210,12 @@
 	</div>
 </div>
 <div class="container mx-auto px-10 my-10">
-	<h1 class="text-4xl pb-4">Cloud Models</h1>
+	<div class="flex">
+		<h1 class="text-4xl pb-4">Cloud Models</h1>
+		<div class="ml-5 hidden md:flex">
+			<ImageHf3 />
+		</div>
+	</div>
 	<p>
 		Models accelerated by ONNX Runtime can be easily deployed to the cloud through Azure ML, which
 		improves time to value, streamlines MLOps, and provides built-in security.

diff --git a/src/routes/inference/+page.svelte b/src/routes/inference/+page.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
 	import LandingHero from '../components/landing-hero.svelte';
-
+	import imgsrc from '../../images/ONNX-Icon.svg';
 	let title = 'ONNX Runtime for Inferencing';
 	let description =
 		'ONNX Runtime Inference powers machine learning models in key Microsoft products and services across Office, Azure, Bing, as well as thousands of community projects.';
-	let imgsrc = 'https://placehold.co/600x300';
-	let imgalt = '';
+	let imgalt = 'ONNX Runtime Logo';
 </script>
 
 <div class="container mx-auto px-10 my-10">

diff --git a/src/routes/pytorch/+page.svelte b/src/routes/pytorch/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import LandingHero from '../components/landing-hero.svelte';
+	import imgsrc from '../../images/ONNX-Icon.svg';
 	const title = 'PyTorch + ONNX Runtime';
 	const description =
 		'PyTorch leads the deep learning landscape with its readily digestible and flexible API; the large number of ready-made models available, particularly in the natural language (NLP) domain; as well as its domain specific libraries.';
-	const imgsrc = 'https://placehold.co/600x300';
-	const imgalt = '';
+	const imgalt = 'ONNX Runtime Logo';
 </script>
 
 <LandingHero {title} {description} {imgsrc} {imgalt} />

diff --git a/src/routes/training/+page.svelte b/src/routes/training/+page.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
 	import LandingHero from '../components/landing-hero.svelte';
-
+	const imgsrc = 'https://placehold.co/600x300';
 	let title = 'ONNX Runtime for Training';
 	let description =
 		'ONNX Runtime can be used to accelerate both large model training and on-device training.';
-	let imgsrc = 'https://placehold.co/600x300';
-	let imgalt = '';
+	let imgalt = 'ONNX Runtime Logo';
 </script>
 
 <LandingHero {title} {description} {imgsrc} {imgalt} />