added about page

2024-07-31 14:52:46 +01:00
parent c3f9e9859d
commit 78eb0378c6
13 changed files with 251 additions and 16 deletions
@@ -0,0 +1,20 @@
+"use client"
+import React, {useEffect} from 'react'
+import useToggle from '../../Hooks/useToggle'
+import Drawer from '../../Mobile/Drawer'
+import Services from './Services'
+import StickyMenu from '../../lib/StickyMenu';
+ 
+
+export default function ServiceNav() {
+    const [drawer, drawerAction] = useToggle(false);
+    useEffect(() => {
+      StickyMenu();
+  });
+  return (
+    <>
+        <Drawer drawer={drawer} action={drawerAction.toggle} />
+        <Services action={drawerAction.toggle} />
+    </>
+  )
+}
@@ -0,0 +1,50 @@
+import React from 'react';
+import logo from '../../assets/images/wrenchboard-logo-text.png';
+import Navigation from './Navigation';
+import Image from 'next/image';
+
+function Services({ action }) {
+
+    return (
+        <>
+            <header className="appie-header-area appie-header-page-area appie-sticky">
+                <div className="container">
+                    <div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
+                        <div className="row align-items-center">
+                            <div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
+                                <div className="wrench-logo-box">
+                                    <a href="/">
+                                        <Image src={logo} alt="WrenchBoard" loading='eager' width="175" height="38" />
+                                    </a>
+                                </div>
+                            </div>
+                            <div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
+                                <div className="appie-header-main-menu">
+                                    <Navigation />
+                                </div>
+                            </div>
+                            <div className="col-lg-4  col-md-7 col-sm-6 col-6 order-2 order-sm-3">
+                                <div className="appie-btn-box text-right">
+                                    <a className="login-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
+                                        <i className="fal fa-user"></i> Login
+                                    </a>
+                                    <a className="main-btn ml-30" href={process.env.REACT_APP_DASH_URL_SIGNUP}>
+                                        Get Started
+                                    </a>
+                                    <div
+                                        onClick={(e) => action(e)}
+                                        className="toggle-btn ml-30 canvas_open d-lg-none d-block"
+                                    >
+                                        <i className="fa fa-bars"></i>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </header>
+        </>
+    );
+}
+
+export default Services;