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

added footer section and hero section

Browse Source
This commit was merged in pull request #1.
This commit is contained in:
victorAnumudu
2024-07-29 21:47:26 +01:00
parent fa177964f5
commit cef38f100f
7 changed files with 146 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/AfterHero.js
+15 -19
View File
@@ -1,12 +1,13 @@
import React from 'react';
import thumb4 from '../assets/images/about-thumb-4.png';
import thumb5 from '../assets/images/about-thumb-5.png';
import cardImg from '../assets/images/home/card-home-01.png'
import bg from '../assets/images/background-bg.jpg'
import Image from 'next/image';
function AfterHero() {
return (
<>
<section className="appie-about-8-area pt-100 pb-100">
<section className="appie-about-8-area pt-50 pb-70" style={{ backgroundImage: `url(${bg.src})`, backgroundSize: 'cover' }}>
<div className="container">
<div className="row">
<div className="col-lg-12">
@@ -37,27 +38,17 @@ function AfterHero() {
</a>
</div>
<div className="col-12 col-sm-8 order-1 order-sm-2">
<img className='w-100 h-100' src={cardImg} alt="Child Card" />
<Image
src={cardImg}
width={'100%'}
height={'100%'}
alt=""
/>
</div>
</div>
</div>
</div>
<div className="col-lg-5">
{/* <div className="appie-about-8-box">
<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>
<a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
<div className="thumb mr-30">
<img src={thumb5} alt="" />
</div>
</div> */}
<div className='appie-about-container'>
<div className="appie-about-8-box">
<h3 className="title">
@@ -75,7 +66,12 @@ function AfterHero() {
</a>
</div>
<div className="col-12 col-sm-8 order-1 order-sm-2">
<img className='w-100 h-100' src={thumb5} alt="" />
<Image
src={thumb5}
width={'100%'}
height={'100%'}
alt=""
/>
</div>
</div>
</div>