rzmk/qsvpro.dathere.com
1
0
Fork 0
mirror of https://github.com/dathere/qsvpro.dathere.com.git synced 2025-12-19 05:59:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: update site with new logo, faq, misc. changes

Browse source
This commit is contained in:
rzmk 2023-12-21 16:32:37 -05:00
parent dbc0920734
commit b137943bbf
No known key found for this signature in database
12 changed files with 192 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/Hero.jsx
View file

@ -2,6 +2,7 @@ import { useState } from "react";
import { motion } from "framer-motion";
import dashboard from "../assets/images/dashboard.png";
import qsvProLogo from "../assets/logos/qsv-pro-logo.png";
export const Hero = () => {
return (
@ -9,13 +10,13 @@ export const Hero = () => {
className="w-screen flex justify-center items-center bg-customDarkBg1 mb-[28vw] md:mb-[18vw] lg:mb-[10vw] xl:mb-[13vw] 2xl:mb-60 hero-bg-gradient pb-24 sm:pb-32 md:pb-44 lg:pb-0"
id="home"
>
<div className="w-full w-[900px] md:w-[1100px] flex flex-col justify-center items-center pt-16 md:pt-16 lg:pt-20 text-center">
<div className="w-full md:w-[1100px] flex flex-col justify-center items-center pt-16 md:pt-16 lg:pt-20 text-center">
<motion.div
initial={{ opacity: 0, y: 10 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5 }}
>
<div className="text-customSecondary text-sm sm:text-base mb-6 sm:mt-32 mt-16 font-bold">
<div className="text-customSecondary text-sm sm:text-base mb-6 sm:mt-32 mt-16 font-bold">
Spreadsheet Data Wrangling Desktop App
</div>
</motion.div>
@ -25,7 +26,12 @@ export const Hero = () => {
transition={{ duration: 0.5, delay: 0.05 }}
>
<div className="text-5xl sm:text-6xl lg:text-7xl xl:text-7xl font-bold tracking-wide text-white px-8 sm:px-8 md:px-20 lg:px-4">
<span>qsv pro</span>
{/* <span>qsv pro</span> */}
<img
src={qsvProLogo}
alt="qsv pro logo"
className="w-72 sm:w-96 lg:w-120"
/>
</div>
</motion.div>
<motion.div
@ -61,11 +67,11 @@ export const Hero = () => {
>
<div className="flex flex-col gap-2 sm:flex-row mt-14 mb-24 sm:mb-40 justify-center">
<a
href="https://store.dathere.com/checkout/buy/41f919fd-2b68-40ea-a5ed-0f531b2efba5"
href="https://github.com/dathere/qsv-pro-releases/releases/latest"
target="_blank"
>
<div className="custom-button-colored w-64 sm:w-52 h-12 mr-0 sm:mr-4 lg:mr-6 mb-2 sm:mb-0">
Start Your Free Trial
<div className="custom-button-colored w-64 h-12 mr-0 sm:mr-4 lg:mr-6 mb-2 sm:mb-0">
Start Your 7-Day Free Trial
</div>
</a>
{/* <div