\n
\n );\n}\n\nexport default Title;","import React from 'react'\nimport './About.css'\nimport Solar_img from '../../assets/Solar_img.jpg'\nimport play_icon from '../../assets/play-icon2.png'\nfunction About({ setPlayState }) {\n return (\n {props.title}
\n{props.subtitle}
\n\n
\n )\n}\n\nexport default About","import React from 'react'\nimport './Hero.css'\nimport dark_arrow from '../../../assets/white-arrow.png'\nimport { Link } from 'react-scroll';\n\nfunction Hero() {\n return (\n \n 
\n 
{ setPlayState(true) }} />\n
\n \n
\n Solar Power
\n {/*somthing
*/}\nIt's the modern and renewable energy and the alternative and safe for electricity .. Long-term effectiveness and not affected by the ongoing power cuts.
\n\n
\n )\n}\n\nexport default Hero","import React from 'react'\nimport './Contact.css'\nimport msg_icon from '../../assets/massege-icon.png'\nimport mail_icon from '../../assets/mail-icon2.png'\nimport phone_icon from '../../assets/phone_icon2.png'\nimport location_icon from '../../assets/location_icon2.png'\nimport white_arrow from '../../assets/white-arrow.png'\n\nfunction Contact() {\n\n const [result, setResult] = React.useState(\"\");\n\n const onSubmit = async (event) => {\n event.preventDefault();\n setResult(\"Sending....\");\n const formData = new FormData(event.target);\n\n formData.append(\"access_key\", \"4aeea69b-7a66-4e0a-9729-5aa1f9cbea77\");\n\n const response = await fetch(\"https://api.web3forms.com/submit\", {\n method: \"POST\",\n body: formData\n });\n\n const data = await response.json();\n\n if (data.success) {\n setResult(\"Form Submitted Successfully\");\n event.target.reset();\n } else {\n console.log(\"Error\", data);\n setResult(data.message);\n }\n };\n\n\n\n return (\n \n
\n \n TECHNNICAL VISION COMPANY\n\n
\nA LIBYAN COMPANY ESTABLISHED FOR THE PURPOSE OF SUPPLYING AND INSTALLING INDUSTRIAL EQUIPMENT OF ALL SIZES AND TYPES BY A GROUP OF EXPERIENCED ENGINEERS
\n \n\n
\n )\n}\n\nexport default Contact","import React from 'react'\nimport './Footer.css'\nfunction Footer() {\n return (\n \n Send us a massege
\n
\n Send us a massege 
\n If you have any question feel free to contact us and find out more about what we do
\n- \n
Contact at info@techvision.ly
\n -
+218-925-500-111
\n\n\n -
Benghazi
in eastern Libya\n \n
\n \n
\n\n \n
\n )\n}\n\nexport default Footer","import React, { useRef } from 'react'\nimport './Services.css'\nimport next_icon from '../../assets/next-icon.png'\nimport back_icon from '../../assets/back-icon.png'\nimport program_1 from '../../assets/program-1.jpg'\nimport program_2 from '../../assets/program-2.jpg'\nimport program_3 from '../../assets/program-3.jpg'\nimport program_4 from '../../assets/program-4.jpg'\nimport program_5 from '../../assets/program-5.jpg'\nimport program_6 from '../../assets/program-6.jpg'\nimport program_7 from '../../assets/program-7.jpg'\nimport program_8 from '../../assets/program-8.jpg'\nimport program_9 from '../../assets/program-9.jpg'\nfunction Services() {\n const slider = useRef();\n let tx = 0;\n const slideForword = () => {\n if (tx > -50) {\n tx -= 20;\n }\n slider.current.style.transform = `translateX(${tx}%)`;\n }\n const slideBackword = () => {\n if (tx < 0) {\n tx += 30;\n }\n slider.current.style.transform = `translateX(${tx}%)`;\n }\n return (\n © 2024 Technical Vision. All rights reserved
\n \n- \n
- Terms Of Services \n
- Privacy Policy \n
\n 
\n 
\n
\n )\n}\nexport default Services","import water_heater from './assets/Solar-water-heater.jpg'\nimport air_conditioning from './assets/air conditioning using solar energy.jpg';\nimport Lighting_Projectors from './assets/Solar Lighting Projectors1.jpg';\nimport Security_cameras from './assets/Security cameras.jpg';\nimport Batteries from './assets/Batteries.jpg';\nimport Interferometers from './assets/Interferometers.jpg';\nimport Solar from './assets/Solar_img4.jpg';\n\n\nexport const solarPowerData = [\n {\n imageSource: water_heater,\n title: 'Solar Water Heaters',\n description: 'We provide these heaters on surfaces with separate pipes connected directly into the houses.'\n },\n {\n imageSource: air_conditioning,\n title: 'air conditioning using solar energy',\n description: 'We provide all types and capacities of refrigeration and air conditioners.'\n },\n {\n imageSource: Lighting_Projectors,\n title: 'Solar Lighting Projectors',\n description: 'High lighting, long life and automatically operated by dark and closed with the first LED light We provide various solar lights for lighting roads, playgrounds, gardens and others.'\n },\n {\n imageSource: Security_cameras,\n title: 'Security cameras',\n description: 'We operate the camera using solar energy.'\n },\n {\n imageSource: Batteries,\n title: 'Batteries',\n description: 'We provide the most important component in any solar system and the batteries we offer in different sizes ranging from 40-210 amps / hour .. It is the most efficient batteries that operate under any circumstances and the cycle of discharge at high levels.'\n },\n {\n imageSource: Interferometers,\n title: 'Interferometers',\n description: 'We provide many types of inverters such as: grid-connected inverter, inverter, separated by grid and hybrid, featuring: 80-amp solar and electric chargers, providing protection from high voltage and low voltage currents, Household, contains a current stabilizer to maintain the stability of the network and work on the process of charging and generation and save the current automatically..'\n },\n {\n imageSource: Solar,\n title: 'Solar panels',\n description: 'We provide many solar cells with capacities ranging from 50 to 300 watts. Which operates different systems including: lighting system and operation of home appliances, solar system and the system of cameras.'\n },\n];\n\n","import React, { useState } from 'react';\nimport './SolarPower.css';\n\nimport white from '../../assets/white-arrow.png';\nimport { solarPowerData } from '../../data';\n\nfunction SolarPawer() {\n const [showMore, setShowMore] = useState(false);\n\n const toggleShowMore = () => {\n setShowMore(!showMore);\n };\n\n return (\n \n
\n\n - \n
- \n \n\n\n
\n\n
Concrete Mixers
\nWe provide mobile and fixed concrete mixers with computer warranty and maintenance
\n \n - \n \n\n\n\n
\n\n
Metallic Structures
\nConstruction of exposed and covered metal structures inside and outside cities
\n \n - \n \n\n\n\n
\n\n
Water Pumps
\nWe provide desalination plants of all sizes and production plants
\n \n\n - \n \n\n\n
\n\n
Cranes and Gantries
\nWe provide all types of cranes, overhead cranes and engines
\n \n - \n \n\n\n\n
\n\n
Fire Extinguishing Systems
\nFire extinguishing systems, central air conditioning systems, hygiene equipment and personal protection and surveillance systems
\n \n - \n \n\n\n\n
\n\n
Waste Recycling
\nWe provide recycling plants (rubber / glass / plastic) with different capacities with guarantee periods.
\n \n - \n \n\n\n\n
\n
Concrete Block Factories
\nWe provide automated block factories that help you save time and increase productivity
\n \n - \n \n\n\n\n
\n\n
Prefabricated Houses\n
\nWWe provide prefabricated housing and mobile offices according to the desired design or design, anywhere in Libya
\n \n - \n \n\n\n\n
\n\n
Ground Floor
\nWe provide ground scales for trucks
\n \n
\n {solarPowerData.slice(0, 3).map((program, index) => (\n
\n );\n}\n\nexport default SolarPawer;","import React, { useRef } from 'react'\nimport './VideoPlayer.css'\nimport video from '../../assets/video.mp4'\nfunction VideoPlayer({ playState, setPlayState }) {\n\n const player = useRef(null);\n const closePlayer = (e) => {\n if (e.target === player.current) {\n setPlayState(false);\n }\n }\n return (\n \n 
\n
\n ))}\n\n {showMore && (\n \n
\n {program.title}
\n{program.description}
\n\n {solarPowerData.slice(3).map((program, index) => (\n
\n )}\n\n \n \n
\n ))}\n \n
\n {program.title}
\n{program.description}
\n\n \n
\n \n \n
\n )\n}\n\nexport default VideoPlayer","import React from 'react'\nimport './Team.css'\nimport user1 from '../../assets/ceo.jpg'\nimport user2 from '../../assets/mohamed.jpg'\nimport user3 from '../../assets/budabos.jpg'\nimport user4 from '../../assets/abdalwahid.jpg'\n\nconst teamMembers = [\n {\n imgUrl: user1,\n name: 'Bassem Eldressy',\n position: ''\n },\n\n {\n imgUrl: user2,\n name: 'Muhammad Al-Qatani',\n position: ''\n },\n\n {\n imgUrl: user3,\n name: 'Abdullah Budbous',\n position: ''\n },\n\n {\n imgUrl: user4,\n name: 'Abdul Wahed Al-Hindawi',\n position: ''\n },\n]\nfunction Team1() {\n return (\n \n\n
\n \n {\n teamMembers.map((item, index) => (\n
\n \n
\n ))\n }\n \n 
\n
\n \n \n
\n {item.name}
\n{item.position}
\n\n\n\n
\n