ourworld_web/www_mycelium_cloud2
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-17 15:45:33 +02:00
parent 8f997b2f86
commit 9e26dce717
5 changed files with 19 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/(main)/page.tsx
View File

@@ -35,6 +35,9 @@ export default function Home() {
<section id="features"> <section id="features">
<UseCases /> <UseCases />
</section> </section>
<section id="clickable-gallery">
<ClickableGallery />
</section>
<section id="get-started"> <section id="get-started">
<GetStarted /> <GetStarted />
</section> </section>

3
src/app/layout.tsx
View File

@@ -1,7 +1,6 @@
import { type Metadata } from 'next' import { type Metadata } from 'next'
import { Mulish } from 'next/font/google' import { Mulish } from 'next/font/google'
import clsx from 'clsx' import clsx from 'clsx'
import SmoothScrollProvider from '@/components/SmoothScrollProvider'
import '@/styles/tailwind.css' import '@/styles/tailwind.css'
@@ -27,7 +26,7 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en" className={clsx('antialiased', mulish.variable)}> <html lang="en" className={clsx('antialiased', mulish.variable)}>
<body className="bg-black text-white"><SmoothScrollProvider>{children}</SmoothScrollProvider></body> <body className="bg-black text-white">{children}</body>
</html> </html>
) )
} }

15
src/components/NavLinks.tsx
View File

@@ -8,6 +8,20 @@ export function NavLinks() {
let [hoveredIndex, setHoveredIndex] = useState<number | null>(null) let [hoveredIndex, setHoveredIndex] = useState<number | null>(null)
let timeoutRef = useRef<number | null>(null) let timeoutRef = useRef<number | null>(null)
const handleClick = (e: React.MouseEvent<HTMLAnchorElement>, href: string) => {
if (href.startsWith('/#')) {
e.preventDefault();
const targetId = href.substring(2);
const targetElement = document.getElementById(targetId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
});
}
}
};
return [ return [
['About', '/#about'], ['About', '/#about'],
['Network', '/#network'], ['Network', '/#network'],
@@ -20,6 +34,7 @@ export function NavLinks() {
key={label} key={label}
href={href} href={href}
className="relative -mx-3 -my-2 rounded-lg px-3 py-2 text-sm text-white transition-colors delay-150 hover:text-gray-300 hover:delay-0" className="relative -mx-3 -my-2 rounded-lg px-3 py-2 text-sm text-white transition-colors delay-150 hover:text-gray-300 hover:delay-0"
onClick={(e) => handleClick(e, href)}
onMouseEnter={() => { onMouseEnter={() => {
if (timeoutRef.current) { if (timeoutRef.current) {
window.clearTimeout(timeoutRef.current) window.clearTimeout(timeoutRef.current)

8
src/components/SmoothScrollProvider.tsx
View File

@@ -1,8 +0,0 @@
'use client'
import { useSmoothScroll } from '@/hooks/use-smooth-scroll';
export default function SmoothScrollProvider({ children }: { children: React.ReactNode }) {
useSmoothScroll();
return <>{children}</>;
}

28
src/hooks/use-smooth-scroll.ts
View File

@@ -1,28 +0,0 @@
import { useEffect } from 'react';
export const useSmoothScroll = () => {
useEffect(() => {
const handleLinkClick = (e: MouseEvent) => {
const target = e.target as HTMLAnchorElement;
const href = target.getAttribute('href');
if (href && href.startsWith('#')) {
e.preventDefault();
const targetId = href.substring(1);
const targetElement = document.getElementById(targetId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
});
}
}
};
document.addEventListener('click', handleLinkClick);
return () => {
document.removeEventListener('click', handleLinkClick);
};
}, []);
};