Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion items.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"href": "/docs/"
},
{
"label": "Blogs",
"label": "Blog",
"position": "left",
"prependBaseUrlToHref": true,
"href": "/blog"
Expand Down
24 changes: 14 additions & 10 deletions src/components/landing-page-components/parts/pricing-card.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -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={{
Expand All @@ -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>
);
};
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -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" }}>
Expand Down