forked from ourworld_web/www_engage_os
ok
This commit is contained in:
@@ -9,15 +9,14 @@ export function NavLinks() {
|
|||||||
let timeoutRef = useRef<number | null>(null)
|
let timeoutRef = useRef<number | null>(null)
|
||||||
|
|
||||||
return [
|
return [
|
||||||
['Features', '/#features'],
|
['About', '/#features'],
|
||||||
['Reviews', '/#reviews'],
|
['Build', '/#reviews'],
|
||||||
['Pricing', '/#pricing'],
|
['Host', '/#pricing'],
|
||||||
['FAQs', '/#faqs'],
|
|
||||||
].map(([label, href], index) => (
|
].map(([label, href], index) => (
|
||||||
<Link
|
<Link
|
||||||
key={label}
|
key={label}
|
||||||
href={href}
|
href={href}
|
||||||
className="relative -mx-3 -my-2 rounded-lg px-3 py-2 text-sm text-gray-600 transition-colors delay-150 hover:text-white hover:delay-0"
|
className="relative -mx-3 -my-2 rounded-lg px-3 py-2 text-sm text-gray-700 transition-colors delay-150 hover:text-white hover:delay-0"
|
||||||
onMouseEnter={() => {
|
onMouseEnter={() => {
|
||||||
if (timeoutRef.current) {
|
if (timeoutRef.current) {
|
||||||
window.clearTimeout(timeoutRef.current)
|
window.clearTimeout(timeoutRef.current)
|
||||||
|
@@ -22,9 +22,9 @@ export function SpotlightPreview() {
|
|||||||
/>
|
/>
|
||||||
<div className="relative z-10 mx-auto w-full max-w-7xl p-4 pt-20 md:pt-0">
|
<div className="relative z-10 mx-auto w-full max-w-7xl p-4 pt-20 md:pt-0">
|
||||||
<div className="flex justify-center mb-6">
|
<div className="flex justify-center mb-6">
|
||||||
<div className="mb-4 relative rounded-full px-3 py-1 text-sm/6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20 animate-fade-in-delay-1">
|
<div className="mb-4 relative rounded-full px-3 py-1 text-sm/6 text-gray-700 ring-1 ring-gray-900/10 hover:ring-gray-900/20 animate-fade-in-delay-1">
|
||||||
Announcing The New TF Marketplace.{' '}
|
Announcing The New TF Marketplace.{' '}
|
||||||
<a href="#" className="font-semibold text-white hover:text-gray-200">
|
<a href="#" className="font-semibold text-white hover:text-gray-800">
|
||||||
<span aria-hidden="true" className="absolute inset-0" />
|
<span aria-hidden="true" className="absolute inset-0" />
|
||||||
Read more <span aria-hidden="true">→</span>
|
Read more <span aria-hidden="true">→</span>
|
||||||
</a>
|
</a>
|
||||||
@@ -34,7 +34,7 @@ export function SpotlightPreview() {
|
|||||||
<h1 className="bg-opacity-50 bg-gradient-to-b from-neutral-50 to-neutral-400 bg-clip-text tracking-tighter text-center text-4xl font-semibold text-transparent lg:text-6xl animate-fade-in-delay-2">
|
<h1 className="bg-opacity-50 bg-gradient-to-b from-neutral-50 to-neutral-400 bg-clip-text tracking-tighter text-center text-4xl font-semibold text-transparent lg:text-6xl animate-fade-in-delay-2">
|
||||||
Built by Everyone <br /> for Everyone.
|
Built by Everyone <br /> for Everyone.
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mx-auto mt-8 max-w-lg text-center text-base lg:text-xl font-light text-neutral-300 animate-fade-in-delay-3">
|
<p className="mx-auto mt-8 max-w-lg text-center text-base lg:text-xl font-light text-neutral-200 animate-fade-in-delay-3">
|
||||||
ThreeFold is a fully operational, decentralized internet infrastructure – deployed locally, scalable globally, and owned and powered by the people.
|
ThreeFold is a fully operational, decentralized internet infrastructure – deployed locally, scalable globally, and owned and powered by the people.
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-8 flex flex-col sm:flex-row justify-center gap-4 animate-fade-in-delay-4">
|
<div className="mt-8 flex flex-col sm:flex-row justify-center gap-4 animate-fade-in-delay-4">
|
||||||
|
Reference in New Issue
Block a user