From c2395b20ceca6f5674301e9cce857487194fd423 Mon Sep 17 00:00:00 2001
From: rzmk <mueez25@gmail.com>
Date: Thu, 2 May 2024 09:33:52 -0400
Subject: [PATCH] refactor: add product demo request link & misc changes

---
 src/components/Footer.jsx  | 25 ++++++-----------------
 src/components/Pricing.jsx | 42 ++++++++++++++++----------------------
 2 files changed, 24 insertions(+), 43 deletions(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index f0ad9be..27c10fd 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -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"
diff --git a/src/components/Pricing.jsx b/src/components/Pricing.jsx
index 8e29a40..359106c 100644
--- a/src/components/Pricing.jsx
+++ b/src/components/Pricing.jsx
@@ -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={