feat(frontend): add animated scroll indicator to landing page hero
This commit is contained in:
@@ -1,4 +1,5 @@
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import { ChevronDown } from "lucide-react";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import { LandingFeatures } from "./landing-features";
|
import { LandingFeatures } from "./landing-features";
|
||||||
|
|
||||||
@@ -89,6 +90,15 @@ export function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
{/* Scroll indicator */}
|
||||||
|
<div className="absolute bottom-8 left-0 right-0 z-10 flex justify-center">
|
||||||
|
<ChevronDown
|
||||||
|
className="animate-float-bob text-muted-foreground/60"
|
||||||
|
size={28}
|
||||||
|
strokeWidth={1.5}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
{/* ── Section 2: Features ── */}
|
{/* ── Section 2: Features ── */}
|
||||||
<section className="relative z-10 container mx-auto max-w-3xl px-4 py-16">
|
<section className="relative z-10 container mx-auto max-w-3xl px-4 py-16">
|
||||||
<p className="text-xs font-semibold uppercase tracking-widest text-muted-foreground text-center mb-2">
|
<p className="text-xs font-semibold uppercase tracking-widest text-muted-foreground text-center mb-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user