diff --git a/Components/Elements/ContactThreeJsComponent.jsx b/Components/Elements/ContactThreeJsComponent.jsx
index 0fbc1ae..a9452bf 100644
--- a/Components/Elements/ContactThreeJsComponent.jsx
+++ b/Components/Elements/ContactThreeJsComponent.jsx
@@ -25,23 +25,23 @@ const ContactThreeJsComponent = React.memo(() => {
mountRef.current.appendChild(renderer.domElement);
camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 1000);
- camera.position.z = 400;
+ camera.position.z = 700;
const scene = new THREE.Scene();
- scene.fog = new THREE.Fog(0x000000, 1, 1000);
+ scene.fog = new THREE.Fog(0x272822, 1, 1000);
object = new THREE.Object3D();
scene.add(object);
- const geometry = new THREE.SphereGeometry(1, 4, 4);
- const material = new THREE.MeshPhongMaterial({ color: 0xffffff, flatShading: true });
+ const geometry = new THREE.BoxGeometry(50, 50, 50);
+ const material = new THREE.MeshPhongMaterial({ color: 0xFFD700, flatShading: true });
- for (let i = 0; i < 100; i++) {
+ for (let i = 0; i < 30; i++) {
const mesh = new THREE.Mesh(geometry, material);
mesh.position.set(Math.random() - 0.5, Math.random() - 0.5, Math.random() - 0.5).normalize();
mesh.position.multiplyScalar(Math.random() * 400);
mesh.rotation.set(Math.random() * 2, Math.random() * 2, Math.random() * 2);
- mesh.scale.x = mesh.scale.y = mesh.scale.z = Math.random() * 50;
+ mesh.scale.x = mesh.scale.y = mesh.scale.z = Math.random() * 2;
object.add(mesh);
}
@@ -75,8 +75,8 @@ const ContactThreeJsComponent = React.memo(() => {
function animate() {
requestAnimationFrame(animate);
- object.rotation.x += 0.005;
- object.rotation.y += 0.01;
+ object.rotation.x += 0.002;
+ object.rotation.y += 0.003;
composer.render();
}
diff --git a/Components/Elements/VideoAsk.jsx b/Components/Elements/VideoAsk.jsx
new file mode 100644
index 0000000..89027d5
--- /dev/null
+++ b/Components/Elements/VideoAsk.jsx
@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+
+const VideoAsk = () => {
+ useEffect(() => {
+ window.VIDEOASK_EMBED_CONFIG = {
+ "kind": "widget",
+ "url": "https://www.videoask.com/f8fah1r34",
+ "options": {
+ "widgetType": "VideoThumbnailSmall",
+ "text": "Talk",
+ "backgroundColor": "#FFFFFF",
+ "position": "bottom-right",
+ "dismissible": true
+ }
+ };
+ const script = document.createElement('script');
+ script.src = 'https://www.videoask.com/embed/embed.js';
+ script.async = true;
+ document.body.appendChild(script);
+ }, []);
+
+ return null;
+};
+
+export default VideoAsk;
\ No newline at end of file
diff --git a/pages/_app.js b/pages/_app.js
index 198e567..bacecd9 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -2,6 +2,7 @@ import '@/styles/globals.css'
import { Fira_Code } from '@next/font/google'
import { AnimatePresence, motion } from "framer-motion";
import "../styles/globals.css";
+import VideoAsk from '../Components/Elements/VideoAsk';
const firaCode = Fira_Code ({
subsets: ["latin"],
@@ -9,6 +10,7 @@ const firaCode = Fira_Code ({
function MyApp({ Component, pageProps, router }) {
return (
+ <>
+
+ >
);
}
diff --git a/pages/about.js b/pages/about.js
index ea9b71a..b5a1659 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -15,27 +15,24 @@ export default function Home() {
buttonOneText="watch"
videoId="uu01xBw_BVE"
/>
-
-
-
-
>
diff --git a/pages/index.js b/pages/index.js
index 57a00a7..7ea6eab 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -2,6 +2,8 @@
import React from "react";
import Navbar from "../Components/Layout/navbar.jsx";
import Section from "../Components/Layout/section.jsx"
+import ContactFormSection from "@/Components/Layout/ContactFormSection.jsx";
+
export default function Home() {
return (
@@ -47,13 +49,8 @@ export default function Home() {
buttonTwoText="learn more"
buttonLink="/contactus"
/>
-
>
);