mirror of
https://github.com/dathere/qsvpro.dathere.com.git
synced 2025-12-19 05:59:24 +00:00
refactor: add product demo request link & misc changes
This commit is contained in:
parent
d4563794d9
commit
c2395b20ce
2 changed files with 24 additions and 43 deletions
|
|
@ -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 datHereLogoFull from "../assets/logos/datHere-logo-light.png";
|
||||||
import { TwitterIcon } from "../assets/icons/TwitterIcon";
|
|
||||||
|
|
||||||
const footerData = [
|
const footerData = [
|
||||||
{
|
{
|
||||||
|
|
@ -19,6 +16,10 @@ const footerData = [
|
||||||
label: "Create a support ticket",
|
label: "Create a support ticket",
|
||||||
href: "https://support.dathere.com",
|
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">
|
<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.
|
Making data Useful, Usable, and Used.
|
||||||
</p>
|
</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>
|
||||||
<div className="w-full lg:w-2/3 lg:pl-16 lg:flex flex-wrap justify-between mb-4">
|
<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">
|
<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>
|
||||||
</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">
|
<p className="lg:text-center text-sm text-gray-400 border-t border-[rgb(255,255,255,0.2)] pt-4 hidden lg:block">
|
||||||
© 2023 datHere Inc. By using qsv pro and/or this
|
© datHere Inc. By using qsv pro and/or this site,
|
||||||
site, you agree to our{" "}
|
you agree to our{" "}
|
||||||
<a
|
<a
|
||||||
href="https://dathere.com/terms-and-conditions/"
|
href="https://dathere.com/terms-and-conditions/"
|
||||||
className="underline text-gray-400 hover:text-gray-300"
|
className="underline text-gray-400 hover:text-gray-300"
|
||||||
|
|
|
||||||
|
|
@ -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="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">
|
<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">
|
<h4 className="mb-2 2xl:mb-4 text-2xl font-bold font-heading text-white text-left">
|
||||||
qsv pro
|
qsv pro (preview)
|
||||||
</h4>
|
</h4>
|
||||||
<div className="flex justify-start items-end">
|
<div className="flex justify-start items-end">
|
||||||
<div className="text-4xl sm:text-5xl font-bold text-white text-left mt-4 mr-2">
|
<div className="text-4xl sm:text-5xl font-bold text-white text-left mt-4 mr-2">
|
||||||
|
|
@ -122,13 +122,7 @@ export const Pricing = () => {
|
||||||
1 license key
|
1 license key
|
||||||
</p>
|
</p>
|
||||||
<ul className="mb-14 text-white">
|
<ul className="mb-14 text-white">
|
||||||
{pricingData
|
{pricingData.map((text, index) => (
|
||||||
.concat(
|
|
||||||
!isMonthly
|
|
||||||
? ["~$200 saved per year!"]
|
|
||||||
: []
|
|
||||||
)
|
|
||||||
.map((text, index) => (
|
|
||||||
<li
|
<li
|
||||||
className="mb-4 flex"
|
className="mb-4 flex"
|
||||||
key={`${text}-${index}`}
|
key={`${text}-${index}`}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue