fd

commit 99c60ba0c8381c177b67a358b4a6da05ab44f0de (HEAD -> main)
Author: Richu Sony <sonyrichu4@gmail.com>
Date:   Thu Feb 9 01:30:07 2023 +0530

    first commit

diff --git a/assets/bg1.jpg b/assets/bg1.jpg
new file mode 100644
index 0000000..608d0a1
Binary files /dev/null and b/assets/bg1.jpg differ
diff --git a/assets/broken-heart.png b/assets/broken-heart.png
new file mode 100644
index 0000000..222cff7
Binary files /dev/null and b/assets/broken-heart.png differ
diff --git a/assets/child-labour.png b/assets/child-labour.png
new file mode 100644
index 0000000..f31232d
Binary files /dev/null and b/assets/child-labour.png differ
diff --git a/assets/close.png b/assets/close.png
new file mode 100644
index 0000000..636110c
Binary files /dev/null and b/assets/close.png differ
diff --git a/assets/hero-bg.webp b/assets/hero-bg.webp
new file mode 100644
index 0000000..c3574b7
Binary files /dev/null and b/assets/hero-bg.webp differ
diff --git a/assets/menu.png b/assets/menu.png
new file mode 100644
index 0000000..03dd560
Binary files /dev/null and b/assets/menu.png differ
diff --git a/components/Footer.jsx b/components/Footer.jsx
new file mode 100644
index 0000000..3899e1c
--- /dev/null
+++ b/components/Footer.jsx
@@ -0,0 +1,11 @@
+const Footer = () =>{
+    return(
+        <>
+        <div className="bg-black align-middle"> 
+            <h2 className="text-white py-4 text-center">Developed by ?</h2>
+        </div>
+        </>
+    )
+}
+
+export default Footer;
\ No newline at end of file
diff --git a/components/Layout.jsx b/components/Layout.jsx
new file mode 100644
index 0000000..ced79cd
--- /dev/null
+++ b/components/Layout.jsx
@@ -0,0 +1,13 @@
+
+import Footer from './footer'
+import Navbar from './Navbar'
+
+export default function Layout({ children }) {
+  return (
+    <>
+      <Navbar />
+      <main>{children}</main>
+      <Footer />
+    </>
+  )
+}
\ No newline at end of file
diff --git a/components/Map/Map.jsx b/components/Map/Map.jsx
new file mode 100644
index 0000000..2bbf9da
--- /dev/null
+++ b/components/Map/Map.jsx
@@ -0,0 +1,25 @@
+import { MapContainer, TileLayer,Marker,Popup } from 'react-leaflet'
+import 'leaflet/dist/leaflet.css'
+import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css'
+import "leaflet-defaulticon-compatibility";
+
+const Map = () => {
+  const cent=[12.859324, 74.846866]
+  return (
+    <MapContainer center={cent} zoom={14} scrollWheelZoom={false} style={{height: "90%", width: "100%"}}>
+      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
+    attribution="&copy; <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors"/>
+      <Marker 
+      position={cent}
+      draggable={true}
+      animate={true}
+      >
+        <Popup>
+          <h3 className='text-slate-900'>Hey you found me :)</h3>
+        </Popup>
+      </Marker>
+    </MapContainer>
+  )
+}
+
+export default Map
\ No newline at end of file
diff --git a/components/Map/index.js b/components/Map/index.js
new file mode 100644
index 0000000..5a400c9
--- /dev/null
+++ b/components/Map/index.js
@@ -0,0 +1,7 @@
+import dynamic from "next/dynamic";
+
+const Map = dynamic(() => import('./Map'),{
+    ssr:false
+});
+
+export default Map;
\ No newline at end of file
diff --git a/components/Navbar.jsx b/components/Navbar.jsx
new file mode 100644
index 0000000..0bba144
--- /dev/null
+++ b/components/Navbar.jsx
@@ -0,0 +1,41 @@
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faClose, faBars } from "@fortawesome/free-solid-svg-icons";
+import { useState } from "react";
+const Navbar = () => {
+    if (typeof window !== "undefined") {
+        const [menus, setMenus] = useState(faBars)
+        const [cname, setCname] = useState('hidden')
+        const openMenu = (event) => {
+            console.log(event)
+            setMenus(faClose);
+            setCname('')
+            if (menus === faClose) {
+                setMenus(faBars)
+                setCname('hidden')
+            }
+        }
+        
+        return (
+            <>
+                <div className="flex justify-between h-14 p-3 text-center">
+                    <div>
+                        <h2 className="font-black text-2xl">HFT</h2>
+                    </div>
+                    <FontAwesomeIcon icon={menus} className='absolute right-4 text-2xl transition ease-in-out delay-150' onClick={openMenu} />
+                    <div className={`bg-slate-400 ${cname} absolute right-0 top-14 transition ease-in-out delay-150`}>
+                        <ul className="bg-slate-600 p-7 ">
+                            <li className="text-xl p-3 border-b">About</li>
+                            <li className="text-xl p-3 border-b">Contact</li>
+                            <li className="text-xl p-3 border-b">FAQ</li>
+                            <li className="text-xl p-3 border-b">Login</li>
+                        </ul>
+
+                    </div>
+                </div>
+            </>
+        )
+        
+    }
+}
+
+export default Navbar;
\ No newline at end of file
diff --git a/next.config.js b/next.config.js
index 8b61df4..051b416 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,4 +1,12 @@
 /** @type {import('next').NextConfig} */
 module.exports = {
   reactStrictMode: true,
+  'fontawesome-svg-core': {
+    'license': 'free'
+  },
+  env: {
+    customKey: 'Richu Sony',
+    MAP_API_KEY: 'AIzaSyBBx0cYEYMzhbRxDNak5NV6WTiXF2sYrXI',
+  }
+
 }
diff --git a/package-lock.json b/package-lock.json
index a249b0b..61f18c1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,18 +5,99 @@
   "packages": {
     "": {
       "dependencies": {
+        "@fortawesome/fontawesome-svg-core": "^6.3.0",
+        "@fortawesome/free-regular-svg-icons": "^6.3.0",
+        "@fortawesome/free-solid-svg-icons": "^6.3.0",
+        "@fortawesome/react-fontawesome": "^0.2.0",
+        "@googlemaps/js-api-loader": "^1.15.1",
+