clean hero

AngleProtocol · Jan 7, 2025 · 1c351d9 · 1c351d9
1 parent ec443d9
commit 1c351d9
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 49 deletions.
diff --git a/merkl.config.ts b/merkl.config.ts
@@ -144,20 +144,12 @@ export default createConfig({
     protocols: {
       icon: "RiVipCrown2Fill",
       route: "/protocols",
-<<<<<<< HEAD
       key: uuidv4(),
-=======
-      key: crypto.randomUUID(),
->>>>>>> 85e15ff (Merge remote-tracking branch 'merkl-app/main' (#4))
     },
     bridge: {
       icon: "RiCompassesLine",
       route: "/bridge",
-<<<<<<< HEAD
       key: uuidv4(),
-=======
-      key: crypto.randomUUID(),
->>>>>>> 85e15ff (Merge remote-tracking branch 'merkl-app/main' (#4))
     },
     docs: {
       icon: "RiFile4Fill",

diff --git a/src/components/composite/Hero.tsx b/src/components/composite/Hero.tsx
@@ -101,49 +101,25 @@ export default function Hero({
                 )}
                 {!!tags && <Group className="mb-lg">{tags}</Group>}
               </Group>
-              <Group className="grow items-center justify-between gap-xl lg:gap-xl*4">
-                <Group className="flex-col flex-1 gap-xl lg:gap-lg">
-                  <Group>
-                    <Group className="items-center gap-0 md:gap-lg">
-                      {!!icons && (
-                        <Icons size="lg">
-                          {icons?.length > 1
-                            ? icons?.map(icon => (
-                                <Icon
-                                  className="hidden md:block text-main-12 !w-lg*4 !h-lg*4"
-                                  key={`${Object.values(icon)}`}
-                                  {...icon}
-                                />
-                              ))
-                            : icons?.map(icon => (
-                                <Icon
-                                  className="hidden md:block text-main-12 !w-xl*4 !h-xl*4"
-                                  key={`${Object.values(icon)}`}
-                                  {...icon}
-                                />
-                              ))}
-                        </Icons>
-                      )}
-                      <Title h={1} size={2}>
-                        {title}
-                      </Title>
+              {!!sideDatas && (
+                <Group className="w-full lg:w-auto lg:flex-col mr-xl*2" size="lg">
+                  {sideDatas.map(data => (
+                    <Group key={data.key} className="flex-col" size="xs">
+                      <Text size={4} className="!text-main-12">
+                        {data.data}
+                      </Text>
+
+                      <Text size="md" bold>
+                        {data.label}
+                      </Text>
                     </Group>
-                  </Group>
-                  <Divider look="base" />
-                  {!!description && (
-                    <Text size="lg" bold>
-                      {description}
-                    </Text>
-                  )}
-                  {!!tags && <Group className="mb-lg">{tags}</Group>}
+                  ))}
                 </Group>
-                {!!sideDatas && (
-                  <Group className="w-full lg:w-auto lg:flex-col mr-xl*2" size="lg">
-                    {sideDatas.map(data => (
-                      <Group key={data.key} className="flex-col" size="xs">
-                        <Text size={4} className="!text-main-12">
-                          {data.data}
-                        </Text>
+              )}
+            </Group>
+          </Group>
+        </Container>
+      </Group>
 
       {!!tabs?.length && <Tabs tabs={tabs} look="base" size="lg" />}