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 Button from "../../pageElements/Button";
import arrow from "../../Assets/Images/Arrow.png"; import arrow from "../../Assets/Images/Arrow.png";
import { useNavigate } from "react-router-dom"; 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"; import "../../styles/homepage.scss";
const HomePage = () => { const HomePage = () => {
@@ -126,7 +130,7 @@ const HomePage = () => {
<div className="home-card"> <div className="home-card">
<div className="card-image-container"> <div className="card-image-container">
<img <img
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/2b360aa6-72bb-4e4f-4376-61d1353cd400/public" src={sweet_card_2}
alt="ai hand" alt="ai hand"
width="100%" width="100%"
className="card-image" className="card-image"
@@ -142,9 +146,9 @@ const HomePage = () => {
<div className="home-card-text-box"> <div className="home-card-text-box">
<p className="card-texts"> <p className="card-texts">
Generate discovery requests with a few clicks, or select Generate discovery requests with AI at your service, edit
manually from a comprehensive request library. Done in a add custom language with tags. Done in minutes, with a .docx
heartbeat, with a .docx for review and service. for review and service.
</p> </p>
</div> </div>
</div> </div>
@@ -153,7 +157,7 @@ const HomePage = () => {
<div className="home-card"> <div className="home-card">
<div className="card-image-container"> <div className="card-image-container">
<img <img
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/de0ff11a-7572-488e-ceb0-169085e30800/public" src={sweet_card_4}
alt="scales image" alt="scales image"
width="100%" width="100%"
className="card-image" className="card-image"
@@ -170,8 +174,8 @@ const HomePage = () => {
<div className="home-card-text-box"> <div className="home-card-text-box">
<p className="card-texts"> <p className="card-texts">
Novodraft's AI drafts responses complete with compelling Novodraft's AI drafts responses complete with compelling
arguments about what you choose not to disclose. Finished in arguments about what you choose to disclose versus withhold.
minutes with a .docx file for service. Finished in minutes with downloadable.docx file.
</p> </p>
</div> </div>
</div> </div>
@@ -179,11 +183,7 @@ const HomePage = () => {
{/*********** CARD THREE *********** */} {/*********** CARD THREE *********** */}
<div className="home-card"> <div className="home-card">
<div className="card-image-container"> <div className="card-image-container">
<img <img src={sweet_card_1} alt="" className="card-image" />
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/cea17924-229d-4471-e618-171eb9b94500/public"
alt=""
className="card-image"
/>
</div> </div>
<div className="card-body"> <div className="card-body">
<div className="card-upper-box"> <div className="card-upper-box">
@@ -207,7 +207,7 @@ const HomePage = () => {
<div <div
className="home-test-container" className="home-test-container"
style={{ style={{
backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/e552d069-945d-481f-bc6b-5bbe2a49e000/public)`, backgroundImage: `url(${opac_butta})`,
backgroundSize: "cover", backgroundSize: "cover",
}} }}
> >
@@ -215,13 +215,13 @@ const HomePage = () => {
<div className="col-md-6"> <div className="col-md-6">
<div className="bottom-header-box"> <div className="bottom-header-box">
<h4 className="heading-6"> <h4 className="heading-6">
Questions about our services? <br></br>We are here to Questions about our AI services? <br></br>
answer! We'd like to talk!
</h4> </h4>
<h4 className="heading-6-mobile"> <h4 className="heading-6-mobile">
Questions about our products and services? Questions about our products and services?
</h4> </h4>
<h4 className="heading-6-mobile">We’re here to answer!</h4> <h4 className="heading-6-mobile">We're here to answer!</h4>
</div> </div>
<h6 className="join-heading"> <h6 className="join-heading">
Let us show you how Novodraft will revolutionize your 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; border-radius: 0px 0px 12.336px 12.336px;
background: #fff; background: #fff;
box-shadow: 25px 0 20px -20px rgba(199, 199, 208, 0.271); box-shadow: 25px 0 20px -20px rgba(199, 199, 208, 0.271);
padding: 16px 18px; margin-top: -17px;
} }
.card-upper-box { .card-upper-box {
@@ -308,7 +308,7 @@ p.text-block-2.text-center {
p.card-texts { p.card-texts {
color: #90a3b4; color: #90a3b4;
font-family: Roboto; font-family: Roboto;
font-size: 14px; font-size: 0.98rem;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
line-height: 23px; /* 125% */ line-height: 23px; /* 125% */
@@ -320,10 +320,11 @@ p.card-texts {
.foo-card-title { .foo-card-title {
font-family: Roboto; font-family: Roboto;
font-size: 1.5rem; font-size: 1.7rem;
font-weight: 500; font-weight: 400;
margin-top: 8px; margin-top: 8px;
letter-spacing: -0.009rem; letter-spacing: -0.007rem;
color: #1f74a7;
} }
img.card-img { img.card-img {
@@ -362,9 +363,6 @@ p.card-title {
padding: 8px 10px 0px 10px; padding: 8px 10px 0px 10px;
width: 270px; width: 270px;
height: 150px; 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; border-radius: 0px 0px 10px 10px;
} }
@@ -508,6 +506,7 @@ h4.heading-6 {
text-transform: capitalize; text-transform: capitalize;
margin-bottom: 18px; margin-bottom: 18px;
margin-top: 6px; margin-top: 6px;
color: #1f74a7;
} }
h6.heading-7 { h6.heading-7 {
@@ -526,6 +525,7 @@ h6.heading-7 {
font-size: 1.1rem; font-size: 1.1rem;
font-weight: 400; font-weight: 400;
width: 520px; width: 520px;
color: #1f74a7;
} }
.d-flex.div-block-3 { .d-flex.div-block-3 {
@@ -580,6 +580,7 @@ button.button-2 {
border-radius: 9.049px; border-radius: 9.049px;
background-color: #ffb571; background-color: #ffb571;
background-repeat: no-repeat; background-repeat: no-repeat;
opacity: 0.9;
} }
.heading-6-mobile { .heading-6-mobile {
@@ -603,7 +604,6 @@ button.button-2 {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #f2f2ff;
width: 100%; width: 100%;
border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;
} }
@@ -1125,6 +1125,7 @@ li.nav-item {
h4.heading-6 { h4.heading-6 {
display: none; display: none;
color: #1f74a7;
} }
h6.heading-7 { h6.heading-7 {
@@ -1176,6 +1177,7 @@ li.nav-item {
margin-bottom: 1.1rem; margin-bottom: 1.1rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
color: #1f74a7;
} }
button.button-2 { button.button-2 {