home page adjusted

This commit was merged in pull request #83.
This commit is contained in:
victorAnumudu
2024-05-20 09:21:04 +01:00
parent 96d18db2c3
commit e2eea47196
5 changed files with 39 additions and 52 deletions
+20 -14
View File
@@ -1,4 +1,5 @@
import React from 'react'
import BGImage from "../../../../assets/images/sec-background.jpg";
export default function Right() {
return (
@@ -9,28 +10,33 @@ export default function Right() {
<div className='color-blue italic'>Wrench</div><div className='color-purple'>Agent</div>
</h3>
</div>
<div className='p-2 w-100 bg-white my-2'> 
<div className='p-2 w-100 my-2'> 
<div className='color-purple text-center'>
<h3 className='color-purple font-25 mb-10'>Ask our "WrenchAgent" Generative AI to assist</h3>
<h3 className='font_black font-20 mb-10'>"Recommend 4 summer chores for a 12 years old"</h3>
</div>
</div>
<div className="p-2 bg-white custom-w-90 mx-auto border-thin border-r-10 border-skyblue">
{list?.map((item, idx) => (
<div className="col-12 mb-20" key={idx}>
<div
className={`appie-traffic-service-two features appie-modern-design`}
>
<div className="icon">
<i className='fal fa-check' />
{/* withFadeEdge-light-purple border-skyblue border-thin*/}
<div className="p-2 pt-3 bg-white custom-w-90 mx-auto border-r-10 overflow-hidden"
style={{ backgroundImage: `url(${BGImage})`, backgroundPosition: 'left center', backgroundRepeat: 'no-repeat' }}
>
<div className='generative-ai'>
{list?.map((item, idx) => (
<div className="col-12 mb-20" key={idx}>
<div
className={`appie-traffic-service-two features appie-modern-design`}
>
<div className="icon">
<i className='fal fa-check' />
</div>
<h5 className="title italic color-purple">{item}</h5>
</div>
</div>
<h5 className="title italic color-purple">{item}</h5>
))}
<div className='w-100 d-flex justify-content-end'>
<a className='main-btn' href={process.env.REACT_APP_DASH_URL_SIGNUP}>Get Started</a>
</div>
</div>
))}
<div className='w-100 d-flex justify-content-end'>
<button className='main-btn'>Get Started</button>
</div>
</div>
</div>
)