commit

2025-10-28 03:21:01 +01:00
parent 10796dcb31
commit 73da41b514
44 changed files with 1868 additions and 452 deletions
--- a/frontend/src/components/ads/Drone/Drone.tsx
+++ b/frontend/src/components/ads/Drone/Drone.tsx
@@ -0,0 +1,108 @@
+import React, { useEffect, useRef } from "react"
+import styles from "./drone.module.css"
+
+export default function Drone() {
+  const videoRef = useRef<HTMLVideoElement | null>(null)
+  const sourceRef = useRef<HTMLSourceElement | null>(null)
+
+  useEffect(() => {
+    function setVideoDroneQuality() {
+      if (!sourceRef.current || !videoRef.current) return
+
+      const videoSources = {
+        fullHD: "static/home/video/drone-background-video-1080p.mp4", // For desktops (1920x1080)
+        hd: "static/home/video/drone-background-video-720p.mp4",      // For tablets/smaller screens (1280x720)
+        lowRes: "static/home/video/drone-background-video-480p.mp4"   // For mobile devices or low performance (854x480)
+      }
+
+      const screenWidth = window.innerWidth
+
+      // Pick appropriate source
+      if (screenWidth >= 1920) {
+        sourceRef.current.src =
+          "https://vontor-cz.s3.eu-central-1.amazonaws.com/" + videoSources.fullHD
+      } else if (screenWidth >= 1280) {
+        sourceRef.current.src =
+          "https://vontor-cz.s3.eu-central-1.amazonaws.com/" + videoSources.hd
+      } else {
+        sourceRef.current.src =
+          "https://vontor-cz.s3.eu-central-1.amazonaws.com/" + videoSources.lowRes
+      }
+
+      // Reload video
+      videoRef.current.load()
+      console.log("Drone video set!")
+    }
+
+    // Run once on mount
+    setVideoDroneQuality()
+
+    // Optional: rerun on resize
+    window.addEventListener("resize", setVideoDroneQuality)
+    return () => {
+      window.removeEventListener("resize", setVideoDroneQuality)
+    }
+  }, [])
+
+  return (
+    <div className={`${styles.drone}`}>
+      <video
+        ref={videoRef}
+        id="drone-video"
+        className={styles.videoBackground}
+        autoPlay
+        muted
+        loop
+        playsInline
+      >
+        <source ref={sourceRef} id="video-source" type="video/mp4" />
+        Your browser does not support video.
+      </video>
+
+      <article>
+        <header>
+          <h1>Letecké snímky dronem</h1>
+        </header>
+
+        <main>
+          <section>
+            <h2>Oprávnění</h2>
+            <p>
+              A1, A2, A3 a průkaz na vysílačku!
+              <br />
+              Mohu garantovat bezpečný provoz dronu i ve složitějších podmínkách. 
+              Mám také možnost žádat o povolení k letu v blízkosti letišť!
+            </p>
+          </section>
+
+          <section>
+            <h2>Cena</h2>
+            <p>
+              Nabízím letecké záběry dronem <br />
+              za cenu <u>3 000 Kč</u>.
+            </p>
+            <p>
+              Pokud se nacházíte v Ostravě, doprava je zdarma. Pro oblasti mimo Ostravu účtuji 10 Kč/km.
+            </p>
+            <p>
+              Cena se může odvíjet ještě podle složitosti získaní povolení.*
+            </p>
+          </section>
+
+          <section>
+            <h2>Výstup</h2>
+            <p>
+              Rád Vám připravím jednoduchý sestřih videa, který můžete rychle použít, 
+              nebo Vám mohu poskytnout samotné záběry k vlastní editaci.
+            </p>
+          </section>
+        </main>
+
+        <div>
+          V případě zájmu mě neváhejte <br />
+          <a href="#contacts">kontaktovat!</a>
+        </div>
+      </article>
+    </div>
+  )
+}