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

Merge pull request #188 from kjannette/home3

Browse Source 
Home3
This commit is contained in:
S Jannette
2024-04-23 03:31:00 -05:00
committed by GitHub
parent d5a3ff85a7 93520c1f73
commit 4a8657e008
3 changed files with 161 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
src/Components/Home/HomePageB.js
View File

@@ -261,96 +261,90 @@ const HomePageB = () => {
const homeContent = (
<div className="homepage-container">
<section className="section-one">
<div className="hero-text-container">
<h1 className="hero-top">AI-asssisted legal drafting</h1>
<div
className="hero-imgbox"
style={{
backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/038dfbe4-00e9-41f9-6b70-09e8e87fa600/public)`,
backgroundSize: "cover",
borderRadius: "20px",
}}
>
<div className="hero-middle-box">
<div className="hero-middle">{heroString}</div>
<div className="hero-middle">{heroString2}</div>
<div className="hero-button-box">
<button className="button-2" onClick={handleTryItButton}>
Start A Free Trial
</button>
<button className="button-2" onClick={handleDemo}>
Request a demo
</button>
<div
className="hero-imgbox"
style={{
backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/038dfbe4-00e9-41f9-6b70-09e8e87fa600/public)`,
backgroundSize: "cover",
borderRadius: "20px",
}}
>
<div className="hero-middle">
<h1 className="hero-middle-header">{heroString}</h1>
<h1 className="hero-middle-header">{heroString2}</h1>
</div>
<div className="hero-button-box">
<button className="button-2" onClick={handleTryItButton}>
Start A Free Trial
</button>
<button className="button-2" onClick={handleDemo}>
Request a demo
</button>
</div>
<div className="hero-text-box">
<div className="hero-text">
Reclaim hours every week. Spend more time growing your practice,
or just get home in time for dinner.
</div>
<div className="arrow-container">
<div className="arrow-sub-left"></div>
<div className="arrow-sub-right">
<div className="arrow-left"></div>
<div className="arrow-right">
<img
className="testi-arrow"
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/046d4940-35e7-481f-e3c1-259cc32d3800/public"
></img>
</div>
</div>
</div>
<div className="hero-text-box">
<div className="hero-text">
ATTN: Attorneys - reclaim hours every week. Spend more time
growing your practice, or just get home in time for dinner.
</div>
<div className="arrow-container">
<div className="arrow-sub-left"></div>
<div className="arrow-sub-right">
<div className="arrow-left"></div>
<div className="arrow-right">
<img
className="testi-arrow"
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/046d4940-35e7-481f-e3c1-259cc32d3800/public"
></img>
</div>
<div className="hero-testi-box">
<div className="hero-testi-left">
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{ color: "#FFD700", height: "20px", width: "20px" }}
/>
<div className="review-box">
Used by over 1,100 Novodrafters, and counting.
</div>
</div>
<div className="hero-testi-box">
<div className="hero-testi-left">
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{ color: "#FFD700", height: "20px", width: "20px" }}
/>
<div className="review-box">
Used by over 1,100 Novodrafters.
</div>
</div>
<div className="hero-testi-right">
<div className="hero-testi-right-inner">
<div className="hero-test-pic-box">
<img
className="hero-testi-face"
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/bdb625eb-2949-4416-f675-6660e1a04f00/public"
></img>
</div>
<div className="hero-testi-text"></div>
</div>
<div className="hero-testi-right">
<div className="hero-testi-right-inner">
<img
className="hero-testi-face"
src="https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/bdb625eb-2949-4416-f675-6660e1a04f00/public"
></img>
</div>
</div>
</div>
@@ -379,41 +373,28 @@ const HomePageB = () => {
<div className="home-col-50">
<div className="pad-2">
<h2 className="section-three-header">
Made by Attorneys, for Attorneys.
Cut through the rote - focus on your priorities.
</h2>
<div className="text-block-2-box">
<p className="section-three-wubhead">
Tech developed by litigators that understand your needs.
</p>
</div>
<p className="section-two-body">
We understand the demands on your time. For example, that
discovery request on your desk. With as few as three clicks, you
can draft a ready-to-serve response in minutes. It's as easy as
uploading a .pdf file.
Novodraft is not a “chatbot”, or an “AI assistant. It is a
heuristic framework that leverages AI to free you from reciting
boilerplate, "raised-or-waived," "gotcha" arguments and
objections.
</p>
<p className="section-two-body">
Novodraft generates discovery requests and responses within
precisely-defined natural language parameters. It even applies
CRAC structure, where appropriate.
</p>
<p className="section-two-body">
Novodraft cuts through the mire of rote tasks, but does much
more than automate.
This allows you to spend more time on key, dispositive issues.
The issues you know will carry the day.
</p>
<p className="section-two-body">
Intellidraft AI technology powers persuasive arguments and makes
otherwise boilerplate objections compelling. Augment your
drafting as much or as little as you want. Novodraft actively
observes your edits, and, over time, incorporates your preferred
style.
</p>
<p className="section-two-body">
Novodraft is not a “chatbot”, nor is it an “AI assitant”. It is
a proprietary, algorithmic drafting system that leverages AI to
enhance drafting. It eliminates so-called "hallucinations" and
side-effects.
</p>
<p className="section-two-body">
Modeled on real, human attorney's drafting sttyles, it generates
discovery requests, responses and persuasive objections, within
specific natural language parameters. It even applies CRAC
structure, where appropriate.
Most importantly, Novdraft observes and incorporates your unique
preferences. Over time, you will find yourself more able to
"lean in" on what matters the most.
</p>
<p className="section-two-body"></p>
<div
@@ -428,14 +409,12 @@ const HomePageB = () => {
<section className="section-3">
<div className="section-three-header-box">
<h2 className="section-three-header">
AI-Powered Legal Drafting Technology{" "}
AI-Enhanced Legal Drafting Technology{" "}
</h2>
<h2 className="section-three-header-mobile">
Novo Drafting Technology
</h2>
<p className="section-three-subhead">
Created by litigators, for litigators
</p>
<p className="section-three-subhead"></p>
</div>
<div className="card-section-container">
{/*********** CARD ONE *********** */}

48
src/styles/homepage-b.scss
View File

@@ -51,6 +51,7 @@ ul.navbar-nav {
section.section-one {
height: 680px;
margin-top: 30px;
display: flex;
justify-content: center;
}
@@ -72,13 +73,23 @@ section.section-one {
}
.hero-middle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 800px;
}
.hero-middle-header {
font-size: 2.8rem;
text-align: center;
color: #000;
font-family: Roboto;
font-weight: 500;
line-height: 3.4rem;
width: 800px;
}
.hero-imgbox {
@@ -104,9 +115,11 @@ section.section-one {
}
.hero-button-box {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 50px;
padding-left: 8px;
width: 100%;
padding-right: 10px;
height: 130px;
}
@@ -195,6 +208,7 @@ section.section-one {
justify-content: center;
margin: auto;
padding-left: 30px;
padding-top: 6px;
width: 50%;
}
@@ -895,6 +909,15 @@ li.nav-item {
margin-left: auto;
}
.section-one {
height: unset;
max-height: unset;
align-items: unset;
justify-content: unset;
margin: unset;
margin-top: unset;
}
.mobile-lower-header-top {
height: 60%;
@@ -902,6 +925,25 @@ li.nav-item {
color: #fff;
}
.hero-imgbox {
display: flex;
flex-direction: column;
width: 380px;
}
.hero-middle-box {
width: 380px;
}
.hero-middle {
width: 380px;
}
.hero-button-box {
display: flex;
flex-direction: column;
}
.mobile-sw-deck {
color: #fff;
font-size: 16px;

18
src/styles/homepage.scss
View File

@@ -21,6 +21,16 @@ a {
font-family: Roboto;
}
.hero-top {
height: 13px;
}
.hero-top-text {
font-family: Roboto;
font-size: 12px;
color: #fff;
}
.card-image-container {
display: flex;
flex-direction: column;
@@ -744,6 +754,14 @@ li.nav-item {
width: 392px;
}
.hero-top {
display: none;
}
.hero-top-text {
display: none;
}
ul.navbar-nav {
margin-left: auto;
}