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" /> -
);