homepage changes added
This commit was merged in pull request #86.
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>❛❛<span className='color-blue italic'>wrench</span>Agent❜❜</span> 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 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'>❛❛WrenchAgent❜❜</span> 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> */}
|
||||
{/* 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' }}
|
||||
|
||||
Reference in New Issue
Block a user