From 496977981a6405e3c10f403aeab7bd6a75d93189 Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Tue, 30 Jul 2024 08:01:50 -0400 Subject: [PATCH] about us page --- app/about-us/HeaderAbout.js | 56 ++++++++++++ app/about-us/HeroAbout.js | 49 ++++++++++ app/about-us/ServicesAbout.js | 23 +++++ app/about-us/TeamAbout.js | 163 ++++++++++++++++++++++++++++++++++ app/about-us/index.js | 34 +++++++ app/about-us/page.tsx | 2 + 6 files changed, 327 insertions(+) create mode 100644 app/about-us/HeaderAbout.js create mode 100644 app/about-us/HeroAbout.js create mode 100644 app/about-us/ServicesAbout.js create mode 100644 app/about-us/TeamAbout.js create mode 100644 app/about-us/index.js diff --git a/app/about-us/HeaderAbout.js b/app/about-us/HeaderAbout.js new file mode 100644 index 0000000..4b153be --- /dev/null +++ b/app/about-us/HeaderAbout.js @@ -0,0 +1,56 @@ +import React, { useEffect } from 'react'; +import logo from '../../assets/images/wrenchboard-logo-text.png'; +import StickyMenu from '../../lib/StickyMenu'; +import Navigation from '../Navigation'; +import getConfig from './../../Config/config' +import { Link } from 'react-router-dom'; + +function HeaderAbout({ action }) { + useEffect(() => { + StickyMenu(); + }); + var site = getConfig()[0]; + + return ( + <> +
+
+
+
+
+
+ + + +
+
+
+
+ +
+
+
+
+ + Login + + + Get Started + +
action(e)} + className="toggle-btn ml-30 canvas_open d-lg-none d-block" + > + +
+
+
+
+
+
+
+ + ); +} + +export default HeaderAbout; diff --git a/app/about-us/HeroAbout.js b/app/about-us/HeroAbout.js new file mode 100644 index 0000000..5f6d2fd --- /dev/null +++ b/app/about-us/HeroAbout.js @@ -0,0 +1,49 @@ + +function HeroAbout() { + return ( + <> +
+
+
+
+
+

Plan and reward accomplishment with ease.

+
+
+
+
+
+ {/* col-lg-8 */} +
+
+

+ We Empower Reward for Achievements +

+

+ WrenchBoard is the platform for planning and rewarding accomplishments for individuals and parents. Parents can set up family accounts to oversee their children's activities and earnings. +

+

+ At WrenchBoard, we believe in the power of motivating through rewards. As children complete projects, tasks, or chores and earn rewards, children also gain financial, time management, and valuable execution skills that enhance the joy of personal growth. +

+

+ WrenchBoard is more than just a platform for rewards; it fosters holistic growth in children, and WrenchBoard prioritizes safety above all. We implement strict guidelines to ensure age-appropriate tasks and interactions, providing a worry-free space for kids and their guardians. + + {/*WrenchBoard prioritizes safety above all. Parents can set up family accounts to oversee their children's activities and earnings. We implement strict guidelines to ensure age-appropriate tasks and interactions, providing a worry-free space for both kids and their guardians.*/} + {/*We believe that earning should go hand in hand with learning. As kids complete projects and earn, they also acquire essential life skills such as financial literacy, time management, and effective communication. WrenchBoard isn't just about making money; it's about fostering holistic growth.*/} + + +

+

Learn more at www.WrenchBoard.com

+
+
+
+
+
+
+
+
+ + ); +} + +export default HeroAbout; diff --git a/app/about-us/ServicesAbout.js b/app/about-us/ServicesAbout.js new file mode 100644 index 0000000..9d2dd8a --- /dev/null +++ b/app/about-us/ServicesAbout.js @@ -0,0 +1,23 @@ +import React from 'react'; +import AboutTextComponent from '../AboutText/AboutText'; + +function ServicesAbout() { + return ( + <> +
+
+
+
+
+

We’re driven by your values

+ {/*

{servicesContent.subTitle}

*/} +
+
+
+
+
+ + ); +} + +export default ServicesAbout; diff --git a/app/about-us/TeamAbout.js b/app/about-us/TeamAbout.js new file mode 100644 index 0000000..5c5814c --- /dev/null +++ b/app/about-us/TeamAbout.js @@ -0,0 +1,163 @@ +import React from 'react'; +import team1 from '../../assets/images/team-1.jpg'; +import team2 from '../../assets/images/team-2.jpg'; +import team3 from '../../assets/images/team-3.jpg'; +import team4 from '../../assets/images/team-4.jpg'; + +function TeamAbout() { + return ( + <> +
+
+
+
+
+

Meet our Team Members

+

Different layouts and styles for team sections.

+
+
+
+
+
+
+
+ + +
+
+
Benjamin Evalent
+ CEO-Founder +
+
+
+
+
+
+ + +
+
+
Benjamin Evalent
+ CEO-Founder +
+
+
+
+
+
+ + +
+
+
Benjamin Evalent
+ CEO-Founder +
+
+
+
+
+
+ + +
+
+
Benjamin Evalent
+ CEO-Founder +
+
+
+
+ +
+
+
+
+ + ); +} + +export default TeamAbout; diff --git a/app/about-us/index.js b/app/about-us/index.js new file mode 100644 index 0000000..44da08d --- /dev/null +++ b/app/about-us/index.js @@ -0,0 +1,34 @@ +import React from 'react'; +import useToggle from '../../Hooks/useToggle'; +import BackToTop from '../BackToTop'; +import SignupHomeEight from '../HomeEight/SignupHomeEight'; +import FooterHomeOne from '../HomeOne/FooterHomeOne'; +import SponserHomeTwo from '../HomeTwo/SponserHomeTwo'; +import Drawer from '../Mobile/Drawer'; +import HeaderAbout from './HeaderAbout'; +import HeroAbout from './HeroAbout'; +import ServicesAbout from './ServicesAbout'; +import TeamAbout from './TeamAbout'; +import StickyHeaderNav from '../StickyHeader/StickyHeaderNav'; +import AboutTextComponent from '../AboutText/AboutText'; + +function AboutUs() { + const [drawer, drawerAction] = useToggle(false); + return ( + <> + + {/* */} + + + + {/* */} + {/* + */} + + + + + ); +} + +export default AboutUs; diff --git a/app/about-us/page.tsx b/app/about-us/page.tsx index 6870a35..c293b29 100644 --- a/app/about-us/page.tsx +++ b/app/about-us/page.tsx @@ -1,5 +1,6 @@ import React from 'react' import FooterHomeOne from '../components/FooterHomeOne'; +import HeroAbout from './HeroAbout'; // must be a better way to centralize the style = TEMPORARY USE import '../assets/css/bootstrap.min.css'; @@ -15,6 +16,7 @@ function page() { return ( <>
Abouut us Here
+