kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-03-11 10:51:40 -05:00
parent 69e1aa9453
commit d460c0a387
2 changed files with 27 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/Components/Home/HomePage.js
View File

@@ -1,6 +1,10 @@
import Button from "../../pageElements/Button";
import arrow from "../../Assets/Images/Arrow.png";
import { useNavigate } from "react-router-dom";
import sweet_card_2 from "../../Assets/Images/sweet_card_2.png";
import sweet_card_1 from "../../Assets/Images/sweet_card_1.png";
import sweet_card_4 from "../../Assets/Images/sweet_card_4.png";
import opac_butta from "../../Assets/Images/opac_butta.png";
import "../../styles/homepage.scss";
const HomePage = () => {
@@ -126,7 +130,7 @@ const HomePage = () => {
<div className="home-card">
<div className="card-image-container">
<img
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/2b360aa6-72bb-4e4f-4376-61d1353cd400/public"
src={sweet_card_2}
alt="ai hand"
width="100%"
className="card-image"
@@ -142,9 +146,9 @@ const HomePage = () => {
<div className="home-card-text-box">
<p className="card-texts">
Generate discovery requests with a few clicks, or select
manually from a comprehensive request library. Done in a
heartbeat, with a .docx for review and service.
Generate discovery requests with AI at your service, edit
add custom language with tags. Done in minutes, with a .docx
for review and service.
</p>
</div>
</div>
@@ -153,7 +157,7 @@ const HomePage = () => {
<div className="home-card">
<div className="card-image-container">
<img
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/de0ff11a-7572-488e-ceb0-169085e30800/public"
src={sweet_card_4}
alt="scales image"
width="100%"
className="card-image"
@@ -170,8 +174,8 @@ const HomePage = () => {
<div className="home-card-text-box">
<p className="card-texts">
Novodraft's AI drafts responses complete with compelling
arguments about what you choose not to disclose. Finished in
minutes with a .docx file for service.
arguments about what you choose to disclose versus withhold.
Finished in minutes with downloadable.docx file.
</p>
</div>
</div>
@@ -179,11 +183,7 @@ const HomePage = () => {
{/*********** CARD THREE *********** */}
<div className="home-card">
<div className="card-image-container">
<img
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/cea17924-229d-4471-e618-171eb9b94500/public"
alt=""
className="card-image"
/>
<img src={sweet_card_1} alt="" className="card-image" />
</div>
<div className="card-body">
<div className="card-upper-box">
@@ -207,7 +207,7 @@ const HomePage = () => {
<div
className="home-test-container"
style={{
backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/e552d069-945d-481f-bc6b-5bbe2a49e000/public)`,
backgroundImage: `url(${opac_butta})`,
backgroundSize: "cover",
}}
>
@@ -215,13 +215,13 @@ const HomePage = () => {
<div className="col-md-6">
<div className="bottom-header-box">
<h4 className="heading-6">
Questions about our services? <br></br>We are here to
answer!
Questions about our AI services? <br></br>
We'd like to talk!
</h4>
<h4 className="heading-6-mobile">
Questions about our products and services?
</h4>
<h4 className="heading-6-mobile">We’re here to answer!</h4>
<h4 className="heading-6-mobile">We're here to answer!</h4>
</div>
<h6 className="join-heading">
Let us show you how Novodraft will revolutionize your

20
src/styles/homepage.scss
View File

@@ -289,7 +289,7 @@ p.text-block-2.text-center {
border-radius: 0px 0px 12.336px 12.336px;
background: #fff;
box-shadow: 25px 0 20px -20px rgba(199, 199, 208, 0.271);
padding: 16px 18px;
margin-top: -17px;
}
.card-upper-box {
@@ -308,7 +308,7 @@ p.text-block-2.text-center {
p.card-texts {
color: #90a3b4;
font-family: Roboto;
font-size: 14px;
font-size: 0.98rem;
font-style: normal;
font-weight: 400;
line-height: 23px; /* 125% */
@@ -320,10 +320,11 @@ p.card-texts {
.foo-card-title {
font-family: Roboto;
font-size: 1.5rem;
font-weight: 500;
font-size: 1.7rem;
font-weight: 400;
margin-top: 8px;
letter-spacing: -0.009rem;
letter-spacing: -0.007rem;
color: #1f74a7;
}
img.card-img {
@@ -362,9 +363,6 @@ p.card-title {
padding: 8px 10px 0px 10px;
width: 270px;
height: 150px;
border-right: 1px solid var(--ultra-light-accent);
border-bottom: 1px solid var(--ultra-light-accent);
border-left: 1px solid var(--ultra-light-accent);
border-radius: 0px 0px 10px 10px;
}
@@ -508,6 +506,7 @@ h4.heading-6 {
text-transform: capitalize;
margin-bottom: 18px;
margin-top: 6px;
color: #1f74a7;
}
h6.heading-7 {
@@ -526,6 +525,7 @@ h6.heading-7 {
font-size: 1.1rem;
font-weight: 400;
width: 520px;
color: #1f74a7;
}
.d-flex.div-block-3 {
@@ -580,6 +580,7 @@ button.button-2 {
border-radius: 9.049px;
background-color: #ffb571;
background-repeat: no-repeat;
opacity: 0.9;
}
.heading-6-mobile {
@@ -603,7 +604,6 @@ button.button-2 {
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f2f2ff;
width: 100%;
border-radius: 10px 10px 0px 0px;
}
@@ -1125,6 +1125,7 @@ li.nav-item {
h4.heading-6 {
display: none;
color: #1f74a7;
}
h6.heading-7 {
@@ -1176,6 +1177,7 @@ li.nav-item {
margin-bottom: 1.1rem;
margin-left: auto;
margin-right: auto;
color: #1f74a7;
}
button.button-2 {