<section class="overflow-hidden py-12 bg-white">
<div class="container mx-auto px-4">
<div class="bg-gray-50 rounded-3xl py-3 pr-3 pl-3 md:pl-6 flex gap-6">
<div class="hidden md:flex flex-col justify-between py-4">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<rect width="32" height="32" rx="8" fill="#FF7100"></rect>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 14L28 9C28 8.44772 27.5523 8 27 8L24 8C23.4477 8 23 8.44772 23 9L23 13C23 16.3137 20.3137 19 17 19L13 19C12.4477 19 12 19.4477 12 20L12 23C12 23.5523 12.4477 24 13 24L18 24C23.5228 24 28 19.5228 28 14Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 18L4 23C4 23.5523 4.44772 24 5 24L8 24C8.55228 24 9 23.5523 9 23L9 19C9 15.6863 11.6863 13 15 13L19 13C19.5523 13 20 12.5523 20 12L20 9C20 8.44771 19.5523 8 19 8L14 8C8.47715 8 4 12.4772 4 18Z" fill="white"></path>
</svg>
</a>
<a class="text-red-100 hover:text-red-200 transition duration-200" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M21.49 7.19844V7.2V16.8C21.49 18.2946 21.0251 19.4578 20.2364 20.2464C19.4478 21.0351 18.2846 21.5 16.79 21.5H14.2C12.7054 21.5 11.5422 21.0351 10.7536 20.2464C9.96492 19.4578 9.5 18.2946 9.5 16.8V13.25H15.25C15.9361 13.25 16.5 12.6861 16.5 12C16.5 11.3139 15.9361 10.75 15.25 10.75H9.5V7.2C9.5 5.70545 9.96492 4.54218 10.7536 3.75355C11.5422 2.96492 12.7054 2.5 14.2 2.5H16.8C18.2946 2.5 19.4577 2.96497 20.245 3.75331C21.0321 4.54154 21.4947 5.70427 21.49 7.19844Z" fill="currentColor" stroke="currentColor"></path>
<path d="M4.55994 11.25L6.62994 9.18003C6.77994 9.03003 6.84994 8.84003 6.84994 8.65003C6.84994 8.46003 6.77994 8.26003 6.62994 8.12003C6.33994 7.83003 5.85994 7.83003 5.56994 8.12003L2.21994 11.47C1.92994 11.76 1.92994 12.24 2.21994 12.53L5.56994 15.88C5.85994 16.17 6.33994 16.17 6.62994 15.88C6.91994 15.59 6.91994 15.11 6.62994 14.82L4.55994 12.75H8.99994V11.25H4.55994Z" fill="currentColor"></path>
</svg>
</a>
</div>
<div class="flex-1 bg-white rounded-2xl p-4">
<div class="flex items-center justify-between flex-wrap gap-4 mb-6">
<div class="flex gap-4 flex-wrap">
<div class="flex">
<div class="relative rounded-full bg-orange-50 overflow-hidden h-10 w-10 border-2 border-white">
<img class="absolute bottom-0 left-1/2 transform -translate-x-1/2" src="solstice-assets/images/hero/man-avatar.png" alt="">
</div>
<div class="relative rounded-full bg-orange-50 overflow-hidden h-10 w-10 border-2 border-white">
<img class="absolute bottom-0 left-1/2 transform -translate-x-1/2" src="solstice-assets/images/hero/woman-avatar.png" alt="">
</div>
</div>
<div class="bg-gray-50 bg-opacity-50 rounded-lg py-2 px-4 flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M17.8251 6.50695V6.50832V13.4917C17.8251 14.9089 17.4046 15.9801 16.6882 16.6964C15.9718 17.4128 14.9006 17.8333 13.4834 17.8333H6.50841C5.09119 17.8333 4.02017 17.4128 3.30386 16.6956C2.58747 15.9783 2.16675 14.9051 2.16675 13.4833V6.50832C2.16675 5.09109 2.58726 4.01992 3.30363 3.30354C4.02001 2.58717 5.09118 2.16666 6.50841 2.16666H13.4917C14.9091 2.16666 15.9801 2.58721 16.6953 3.30332C17.4104 4.01933 17.829 5.09004 17.8251 6.50695ZM13.6667 15.9167C14.3411 15.9167 14.9432 15.7849 15.3641 15.364C15.7849 14.9431 15.9167 14.341 15.9167 13.6667V12.1667C15.9167 11.4923 15.7849 10.8902 15.3641 10.4694C14.9432 10.0485 14.3411 9.91666 13.6667 9.91666H10.5001C9.82577 9.91666 9.22367 10.0485 8.80278 10.4694C8.38188 10.8902 8.25008 11.4923 8.25008 12.1667V13.6667C8.25008 14.341 8.38188 14.9431 8.80278 15.364C9.22367 15.7849 9.82577 15.9167 10.5001 15.9167H13.6667Z" fill="#A3A3A3" stroke="#A3A3A3"></path>
</svg>
<p class="text-xs">
<span class="font-semibold ">Armand</span>
<span></span>
<span class="text-gray-700">sharing his screen</span>
</p>
</div>
</div>
<div class="flex items-center gap-2">
<span class="font-medium">Math Study Session</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M8 11.5667C8.60015 11.5667 9.08666 11.0802 9.08666 10.48C9.08666 9.87986 8.60015 9.39334 8 9.39334C7.39985 9.39334 6.91333 9.87986 6.91333 10.48C6.91333 11.0802 7.39985 11.5667 8 11.5667Z" fill="#B8B8B8"></path>
<path d="M11.2533 6.80001H11.7288L12.1246 6.84948C12.9849 6.95702 13.4425 7.2132 13.7159 7.60692C14.011 8.03176 14.1666 8.71789 14.1666 9.86001V11.1C14.1666 12.4491 13.9527 13.1568 13.5547 13.5548C13.1567 13.9528 12.449 14.1667 11.0999 14.1667H4.89992C3.55084 14.1667 2.84318 13.9528 2.44514 13.5548C2.0471 13.1568 1.83325 12.4491 1.83325 11.1V9.86001C1.83325 8.71789 1.9888 8.03176 2.2839 7.60692C2.55739 7.2132 3.01494 6.95702 3.87527 6.84948L4.31325 6.79473V6.79334H4.39992V6.80001H4.89992H11.0999H11.1002H11.1005H11.1009H11.1012H11.1015H11.1018H11.1021H11.1024H11.1027H11.103H11.1033H11.1037H11.104H11.1043H11.1046H11.1049H11.1052H11.1055H11.1058H11.1061H11.1064H11.1068H11.1071H11.1074H11.1077H11.108H11.1083H11.1086H11.1089H11.1092H11.1095H11.1098H11.1102H11.1105H11.1108H11.1111H11.1114H11.1117H11.112H11.1123H11.1126H11.1129H11.1132H11.1135H11.1138H11.1141H11.1144H11.1148H11.1151H11.1154H11.1157H11.116H11.1163H11.1166H11.1169H11.1172H11.1175H11.1178H11.1181H11.1184H11.1187H11.119H11.1193H11.1196H11.1199H11.1202H11.1205H11.1208H11.1212H11.1215H11.1218H11.1221H11.1224H11.1227H11.123H11.1233H11.1236H11.1239H11.1242H11.1245H11.1248H11.1251H11.1254H11.1257H11.126H11.1263H11.1266H11.1269H11.1272H11.1275H11.1278H11.1281H11.1284H11.1287H11.129H11.1293H11.1296H11.1299H11.1302H11.1305H11.1308H11.1311H11.1314H11.1317H11.132H11.1323H11.1326H11.1329H11.1332H11.1335H11.1338H11.1341H11.1344H11.1347H11.135H11.1353H11.1356H11.1359H11.1362H11.1365H11.1368H11.1371H11.1374H11.1377H11.138H11.1383H11.1386H11.1389H11.1392H11.1395H11.1398H11.1401H11.1404H11.1407H11.141H11.1413H11.1416H11.1419H11.1421H11.1424H11.1427H11.143H11.1433H11.1436H11.1439H11.1442H11.1445H11.1448H11.1451H11.1454H11.1457H11.146H11.1463H11.1466H11.1469H11.1472H11.1475H11.1478H11.1481H11.1484H11.1487H11.149H11.1493H11.1496H11.1498H11.1501H11.1504H11.1507H11.151H11.1513H11.1516H11.1519H11.1522H11.1525H11.1528H11.1531H11.1534H11.1537H11.154H11.1543H11.1546H11.1549H11.1552H11.1555H11.1557H11.156H11.1563H11.1566H11.1569H11.1572H11.1575H11.1578H11.1581H11.1584H11.1587H11.159H11.1593H11.1596H11.1599H11.1602H11.1605H11.1607H11.161H11.1613H11.1616H11.1619H11.1622H11.1625H11.1628H11.1631H11.1634H11.1637H11.164H11.1643H11.1646H11.1649H11.1652H11.1654H11.1657H11.166H11.1663H11.1666H11.1669H11.1672H11.1675H11.1678H11.1681H11.1684H11.1687H11.169H11.1693H11.1696H11.1698H11.1701H11.1704H11.1707H11.171H11.1713H11.1716H11.1719H11.1722H11.1725H11.1728H11.1731H11.1734H11.1737H11.1739H11.1742H11.1745H11.1748H11.1751H11.1754H11.1757H11.176H11.1763H11.1766H11.1769H11.1772H11.1775H11.1778H11.1781H11.1783H11.1786H11.1789H11.1792H11.1795H11.1798H11.1801H11.1804H11.1807H11.181H11.1813H11.1816H11.1819H11.1822H11.1824H11.1827H11.183H11.1833H11.1836H11.1839H11.1842H11.1845H11.1848H11.1851H11.1854H11.1857H11.186H11.1863H11.1866H11.1868H11.1871H11.1874H11.1877H11.188H11.1883H11.1886H11.1889H11.1892H11.1895H11.1898H11.1901H11.1904H11.1907H11.191H11.1912H11.1915H11.1918H11.1921H11.1924H11.1927H11.193H11.1933H11.1936H11.1939H11.1942H11.1945H11.1948H11.1951H11.1954H11.1957H11.1959H11.1962H11.1965H11.1968H11.1971H11.1974H11.1977H11.198H11.1983H11.1986H11.1989H11.1992H11.1995H11.1998H11.2001H11.2004H11.2007H11.201H11.2013H11.2015H11.2018H11.2021H11.2024H11.2027H11.203H11.2033H11.2036H11.2039H11.2042H11.2045H11.2048H11.2051H11.2054H11.2057H11.206H11.2063H11.2066H11.2069H11.2072H11.2075H11.2078H11.2081H11.2084H11.2086H11.2089H11.2092H11.2095H11.2098H11.2101H11.2104H11.2107H11.211H11.2113H11.2116H11.2119H11.2122H11.2125H11.2128H11.2131H11.2134H11.2137H11.214H11.2143H11.2146H11.2149H11.2152H11.2155H11.2158H11.2161H11.2164H11.2167H11.217H11.2173H11.2176H11.2179H11.2182H11.2185H11.2188H11.2191H11.2194H11.2197H11.22H11.2203H11.2206H11.2209H11.2212H11.2215H11.2218H11.2221H11.2224H11.2227H11.223H11.2233H11.2236H11.2239H11.2242H11.2245H11.2248H11.2251H11.2254H11.2257H11.226H11.2263H11.2266H11.2269H11.2272H11.2275H11.2278H11.2281H11.2284H11.2287H11.229H11.2293H11.2296H11.2299H11.2302H11.2305H11.2308H11.2311H11.2314H11.2317H11.232H11.2323H11.2326H11.2329H11.2332H11.2335H11.2338H11.2341H11.2345H11.2348H11.2351H11.2354H11.2357H11.236H11.2363H11.2366H11.2369H11.2372H11.2375H11.2378H11.2381H11.2384H11.2387H11.239H11.2393H11.2396H11.2399H11.2403H11.2406H11.2409H11.2412H11.2415H11.2418H11.2421H11.2424H11.2427H11.243H11.2433H11.2436H11.2439H11.2443H11.2446H11.2449H11.2452H11.2455H11.2458H11.2461H11.2464H11.2467H11.247H11.2473H11.2477H11.248H11.2483H11.2486H11.2489H11.2492H11.2495H11.2498H11.2501H11.2504H11.2508H11.2511H11.2514H11.2517H11.252H11.2523H11.2526H11.2529H11.2533ZM5.48659 10.48C5.48659 11.8617 6.60937 12.9933 7.99992 12.9933C9.38939 12.9933 10.5133 11.8695 10.5133 10.48C10.5133 9.0972 9.38273 7.96668 7.99992 7.96668C6.61819 7.96668 5.48659 9.08946 5.48659 10.48Z" fill="#B8B8B8" stroke="#B8B8B8"></path>
</svg>
</div>
<div class="flex gap-2 flex-wrap">
<a class="whitespace-nowrap p-3 rounded-full border border-gray-200 bg-gray-50 hover:bg-gray-100 focus:ring focus:ring-orange-200 transition duration-200 flex items-center gap-2" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M14.1666 2.02502H5.83329C3.33329 2.02502 1.66663 3.69169 1.66663 6.19169V11.1917C1.66663 13.6917 3.33329 15.3584 5.83329 15.3584H9.16663L12.875 17.825C13.425 18.1917 14.1666 17.8 14.1666 17.1334V15.3584C16.6666 15.3584 18.3333 13.6917 18.3333 11.1917V6.19169C18.3333 3.69169 16.6666 2.02502 14.1666 2.02502ZM12.9166 9.37502H7.08329C6.74163 9.37502 6.45829 9.09169 6.45829 8.75002C6.45829 8.40836 6.74163 8.12502 7.08329 8.12502H12.9166C13.2583 8.12502 13.5416 8.40836 13.5416 8.75002C13.5416 9.09169 13.2583 9.37502 12.9166 9.37502Z" fill="#282828"></path>
</svg>
</a>
<a class="whitespace-nowrap py-3 px-4 rounded-full border border-gray-200 bg-gray-50 hover:bg-gray-100 focus:ring focus:ring-orange-200 transition duration-200 flex items-center gap-2" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M2.16663 10C2.16663 5.6845 5.68443 2.16669 9.99996 2.16669C14.3155 2.16669 17.8333 5.6845 17.8333 10C17.8333 14.3155 14.3155 17.8334 9.99996 17.8334C5.68443 17.8334 2.16663 14.3155 2.16663 10ZM11.125 13.3334V11.125H13.3333C13.9511 11.125 14.4583 10.6178 14.4583 10C14.4583 9.38221 13.9511 8.87502 13.3333 8.87502H11.125V6.66669C11.125 6.04888 10.6178 5.54169 9.99996 5.54169C9.38215 5.54169 8.87496 6.04888 8.87496 6.66669V8.87502H6.66663C6.04882 8.87502 5.54163 9.38221 5.54163 10C5.54163 10.6178 6.04882 11.125 6.66663 11.125H8.87496V13.3334C8.87496 13.9512 9.38215 14.4584 9.99996 14.4584C10.6178 14.4584 11.125 13.9512 11.125 13.3334Z" fill="#282828" stroke="#282828"></path>
</svg>
<span class="font-semibold text-sm ">Invite</span>
</a>
</div>
</div>
<div class="relative" style="height:580px;">
<img class="w-full h-full object-cover rounded-xl" src="solstice-assets/images/hero/picture-full.png" alt="">
<div class="absolute top-3 left-3 mr-8">
<div class="bg-white rounded-xl border border-gray-100 p-2 flex gap-3 flex-wrap items-start mb-2">
<div class="rounded-xl border border-gray-100 w-10 h-10 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M3.27499 11.1C3.27499 7.39281 6.2928 4.375 9.99999 4.375C13.7064 4.375 16.725 7.40039 16.725 11.1083C16.725 14.8155 13.7072 17.8333 9.99999 17.8333C6.29355 17.8333 3.27499 14.8079 3.27499 11.1ZM9.99999 11.9583C10.6178 11.9583 11.125 11.4511 11.125 10.8333V6.66667C11.125 6.04886 10.6178 5.54167 9.99999 5.54167C9.38219 5.54167 8.87499 6.04886 8.87499 6.66667V10.8333C8.87499 11.4511 9.38219 11.9583 9.99999 11.9583Z" fill="#8C8C8C" stroke="#8C8C8C"></path>
<path d="M12.4083 2.87502H7.59167C7.25833 2.87502 6.99167 2.60835 6.99167 2.27502C6.99167 1.94169 7.25833 1.66669 7.59167 1.66669H12.4083C12.7417 1.66669 13.0083 1.93335 13.0083 2.26669C13.0083 2.60002 12.7417 2.87502 12.4083 2.87502Z" fill="#8C8C8C"></path>
</svg>
</div>
<div>
<p class="text-gray-500 text-xs mb-1">Study timer</p>
<h2 class="text-xs font-semibold">01:24:34</h2>
</div>
<a class="text-gray-300 hover:text-gray-500 transition duration-200 ml-auto" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_211_9422)">
<path d="M3.33334 8H12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs><clipPath id="clip0_211_9422"><rect width="16" height="16" fill="white"></rect></clipPath></defs>
</svg>
</a>
</div>
<div class="bg-white rounded-xl p-3">
<div class="flex items-center justify-between flex-wrap gap-4 mb-2">
<div class="flex items-center gap-2 flex-wrap">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_211_9429)">
<path d="M10.6667 2C10.8366 2.00019 11 2.06525 11.1236 2.1819C11.2471 2.29855 11.3215 2.45797 11.3314 2.6276C11.3414 2.79722 11.2862 2.96425 11.1772 3.09455C11.0681 3.22486 10.9134 3.3086 10.7447 3.32867L10.6667 3.33333V6.50933L11.9293 9.03533C11.9642 9.10446 11.9868 9.17913 11.996 9.256L12 9.33333V10.6667C12 10.83 11.94 10.9876 11.8315 11.1096C11.723 11.2316 11.5735 11.3096 11.4113 11.3287L11.3333 11.3333H8.66667V14C8.66648 14.1699 8.60141 14.3334 8.48477 14.4569C8.36812 14.5805 8.2087 14.6548 8.03907 14.6648C7.86944 14.6747 7.70241 14.6196 7.57211 14.5105C7.44181 14.4014 7.35807 14.2467 7.338 14.078L7.33333 14V11.3333H4.66667C4.50338 11.3333 4.34578 11.2734 4.22375 11.1649C4.10173 11.0563 4.02377 10.9068 4.00467 10.7447L4 10.6667V9.33333C4.00009 9.25603 4.01363 9.17933 4.04 9.10667L4.07067 9.03533L5.33333 6.508V3.33333C5.16341 3.33314 4.99998 3.26808 4.87642 3.15143C4.75286 3.03479 4.67851 2.87536 4.66855 2.70574C4.65859 2.53611 4.71378 2.36908 4.82284 2.23878C4.9319 2.10848 5.0866 2.02474 5.25533 2.00467L5.33333 2H10.6667Z" fill="#B8B8B8"></path>
</g>
<defs><clipPath id="clip0_211_9429"><rect width="16" height="16" fill="white"></rect></clipPath></defs>
</svg>
<h2 class="text-sm font-bold font-heading">Todo</h2>
</div>
<div class="flex items-center gap-2 flex-wrap">
<p class="text-gray-500 text-xs">
<span class="text-orange-500 font-bold font-heading">1</span>
<span>/2</span>
</p>
<a class="text-gray-300 hover:text-gray-500 transition duration-200" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_211_9422)">
<path d="M3.33334 8H12.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs><clipPath id="clip0_211_9422"><rect width="16" height="16" fill="white"></rect></clipPath></defs>
</svg>
</a>
</div>
</div>
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="164" height="4" viewBox="0 0 164 4" fill="none"><rect width="164" height="4" rx="2" fill="#F0F0F0"></rect><rect width="82" height="4" rx="2" fill="#FF7100"></rect></svg>
</div>
<div class="relative flex items-center gap-2 flex-wrap mb-2">
<input class="custom-checkbox-1 opacity-0 absolute z-10 h-4 w-4 top-0 left-0" id="checkbox-1" type="checkbox" checked="">
<div class="border border-gray-200 bg-white w-4 h-4 flex justify-center items-center rounded-sm">
<svg class="hidden" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.76764 0.22597C9.45824 -0.0754185 8.95582 -0.0752285 8.64601 0.22597L3.59787 5.13702L1.35419 2.95437C1.04438 2.65298 0.542174 2.65298 0.23236 2.95437C-0.0774534 3.25576 -0.0774534 3.74431 0.23236 4.0457L3.03684 6.77391C3.19165 6.92451 3.39464 7 3.59765 7C3.80067 7 4.00386 6.9247 4.15867 6.77391L9.76764 1.31727C10.0775 1.01609 10.0775 0.52734 9.76764 0.22597Z" fill="currentColor"></path>
</svg>
</div>
<label class="text-xs" for="checkbox-1">Read about the subject</label>
</div>
<div class="relative flex items-center gap-2 flex-wrap">
<input class="custom-checkbox-1 opacity-0 absolute z-10 h-4 w-4 top-0 left-0" id="checkbox-2" type="checkbox">
<div class="border border-gray-200 bg-white w-4 h-4 flex justify-center items-center rounded-sm">
<svg class="hidden" width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.76764 0.22597C9.45824 -0.0754185 8.95582 -0.0752285 8.64601 0.22597L3.59787 5.13702L1.35419 2.95437C1.04438 2.65298 0.542174 2.65298 0.23236 2.95437C-0.0774534 3.25576 -0.0774534 3.74431 0.23236 4.0457L3.03684 6.77391C3.19165 6.92451 3.39464 7 3.59765 7C3.80067 7 4.00386 6.9247 4.15867 6.77391L9.76764 1.31727C10.0775 1.01609 10.0775 0.52734 9.76764 0.22597Z" fill="currentColor"></path>
</svg>
</div>
<label class="text-xs" for="checkbox-2">Write learning summary</label>
</div>
</div>
</div>
<div class="absolute bottom-3 left-3">
<div class="border border-orange-100 rounded-lg px-3 py-2 flex items-center gap-2 bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><circle cx="5" cy="5" r="5" fill="#FF7100"></circle></svg>
<p class="text-xs">
<span class="font-semibold">2 people</span>
<span></span>
<span class="text-gray-700">in room</span>
</p>
</div>
</div>
<div class="hidden md:block absolute bottom-3 right-3">
<div class="bg-orange-500 rounded-xl pt-4 px-6 relative">
<div class="absolute bottom-2 left-2">
<div class="bg-white p-1 rounded-md flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<mask id="path-1-inside-1_587_1759" fill="white">
<path d="M11.9999 11.1666C11.8933 11.1666 11.7933 11.1333 11.6999 11.0666C11.4799 10.9 11.4333 10.5866 11.5999 10.3666C12.6466 8.97331 12.6466 7.02665 11.5999 5.63331C11.4333 5.41331 11.4799 5.09998 11.6999 4.93331C11.9199 4.76665 12.2333 4.81331 12.3999 5.03331C13.7066 6.77998 13.7066 9.21998 12.3999 10.9666C12.2999 11.1 12.1533 11.1666 11.9999 11.1666Z"></path>
</mask>
<path d="M11.9999 11.1666C11.8933 11.1666 11.7933 11.1333 11.6999 11.0666C11.4799 10.9 11.4333 10.5866 11.5999 10.3666C12.6466 8.97331 12.6466 7.02665 11.5999 5.63331C11.4333 5.41331 11.4799 5.09998 11.6999 4.93331C11.9199 4.76665 12.2333 4.81331 12.3999 5.03331C13.7066 6.77998 13.7066 9.21998 12.3999 10.9666C12.2999 11.1 12.1533 11.1666 11.9999 11.1666Z" fill="#FF7100"></path>
<path d="M11.6999 11.0666L11.0961 11.8637L11.1073 11.8722L11.1187 11.8804L11.6999 11.0666ZM11.5999 10.3666L12.397 10.9705L12.3995 10.9673L11.5999 10.3666ZM11.5999 5.63331L12.3995 5.03269L12.397 5.02945L11.5999 5.63331ZM12.3999 5.03331L13.2007 4.43428L13.197 4.42945L12.3999 5.03331ZM12.3999 10.9666L13.1999 11.5666L13.2007 11.5657L12.3999 10.9666ZM11.9999 10.1666C12.0528 10.1666 12.108 10.1752 12.1612 10.193C12.2137 10.2105 12.2538 10.2334 12.2812 10.2529L11.1187 11.8804C11.3682 12.0586 11.6689 12.1666 11.9999 12.1666V10.1666ZM12.3038 10.2696C12.514 10.4288 12.5714 10.7403 12.397 10.9705L10.8028 9.76279C10.2951 10.433 10.4459 11.3712 11.0961 11.8637L12.3038 10.2696ZM12.3995 10.9673C13.7134 9.21812 13.7134 6.78184 12.3995 5.0327L10.8004 6.23392C11.5798 7.27145 11.5798 8.72851 10.8004 9.76603L12.3995 10.9673ZM12.397 5.02945C12.5714 5.25967 12.514 5.57119 12.3038 5.7304L11.0961 4.13622C10.4459 4.62877 10.2951 5.56695 10.8028 6.23717L12.397 5.02945ZM12.3038 5.7304C12.0736 5.90481 11.7621 5.84733 11.6028 5.63717L13.197 4.42945C12.7045 3.77929 11.7663 3.62848 11.0961 4.13622L12.3038 5.7304ZM11.5992 5.63233C12.6402 7.02384 12.6402 8.97611 11.5992 10.3676L13.2007 11.5657C14.773 9.46384 14.773 6.53611 13.2007 4.43429L11.5992 5.63233ZM11.5999 10.3666C11.6975 10.2366 11.8533 10.1666 11.9999 10.1666V12.1666C12.4533 12.1666 12.9024 11.9634 13.1999 11.5666L11.5999 10.3666Z" fill="#FF7100" mask="url(#path-1-inside-1_587_1759)"></path>
<path d="M13.2199 12.8334C13.1132 12.8334 13.0132 12.8 12.9199 12.7334C12.6999 12.5667 12.6532 12.2534 12.8199 12.0334C14.5999 9.66002 14.5999 6.34002 12.8199 3.96669C12.6532 3.74669 12.6999 3.43335 12.9199 3.26669C13.1399 3.10002 13.4532 3.14669 13.6199 3.36669C15.6666 6.09335 15.6666 9.90669 13.6199 12.6334C13.5266 12.7667 13.3732 12.8334 13.2199 12.8334Z" fill="#FF7100"></path>
<path d="M9.34659 2.52002C8.59992 2.10669 7.64659 2.21335 6.67325 2.82002L4.72659 4.04002C4.59325 4.12002 4.43992 4.16669 4.28659 4.16669H3.66659H3.33325C1.71992 4.16669 0.833252 5.05335 0.833252 6.66669V9.33335C0.833252 10.9467 1.71992 11.8334 3.33325 11.8334H3.66659H4.28659C4.43992 11.8334 4.59325 11.88 4.72659 11.96L6.67325 13.18C7.25992 13.5467 7.83325 13.7267 8.36659 13.7267C8.71325 13.7267 9.04659 13.6467 9.34659 13.48C10.0866 13.0667 10.4999 12.2067 10.4999 11.06V4.94002C10.4999 3.79335 10.0866 2.93335 9.34659 2.52002Z" fill="#FF7100"></path>
</svg>
<span class="text-sm font-semibold">Armand</span>
</div>
</div>
<img src="solstice-assets/images/hero/man-picture.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
