Kıvanç TÜRKER kivancturker
kivancturker
/ scroll-animation-with-smooth.html
Last active
June 24, 2025 18:45
scroll animation and smooth scroll experience from gemini-2.5pro
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Immersive Scroll Experience</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style> | |
| body, html { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use client"; | |
| import { RiMoonClearLine, RiSunLine } from "@remixicon/react"; | |
| import { useTheme } from "next-themes"; | |
| import { useId, useState } from "react"; | |
| export default function ThemeToggle() { | |
| const id = useId(); | |
| const { theme, setTheme } = useTheme(); | |
| const [system, setSystem] = useState(false); |