refactor: Update section content and labels in features.astro

DevOpen-io · Aug 4, 2024 · 71061c4 · 71061c4
1 parent 0027471
commit 71061c4
Showing 1 changed file with 11 additions and 14 deletions.
diff --git a/src/components/sections/features.astro b/src/components/sections/features.astro
@@ -9,9 +9,9 @@ import HeaderSection from "./header-section.astro";
   <div class="pb-6 pt-28">
     <div class="container max-w-6xl">
       <HeaderSection
-        label="Features"
-        title="Discover all features."
-        subtitle="Harum quae dolore inventore repudiandae? orrupti aut temporibus ariatur."
+        label="Products"
+        title="Discover our mobile and web applications"
+        subtitle="We build open-source tools that help developers build better apps."
       />
 
       <div class="mt-12 grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
@@ -23,18 +23,15 @@ import HeaderSection from "./header-section.astro";
                 class="absolute inset-0 aspect-video -translate-y-1/2 rounded-full border bg-gradient-to-b from-purple-500/80 to-white opacity-25 blur-2xl duration-300 group-hover:-translate-y-1/4 dark:from-white dark:to-white dark:opacity-5 dark:group-hover:opacity-10"
               />
               <div class="relative">
-                <div class="relative flex size-12 rounded-2xl border border-border shadow-sm *:relative *:m-auto *:size-6 ">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="1em"
-                    height="1em"
-                    viewBox="0 0 15 15"
-                  >
-                    <path
-                      fill="currentColor"
-                      d="m4.5 4.5l.405-.293A.5.5 0 0 0 4 4.5zm3 9.5A6.5 6.5 0 0 1 1 7.5H0A7.5 7.5 0 0 0 7.5 15zM14 7.5A6.5 6.5 0 0 1 7.5 14v1A7.5 7.5 0 0 0 15 7.5zM7.5 1A6.5 6.5 0 0 1 14 7.5h1A7.5 7.5 0 0 0 7.5 0zm0-1A7.5 7.5 0 0 0 0 7.5h1A6.5 6.5 0 0 1 7.5 1zM5 12V4.5H4V12zm-.905-7.207l6.5 9l.81-.586l-6.5-9zM10 4v6h1V4z"
+                <div class="w-full h-12 flex items-center justify-start gap-x-4">
+                  <div class="relative flex size-12 rounded-2xl border border-border shadow-sm *:relative *:m-auto *:size-6">
+                    <img
+                      src={feature.logo}
+                      alt={feature.title}
+                      class="w-full h-full object-cover rounded-2xl"
                     />
-                  </svg>
+                  </div>
+                  <span class="select-none">{feature.title}</span>
                 </div>
 
                 <p class="mt-6 pb-6 text-muted-foreground">