homepage changes added

This commit was merged in pull request #86.
This commit is contained in:
victorAnumudu
2024-05-27 18:16:08 +01:00
parent ff17334276
commit d2f1c182d1
3 changed files with 84 additions and 90 deletions
+9 -3
View File
@@ -34,9 +34,15 @@ const Main = ({gredient}) => {
Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform plan rewards.
</p>
</div>
<div className="appie-traffic-title section_title mb-3" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
<h3 className='title text-center text-lg-left'>Assign Faster with</h3>
<h3 className='w-100 title text-center d-flex justify-content-center justify-content-lg-end flex-nowrap'>
<div className='color-blue italic'>wrench</div><div className='color-purple'>Agent</div>
</h3>
</div>
<div className="row">
{list?.map(({ icon, header, paragraph, name }, idx) => (
<div className="col-12 mb-20" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}>
<div className="col-12 col-md-6 mb-10" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}>
<div
className={`appie-traffic-service features appie-modern-design`}
>
@@ -44,14 +50,14 @@ const Main = ({gredient}) => {
<i className={icon} />
</div>
<h5 className="title">{header}</h5>
<p>{paragraph}</p>
{/* <p>{paragraph}</p> */}
</div>
</div>
))}
</div>
</div>
</div>
<div className="col-lg-6">
<div className="col-lg-6 mt-4 mt-lg-0">
<Right />
</div>
</div>
+9 -9
View File
@@ -3,19 +3,19 @@ import BGImage from "../../../../assets/images/sec-background.jpg";
export default function Right() {
return (
<div className="w-100">
<div className="appie-traffic-title section_title mb-0" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
<div className="p-1 w-100">
{/* <div className="appie-traffic-title section_title mb-0" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
<h3 className='title text-center'>Assign Faster with</h3>
<h3 className='title text-center d-flex justify-content-center flex-nowrap'>
<div className='color-blue italic'>Wrench</div><div className='color-purple'>Agent</div>
<div className='color-blue italic'>wrench</div><div className='color-purple'>Agent</div>
</h3>
</div> */}
{/* <div className='px-2 w-100 mb-2'>  */}
<div className='color-purple text-center mb-2'>
<h3 className='color-purple font-25 mb-10'>Ask our <span>&#x275B;&#x275B;<span className='color-blue italic'>wrench</span>Agent&#x275C;&#x275C;</span> Generative AI to assist</h3>
<h3 className='font_black font-20 mb-10'>&#x275B;&#x275B;Recommend 4 summer chores for a 12 years old&#x275C;&#x275C;</h3>
</div>
<div className='p-2 w-100 my-2'> 
<div className='color-purple text-center'>
<h3 className='color-purple font-25 mb-10'>Ask our <span className='black'>&#x275B;&#x275B;WrenchAgent&#x275C;&#x275C;</span> Generative AI to assist</h3>
<h3 className='font_black font-20 mb-10'>&#x275B;&#x275B;Recommend 4 summer chores for a 12 years old&#x275C;&#x275C;</h3>
</div>
</div>
{/* </div> */}
{/* 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' }}