rzmk/qsvpro.dathere.com
1
0
Fork 0
mirror of https://github.com/dathere/qsvpro.dathere.com.git synced 2025-12-18 13:49:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: add product demo request link & misc changes

Browse source
This commit is contained in:
rzmk 2024-05-02 09:33:52 -04:00
parent d4563794d9
commit c2395b20ce
No known key found for this signature in database
2 changed files with 24 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/Footer.jsx
View file

@ -1,7 +1,4 @@
import { FacebookIcon } from "../assets/icons/FacebookIcon";
import { InstagramIcon } from "../assets/icons/InstagramIcon";
import datHereLogoFull from "../assets/logos/datHere-logo-light.png";
import { TwitterIcon } from "../assets/icons/TwitterIcon";
const footerData = [
{
@ -19,6 +16,10 @@ const footerData = [
label: "Create a support ticket",
href: "https://support.dathere.com",
},
{
label: "Request a demo",
href: "https://dathere.com/product-demo-request/",
},
],
},
{
@ -64,20 +65,6 @@ export const Footer = () => {
<p className="mb-10 mt-4 sm:w-[22rem] lg:w-[20rem] xl:w-[24rem] text-gray-400 leading-loose text-center lg:text-left mx-auto lg:mx-0">
Making data Useful, Usable, and Used.
</p>
{/* <div className="w-36 mx-auto lg:mx-0">
<a
className="inline-block w-10 h-10 mr-2 p-2 bg-customDarkBg2 custom-border-gray hover:bg-gray-700 rounded-xl"
href="#"
>
<TwitterIcon />
</a>
<a
className="inline-block w-10 h-10 mr-2 p-2 bg-customDarkBg2 custom-border-gray hover:bg-gray-700 rounded-xl"
href="#"
>
<InstagramIcon />
</a>
</div> */}
</div>
<div className="w-full lg:w-2/3 lg:pl-16 lg:flex flex-wrap justify-between mb-4">
<div className="w-full md:w-1/3 lg:w-auto mb-16 md:mb-0">
@ -137,8 +124,8 @@ export const Footer = () => {
</div>
</div>
<p className="lg:text-center text-sm text-gray-400 border-t border-[rgb(255,255,255,0.2)] pt-4 hidden lg:block">
&copy; 2023 datHere Inc. By using qsv pro and/or this
site, you agree to our{" "}
&copy; datHere Inc. By using qsv pro and/or this site,
you agree to our{" "}
<a
href="https://dathere.com/terms-and-conditions/"
className="underline text-gray-400 hover:text-gray-300"

42
src/components/Pricing.jsx
View file

@ -108,7 +108,7 @@ export const Pricing = () => {
<div className="w-[350px] sm:w-[380px] lg:w-1/3 px-4 mb-8 lg:mb-0">
<div className="px-8 py-8 bg-customDarkBg3 rounded-3xl">
<h4 className="mb-2 2xl:mb-4 text-2xl font-bold font-heading text-white text-left">
qsv pro
qsv pro (preview)
</h4>
<div className="flex justify-start items-end">
<div className="text-4xl sm:text-5xl font-bold text-white text-left mt-4 mr-2">
@ -122,29 +122,23 @@ export const Pricing = () => {
1 license key
</p>
<ul className="mb-14 text-white">
{pricingData
.concat(
!isMonthly
? ["~$200 saved per year!"]
: []
)
.map((text, index) => (
<li
className="mb-4 flex"
key={`${text}-${index}`}
>
<CheckArrowIcon
fillColor={
text.includes(
"(experimental)"
)
? "fill-red-300"
: ""
}
/>
<span>{text}</span>
</li>
))}
{pricingData.map((text, index) => (
<li
className="mb-4 flex"
key={`${text}-${index}`}
>
<CheckArrowIcon
fillColor={
text.includes(
"(experimental)"
)
? "fill-red-300"
: ""
}
/>
<span>{text}</span>
</li>
))}
</ul>
<a
href={