WrenchBoard/WrenchBoardMainSite2025
2
0
Fork 0
Code Issues Pull Requests Releases Activity

icons added

Browse Source
This commit was merged in pull request #19.
This commit is contained in:
victorAnumudu
2024-08-15 19:24:40 +01:00
parent fd2ee5da6d
commit 8efb07da7a
12 changed files with 36 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/AfterHero.js
+19 -16
View File
@@ -1,9 +1,10 @@
import React from 'react';
import thumb5 from '../assets/images/about-thumb-5.png';
import cardImg from '../assets/images/home/wrench-card-only.png'
// import bg from '../assets/images/background-bg.jpg'
import Image from 'next/image';
import cardImg from '../assets/images/home/wrench-card-only.png'
import wrenchAgent from '../assets/images/home/wrench-agent.png'
// import bg from '../assets/images/background-bg.jpg'
function AfterHero() {
return (
<>
@@ -51,24 +52,26 @@ function AfterHero() {
</div>
<div className="col-lg-5">
<div className='appie-about-container'>
<div className='row appie-about-8-box'>
<div className='h-100 row appie-about-8-box'>
<div className="col-12 col-md-6">
<h3 className="title">
Assign Faster with <br />
wrenchAgent
</h3>
<p>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
</p>
<div className=''>
<a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
<div className='h-100 d-flex flex-column justify-content-between'>
<h3 className="title">
Assign Faster with <br />
wrenchAgent
</h3>
<p>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
</p>
<div className=''>
<a className="mb-5 mb-md-0 main-btn" href={process.env.NEXT_PUBLIC_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
<div className="col-12 col-md-6">
<Image
src={thumb5}
src={wrenchAgent}
className='w-100 h-100'
width={'100%'}
height={'100%'}
app/components/SelectFeatutes.js
+11 -5
View File
@@ -1,11 +1,17 @@
"use client"
import React, { useState } from 'react';
import Image from 'next/image';
//import { Link } from 'react-router-dom';
import thumb from '../assets/images/features-thumb-11.png';
import shapeSix from '../assets/images/shape/shape-6.png';
import shapeSeven from '../assets/images/shape/shape-7.png';
import shapeEight from '../assets/images/shape/shape-8.png';
import Image from 'next/image';
import rewardIcon from '../assets/images/home/001-reward.png'
import walletIcon from '../assets/images/home/004-wallet.png'
import taskIcon from '../assets/images/home/002-task.png'
import familyIcon from '../assets/images/home/003-family.png'
function SelectFeatures({ className }) {
const [tab, setTab] = useState('setting');
const handleClick = (e, value) => {
@@ -35,7 +41,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-home"
aria-selected="true"
>
<i className="fas fa-cog" /> Reward achievement
<span><Image src={rewardIcon} height='25' width='25' className='mr-2' /></span> Reward achievement
</a>
<a
onClick={(e) => handleClick(e, 'report')}
@@ -47,7 +53,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-profile"
aria-selected="false"
>
<i className="fas fa-exclamation-triangle" /> Assign tasks or chores
<span><Image src={taskIcon} height='25' width='25' className='mr-2' /></span> Assign tasks or chores
</a>
<a
onClick={(e) => handleClick(e, 'notice')}
@@ -59,7 +65,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-messages"
aria-selected="false"
>
<i className="fas fa-bell" /> Family engagement
<span><Image src={familyIcon} height='25' width='25' className='mr-2' /></span> Family engagement
</a>
<a
onClick={(e) => handleClick(e, 'app')}
@@ -71,7 +77,7 @@ function SelectFeatures({ className }) {
aria-controls="v-pills-settings"
aria-selected="false"
>
<i className="fas fa-lock" /> Fund wallets
<span><Image src={walletIcon} height='25' width='25' className='mr-2' /></span> Fund wallets
</a>
</div>
</div>