Skip to content

Commit 4c04071

Browse files
jayavel-testsigmajayavel-testsigma
authored
Merge pull request #59 from testsigmahq/dev
Dev to main [ 12 Sept ]
2 parents 866f214 + 2f89b87 commit 4c04071

9 files changed

Lines changed: 219 additions & 121 deletions

File tree

‎src/components/Footer.jsx‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,13 @@ const Footer = ()=> {
1010
return (
1111
<>
1212
<FeedbackButtons />
13-
<SubscribeButton />
13+
{/* <SubscribeButton /> */}
14+
<div className='footer-cta rounded'>
15+
<div className='flex items-center justify-between flex-wrap'>
16+
<h3 className='cta-heading m-0'>Learn how to execute low code tests across 3000+ device / browser environments.</h3>
17+
<a href='/request-demo' target={'_blank'} className='cta-link border border-green-600 px-4 py-1.5 bg-green-600 text-white rounded h-10'>Schedule a free demo</a>
18+
</div>
19+
</div>
1420
<div className="footer_greyBox">
1521
<svg width="109" height="26" viewBox="0 0 109 26" fill="none" xmlns="http://www.w3.org/2000/svg">
1622
<path

‎src/components/Footer.scss‎

Lines changed: 26 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
.footer_docs{
2-
margin-top: 0px;
3-
position: relative;
4-
top: 40px;
2+
margin: 2rem 0;
53
@media (max-width: 576px) {
64
overflow: hidden;
75
top: 20px;
@@ -202,6 +200,7 @@
202200
border-radius: 3px;
203201
background-color: #FFF;
204202
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.03);
203+
width: 100%;
205204
@media only screen and (max-width: 767px) {
206205
max-width: 100%;
207206
width: 100%;
@@ -222,7 +221,7 @@
222221
background: #03A973 !important;
223222
border: 1px solid #03A973 !important;
224223
max-width: 100%;
225-
width: 92%;
224+
width: 97%;
226225
height: 40px;
227226
border-radius: 4px;
228227
-webkit-border-radius: 2px;
@@ -321,4 +320,27 @@
321320
.text_end{
322321
text-align: end!important;
323322
}
323+
}
324+
.footer-cta{
325+
background-color: #EFEFEF;
326+
padding: 2rem 3rem;
327+
@media only screen and (max-width: 767px) {
328+
@apply p-8;
329+
}
330+
.cta-heading{
331+
flex: 0 0 70%;
332+
font-size: 24px !important;
333+
line-height: 38px !important;
334+
margin: 0 !important;
335+
@media only screen and (max-width: 1023px) {
336+
@apply pb-8;
337+
flex: 0 0 100%;
338+
}
339+
}
340+
.cta-link{
341+
font-weight: 600;
342+
font-size: 18px;
343+
@apply text-center;
344+
height: fit-content;
345+
}
324346
}

‎src/components/LeftNav.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
//height: 100%;
1010
position: sticky;
1111
height: 100vh;
12-
top: 0px;
12+
top: 4.5rem;
1313
font-size: 14px;
1414
overflow: scroll;
1515
font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica, Arial, sans-serif;

‎src/components/header.jsx‎

Lines changed: 62 additions & 0 deletions
Large diffs are not rendered by default.

‎src/components/navcards.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ const data = [
5050

5151
const Card = ({ title, description, path }) => {
5252
return (
53-
<a href={path} className="card md:w-5/12 p-7 cursor-pointer justify-between flex mr-2 mb-2 w-full ">
53+
<a href={path} className="card md:w-5/12 p-7 cursor-pointer justify-between flex w-full ">
5454
<div className="w-fit">
5555
<span className="card_heading">{title}</span><br/>
5656
<span className="card_desc">{description}</span>
@@ -68,7 +68,7 @@ const Card = ({ title, description, path }) => {
6868

6969
const CardList = () => {
7070
return (
71-
<div className="w-full flex flex-wrap">
71+
<div className="w-full flex flex-wrap gap-2">
7272
{data.map((item) => (
7373
<Card key={item.id} title={item.title} description={item.description} path={item.path}/>
7474
))}

‎src/components/navcards.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
width: 48%;
55
border: .1rem solid $light-grey;
66
border-radius: 2px;
7-
@media (max-width: $screen_425) {
8-
width: 100%;
7+
@media (max-width: 767px) {
8+
@apply w-full m-8;
99
}
1010
&:hover{
1111
background: $black_haze;

‎src/pages/tutorials/index.jsx‎

Lines changed: 8 additions & 40 deletions
Large diffs are not rendered by default.

‎src/templates/page.jsx‎

Lines changed: 35 additions & 69 deletions
Large diffs are not rendered by default.

‎src/templates/page.scss‎

Lines changed: 76 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,12 @@ body{
2020
height: 100%;
2121
}
2222

23-
#root_header > div {
23+
#root_header{
24+
position: sticky;
25+
top: 0;
26+
z-index: 99;
27+
background-color: #fff;
28+
> div {
2429
@media (max-width: 576px) {
2530
// position: relative;
2631
// z-index: 10;
@@ -68,6 +73,7 @@ body{
6873
}
6974
}
7075
}
76+
}
7177

7278
.doc-page {
7379

@@ -531,12 +537,18 @@ code[class*="language-"] {
531537
}
532538
.card_container{
533539
padding-bottom: 2rem;
540+
.flex{
541+
display: flex !important;
542+
}
534543
}
535544
.chat_btn{
536545
padding: 1rem;
537546
margin-right: 1rem;
538547
background: linear-gradient(0deg, $nile_blue, $nile_blue), $jade_green;
539548
border-radius: .2rem;
549+
@media only screen and (max-width: 767px) {
550+
@apply hidden;
551+
}
540552
span{
541553
padding-left: .5rem;
542554
color: $white;
@@ -561,7 +573,7 @@ code[class*="language-"] {
561573
.homepage_footer{
562574
flex-basis: 100%;
563575
justify-content: space-between;
564-
margin-bottom: 4rem;
576+
margin: 2rem 0 4rem;
565577
.pagination_buttons{
566578
@media (min-width: $screen_768) {
567579
margin: 0;
@@ -586,4 +598,66 @@ code[class*="language-"] {
586598
background-size: cover;
587599
background-position: center;
588600
}
601+
}
602+
.float-cta{
603+
@apply px-4 py-8 flex justify-center flex-col;
604+
background-color: #EFEFEF;
605+
width: 95%;
606+
margin: 3rem 0 0;
607+
.cta-title{
608+
margin: 0 !important;
609+
font-size: 24px !important;
610+
line-height: 36px !important;
611+
text-align: center;
612+
}
613+
.signup-btn{
614+
margin: 1rem 0 0;
615+
@apply flex justify-center;
616+
}
617+
}
618+
619+
.fixed{
620+
display: none;
621+
}
622+
.logo-block {
623+
@media (max-width: 767px) {
624+
@apply w-full;
625+
}
626+
svg {
627+
@media (max-width: 1279px) {
628+
@apply my-4 mx-0;
629+
}
630+
}
631+
}
632+
.search-block {
633+
@media (max-width: 767px) {
634+
@apply w-full pb-4 pt-0 py-0;
635+
}
636+
@media (min-width: 768px) {
637+
order: 2;
638+
}
639+
@media (min-width: 768px) {
640+
width: 60%;
641+
}
642+
@media (min-width: 1024px) {
643+
@apply w-1/5;
644+
}
645+
@media (max-width: 1279px) {
646+
@apply p-0;
647+
}
648+
> a {
649+
@media (min-width: 768px) {
650+
@apply whitespace-nowrap;
651+
}
652+
@media only screen and (max-width: 767px) {
653+
&:last-child{
654+
@apply hidden;
655+
}
656+
}
657+
}
658+
}
659+
.header-container{
660+
@media only screen and (max-width: 767px) {
661+
@apply px-8;
662+
}
589663
}

0 commit comments

Comments
 (0)