docs: ✏️ Top page modification

Logo text color on mobile
Vertical margins in hero section on mobile

Author: dc7290

docs/src/components/Hero.jsx

@@ -4,7 +4,7 @@ import Text from '../components/Text'
 
 const Hero = () => {
   return (
-    <div className="container mx-auto py-64 px-4 sm:px-6 lg:px-8">
+    <div className="container mx-auto py-40 sm:py-64 px-4 sm:px-6 lg:px-8">
       <div className="mx-auto w-[50rem] max-w-full">
         <Text aria-hidden="true" />
         <p className="sr-only">Next Export Optimize Images</p>

docs/src/components/Text.jsx

@@ -16,7 +16,7 @@ const Text = ({ className }) => {
             <path
               d="M6.406,12.557h-4.8q-.374,0-.374-.328L1.187-20.5a.331.331,0,0,1,.374-.375h4.33l8.1,18.933L13.755-20.5q0-.375.421-.375h4.751q.281,0,.281.375l.047,32.774q0,.282-.234.282H14.808L6.5-5.132l.351,17.314Q6.851,12.557,6.406,12.557Zm32.7,0H23.609q-.187,0-.187-.235l.047-33.009a.166.166,0,0,1,.187-.188h15.4q.187,0,.187.235v5.372a.166.166,0,0,1-.187.188h-9.83v7.507h9.83a.166.166,0,0,1,.187.188l.047,5.443a.166.166,0,0,1-.187.188H29.226v8.4H39.1q.187,0,.187.235v5.49A.166.166,0,0,1,39.1,12.557Zm8.356,0H42.076q-.164,0-.14-.235l5.477-17.15L42.029-20.686q-.047-.188.14-.188h5.383a.251.251,0,0,1,.281.188L51.04-9.261l3.253-11.425q.047-.188.3-.188h5.313q.187,0,.14.188L54.691-4.874l5.407,17.2q.094.235-.14.235H54.6a.318.318,0,0,1-.3-.235L51.04-.088l-3.3,12.411A.244.244,0,0,1,47.459,12.557Zm25.676,0H67.728q-.211,0-.211-.235v-27.4H61.291a.207.207,0,0,1-.234-.235l.047-5.372a.166.166,0,0,1,.187-.188H79.5q.257,0,.257.188v5.372q0,.235-.187.235h-6.3l.047,27.4Q73.322,12.557,73.135,12.557Z"
               transform="translate(-1.187 21.412)"
-              fill="#3a3c43"
+              fill="currentColor"
             />
             <path
               d="M16.868,12.757H1.374q-.187,0-.187-.235l.047-33.006a.166.166,0,0,1,.187-.188h15.4q.187,0,.187.235v5.372a.166.166,0,0,1-.187.188H6.991V-7.37h9.83a.166.166,0,0,1,.187.188l.047,5.442a.166.166,0,0,1-.187.188H6.991v8.4h9.877q.187,0,.187.235V12.57A.166.166,0,0,1,16.868,12.757Zm8.356,0H19.841q-.164,0-.14-.235L25.177-4.626,19.794-20.484q-.047-.188.14-.188h5.383a.251.251,0,0,1,.281.188L28.8-9.059l3.253-11.424q.047-.188.3-.188h5.313q.187,0,.14.188L32.456-4.673l5.407,17.2q.094.235-.14.235h-5.36a.318.318,0,0,1-.3-.235L28.8.113l-3.3,12.41A.244.244,0,0,1,25.224,12.757Zm21.065,0H40.905a.207.207,0,0,1-.234-.235l.094-33.006a.166.166,0,0,1,.187-.188h9.222a9.169,9.169,0,0,1,6.963,2.686A10.148,10.148,0,0,1,59.7-10.678,12.37,12.37,0,0,1,58.366-4.79,10.231,10.231,0,0,1,54.855-.943,8.6,8.6,0,0,1,50.174.418H46.523v12.1A.207.207,0,0,1,46.289,12.757Zm3.885-27.728-3.651.047V-5.4h3.651a3.274,3.274,0,0,0,2.645-1.466,6.1,6.1,0,0,0,1.123-3.812,4.657,4.657,0,0,0-1.006-3.085A3.4,3.4,0,0,0,50.174-14.971Zm21.65,28.2a8.864,8.864,0,0,1-4.7-1.314A10.1,10.1,0,0,1,63.69,8.406a9.287,9.287,0,0,1-1.3-4.821l.047-15.225a9.13,9.13,0,0,1,1.287-4.809,9.733,9.733,0,0,1,3.417-3.46,8.882,8.882,0,0,1,4.681-1.3,8.751,8.751,0,0,1,4.7,1.29,9.832,9.832,0,0,1,3.382,3.46,9.336,9.336,0,0,1,1.276,4.821l.047,15.225a9.421,9.421,0,0,1-1.264,4.809,9.969,9.969,0,0,1-3.417,3.519A8.828,8.828,0,0,1,71.824,13.227Zm0-5.794a3.315,3.315,0,0,0,2.528-1.185,3.859,3.859,0,0,0,1.077-2.663L75.381-11.64a3.855,3.855,0,0,0-1.006-2.7,3.3,3.3,0,0,0-2.551-1.1A3.407,3.407,0,0,0,69.3-14.361a3.737,3.737,0,0,0-1.053,2.721V3.585A3.852,3.852,0,0,0,69.3,6.294,3.325,3.325,0,0,0,71.824,7.432Zm18.631,5.325h-5.43q-.187,0-.187-.235l.094-33.006a.166.166,0,0,1,.187-.188h9.69A9.323,9.323,0,0,1,99.583-19.4a9.735,9.735,0,0,1,3.476,3.4,9.11,9.11,0,0,1,1.3,4.833,9,9,0,0,1-.538,3.19,10.27,10.27,0,0,1-1.252,2.416,7.594,7.594,0,0,1-1.3,1.454,9.805,9.805,0,0,1,2.6,6.78l.047,9.853a.207.207,0,0,1-.234.235h-5.43q-.187,0-.187-.141V2.67a4.188,4.188,0,0,0-1.217-3,3.991,3.991,0,0,0-3-1.267h-3.16l-.047,14.122Q90.642,12.757,90.454,12.757Zm4.353-27.681H90.689V-7.37h4.119a3.718,3.718,0,0,0,2.633-1.1,3.581,3.581,0,0,0,1.159-2.7,3.593,3.593,0,0,0-1.123-2.639A3.66,3.66,0,0,0,94.808-14.924Zm23.359,27.681H112.76q-.211,0-.211-.235v-27.4h-6.226a.207.207,0,0,1-.234-.235l.047-5.372a.166.166,0,0,1,.187-.188h18.209q.257,0,.257.188v5.372q0,.235-.187.235h-6.3l.047,27.4Q118.354,12.757,118.166,12.757Z"
@@ -28,12 +28,12 @@ const Text = ({ className }) => {
             <path
               d="M10.267,13.227a8.864,8.864,0,0,1-4.7-1.314A10.1,10.1,0,0,1,2.134,8.406a9.287,9.287,0,0,1-1.3-4.821L.882-11.64a9.13,9.13,0,0,1,1.287-4.809,9.733,9.733,0,0,1,3.417-3.46,8.883,8.883,0,0,1,4.681-1.3,8.751,8.751,0,0,1,4.7,1.29,9.832,9.832,0,0,1,3.382,3.46,9.336,9.336,0,0,1,1.276,4.821l.047,15.225a9.421,9.421,0,0,1-1.264,4.809A9.969,9.969,0,0,1,15,11.913,8.828,8.828,0,0,1,10.267,13.227Zm0-5.794A3.315,3.315,0,0,0,12.8,6.248a3.859,3.859,0,0,0,1.077-2.663L13.825-11.64a3.856,3.856,0,0,0-1.006-2.7,3.3,3.3,0,0,0-2.551-1.1A3.407,3.407,0,0,0,7.74-14.361,3.737,3.737,0,0,0,6.686-11.64V3.585A3.852,3.852,0,0,0,7.74,6.294,3.325,3.325,0,0,0,10.267,7.432ZM28.9,12.757H23.515a.207.207,0,0,1-.234-.235l.094-33.006a.166.166,0,0,1,.187-.188h9.222a9.169,9.169,0,0,1,6.963,2.686,10.148,10.148,0,0,1,2.563,7.307A12.37,12.37,0,0,1,40.975-4.79,10.231,10.231,0,0,1,37.464-.943,8.6,8.6,0,0,1,32.783.418H29.132v12.1A.207.207,0,0,1,28.9,12.757Zm3.885-27.728-3.651.047V-5.4h3.651a3.274,3.274,0,0,0,2.645-1.466,6.1,6.1,0,0,0,1.123-3.812,4.657,4.657,0,0,0-1.006-3.085A3.4,3.4,0,0,0,32.783-14.971ZM55.791,12.757H50.384q-.211,0-.211-.235v-27.4H43.948a.207.207,0,0,1-.234-.235l.047-5.372a.166.166,0,0,1,.187-.188H62.157q.257,0,.257.188v5.372q0,.235-.187.235h-6.3l.047,27.4Q55.978,12.757,55.791,12.757Zm14.6,0h-5.43a.207.207,0,0,1-.234-.235l.047-33.006a.166.166,0,0,1,.187-.188h5.383a.166.166,0,0,1,.187.188l.047,33.006Q70.583,12.757,70.4,12.757Zm10.017,0h-5.43q-.187,0-.187-.235l.094-33.006a.166.166,0,0,1,.187-.188h5.851a.4.4,0,0,1,.328.188l4.377,6.334,4.353-6.334a.423.423,0,0,1,.351-.188h5.875q.211,0,.211.188l.094,33.006q0,.235-.187.235H90.9q-.187,0-.187-.235l-.047-24.514L85.633-4.673l-4.985-7.319L80.6,12.523Q80.6,12.757,80.413,12.757Zm25.769,0h-5.43a.207.207,0,0,1-.234-.235l.047-33.006a.166.166,0,0,1,.187-.188h5.383a.166.166,0,0,1,.187.188l.047,33.006Q106.37,12.757,106.182,12.757Zm20.995,0H109.3a.207.207,0,0,1-.234-.235l.047-5.231,11.749-22.5H109.74q-.211,0-.211-.188v-5.044q0-.235.211-.235h17.343a.207.207,0,0,1,.234.235v5.184L115.638,7.127h11.539q.187,0,.187.258l.047,5.137A.207.207,0,0,1,127.177,12.757Zm18.912,0H130.594q-.187,0-.187-.235l.047-33.006a.166.166,0,0,1,.187-.188h15.4q.187,0,.187.235v5.372a.166.166,0,0,1-.187.188h-9.83V-7.37h9.83a.166.166,0,0,1,.187.188l.047,5.442a.166.166,0,0,1-.187.188h-9.877v8.4h9.877q.187,0,.187.235V12.57A.166.166,0,0,1,146.089,12.757Z"
               transform="translate(-0.835 21.211)"
-              fill="#3a3c43"
+              fill="currentColor"
             />
             <path
               d="M6.851,12.757H1.421a.207.207,0,0,1-.234-.235l.047-33.006a.166.166,0,0,1,.187-.188H6.8a.166.166,0,0,1,.187.188l.047,33.006Q7.038,12.757,6.851,12.757Zm10.017,0h-5.43q-.187,0-.187-.235l.094-33.006a.166.166,0,0,1,.187-.188h5.851a.4.4,0,0,1,.328.188l4.377,6.334,4.353-6.334a.423.423,0,0,1,.351-.188h5.875q.211,0,.211.188l.094,33.006q0,.235-.187.235h-5.43q-.187,0-.187-.235L27.12-11.992,22.087-4.673,17.1-11.992l-.047,24.514Q17.055,12.757,16.868,12.757Zm18.49-.235L41.3-20.484a.221.221,0,0,1,.234-.188h6.951a.221.221,0,0,1,.234.188l5.711,33.006q.023.235-.187.235H48.933a.232.232,0,0,1-.257-.235L48.161,9h-6.53l-.515,3.519q-.023.235-.234.235H35.546Q35.358,12.757,35.358,12.523ZM44.744-9.622,42.591,3.866H47.2L45.235-9.622l-.281-1.783ZM66.207,13.227a8.709,8.709,0,0,1-4.681-1.29,9.8,9.8,0,0,1-3.382-3.472,9.487,9.487,0,0,1-1.276-4.879V-11.64a9.165,9.165,0,0,1,1.287-4.786,9.737,9.737,0,0,1,3.394-3.484,8.763,8.763,0,0,1,4.658-1.3,9.162,9.162,0,0,1,4.775,1.267A9.6,9.6,0,0,1,74.363-16.5a9.5,9.5,0,0,1,1.252,4.856v2.205q0,.188-.234.188H70a.166.166,0,0,1-.187-.188v-1.83a4.474,4.474,0,0,0-1.03-3.026,3.258,3.258,0,0,0-2.575-1.2,3.287,3.287,0,0,0-2.458,1.149,3.819,3.819,0,0,0-1.077,2.7V3.585a3.852,3.852,0,0,0,1.053,2.709,3.276,3.276,0,0,0,2.481,1.138,3.36,3.36,0,0,0,2.575-1.114,3.877,3.877,0,0,0,1.03-2.733V1.216H66.464q-.257,0-.257-.235V-4.391q0-.235.257-.235h8.964q.187,0,.187.235V3.585a9.556,9.556,0,0,1-1.264,4.879,9.9,9.9,0,0,1-3.394,3.472A8.913,8.913,0,0,1,66.207,13.227Zm28.461-.469H79.173q-.187,0-.187-.235l.047-33.006a.166.166,0,0,1,.187-.188h15.4q.187,0,.187.235v5.372a.166.166,0,0,1-.187.188H84.79V-7.37h9.83a.166.166,0,0,1,.187.188l.047,5.442a.166.166,0,0,1-.187.188H84.79v8.4h9.877q.187,0,.187.235V12.57A.166.166,0,0,1,94.667,12.757Zm12.592.469a8.864,8.864,0,0,1-4.7-1.314A9.9,9.9,0,0,1,99.15,8.406a9.417,9.417,0,0,1-1.276-4.821V1.38q0-.258.234-.258h5.383q.187,0,.187.258V3.585a3.852,3.852,0,0,0,1.053,2.709,3.38,3.38,0,0,0,5.079-.023,3.877,3.877,0,0,0,1.053-2.686q0-1.759-2.294-3.073Q108.2.277,107.6-.063t-1.416-.786q-.819-.446-1.592-.88t-1.5-.833a10.218,10.218,0,0,1-3.9-3.882,10.751,10.751,0,0,1-1.276-5.243,9.126,9.126,0,0,1,1.311-4.833,9.89,9.89,0,0,1,3.429-3.39,8.863,8.863,0,0,1,4.6-1.255,8.988,8.988,0,0,1,4.681,1.267,9.86,9.86,0,0,1,3.405,3.425,9.15,9.15,0,0,1,1.276,4.786v3.941a.166.166,0,0,1-.187.188h-5.383a.166.166,0,0,1-.187-.188l-.047-3.941a3.717,3.717,0,0,0-1.053-2.745,3.417,3.417,0,0,0-2.5-1.056,3.34,3.34,0,0,0-2.528,1.126,3.782,3.782,0,0,0-1.053,2.674,4.829,4.829,0,0,0,.667,2.627,6.444,6.444,0,0,0,2.446,2.017q.187.094.866.469l1.51.833q.831.457,1.51.821t.819.434a11.391,11.391,0,0,1,3.78,3.284,8.012,8.012,0,0,1,1.393,4.786A9.647,9.647,0,0,1,115.4,8.511a9.64,9.64,0,0,1-3.417,3.448A9.074,9.074,0,0,1,107.26,13.227Z"
               transform="translate(154.638 21.211)"
-              fill="#3a3c43"
+              fill="currentColor"
             />
           </g>
         </g>