Merge pull request #105 from team-dev-docs/tim/landing-page-changes

requested changes

Author: tim-dev-docs

items.json

@@ -7,7 +7,7 @@
             "href": "/docs/"
         },
         {
-            "label": "Blogs",
+            "label": "Blog",
             "position": "left",
             "prependBaseUrlToHref": true,
             "href": "/blog"

src/components/landing-page-components/parts/pricing-card.jsx

@@ -16,9 +16,9 @@ const PricingCard = ({
   return (
     <div
       className={isMobile ?
-        "w-full p-[1.25rem]"
+        "w-full p-[1.25rem] rounded-[0.625rem]"
         :
-        "p-[2rem]"
+        "p-[2rem] rounded-[0.625rem]"
       }
 
       style={{
@@ -41,14 +41,18 @@ const PricingCard = ({
       >
         {description}
       </div>
-    <ul className="relative z-10 mt-4 list-disc list-inside">
-        {bulletPoints.map((point, index) => (
-            <li key={index} className="mb-2">
-                {point}
-            </li>
-        ))}
-    </ul>
-    <PrimaryButton onClick={() => window.open(href, '_blank')} className="mt-4 z-[8000]">{buttonTitle}</PrimaryButton>
+      <PrimaryButton onClick={() => window.open(href, '_blank')} className="mt-4 z-[8000]">{buttonTitle}</PrimaryButton>
+      <div className="relative z-10 mt-4 list-disc list-inside">
+          {bulletPoints.map((point, index) => (
+            <div
+              key={`landing-page-pricing-card-${title}-bullet-${index}`}
+              className="mb-2 text-[#A2A1A5] flex items-center"
+            >
+              <div className="w-1 h-1 mr-2 bg-white rounded-full"></div>
+              {point}
+            </div>
+          ))}
+      </div>
     </div>
   );
 };

src/components/landing-page-components/sections/landing-page-header.jsx

@@ -182,7 +182,8 @@ const LandingPageHeader = ({
       }}
     >
       <div
-        className="flex gap-[0.44rem] items-center"
+        className="flex gap-[0.44rem] items-center cursor-pointer"
+        onClick={() => history.push(HOME_PAGE)}
       >
         <img
           src={icon}

src/components/landing-page-components/sections/pricing-cards.jsx

@@ -30,7 +30,7 @@ const FEATURES = [
         "Starting with 10,000,000 input credits and 2,000,000 output credits per month",
         "Integrate Dev-Docs into your CI/CD to fully automate the process",
         "Sync Dev-Docs up with your Confluence, Google Drive or Notion",
-        "Dedicated support via a private slack channel" 
+        "Dedicated support via a private slack channel"
       ],
       buttonTitle: "Get In Touch",
       href: "https://dub.sh/devdocs"
@@ -47,12 +47,12 @@ const PricingCards = () => {
 
     >
       <div
-        className={isMobile ? "font-extrabold text-[2rem] max-w-[24rem] text-center font-pixel" : "font-extrabold text-[3rem] max-w-[24rem] text-center font-pixel"}
+        className={isMobile ? "font-extrabold text-[2rem] text-center font-pixel" : "font-extrabold text-[3rem] text-center font-pixel"}
         style={{
           fontFeatureSettings: "'liga' off, 'clig' off",
         }}
       >
-        Plans
+        Start using Dev-Docs for free or get in touch to learn more
       </div>
 
       <div className={`${isMobile ? 'flex flex-col' : 'flex flex-row'} gap-[1em]`} style={{ alignItems: "stretch", background: "transparent" }}>