Leon-in
95eb362bfc
QuantumLab template converted to Next.js 16 + React 19 + TypeScript: - 8 page routes (home, about, blog, contact, careers, team-members, coming-soon, 404) - Dynamic routes for blog posts, career positions, and team members - GSAP animations (marquee, counters, button hovers) - IntersectionObserver-based scroll reveal (blur-to-clear transitions) - Dark mode with next-themes - React Hook Form + Zod contact form - Framer Motion page transitions - Lottie animations via lottie-web Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
44 lines
2.1 KiB
TypeScript
44 lines
2.1 KiB
TypeScript
import LottiePlayer from "@/components/LottiePlayer"
|
|
import Link from "next/link"
|
|
|
|
export default function CtaSection() {
|
|
return (
|
|
<section className="cta-section v1">
|
|
<div className="w-layout-blockcontainer container-default position-relative---z-index-1 w-container">
|
|
<div className="inner-container _430px">
|
|
<div className="subtitle">Get in touch</div>
|
|
<div className="mg-top-3x-extra-small">
|
|
<h2 className="text-titles-dm">
|
|
Join our team that is shaping the next era of intelligence </h2>
|
|
</div>
|
|
<div className="mg-top-4x-extra-small">
|
|
<p className="text-paragraph-dm">
|
|
ipsum dolor sit amet consectetur nec quis suspendisse nulla amet viverra tortor pharetra mauris a maecenas habitant est mattis. </p>
|
|
</div>
|
|
<div className="mg-top-2x-extra-small">
|
|
<div className="buttons-row left">
|
|
<Link id="w-node-_83c75c2f-9f22-4125-8dc1-2c204e7d3592-4e7d3592" href="/careers" className="secondary-button w-inline-block">
|
|
<div className="button-content">
|
|
<div>
|
|
Join our team</div>
|
|
<div className="button-icon-wrapper secondary">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 17 17" fill="none" className="squared-icon">
|
|
<path d="M6.25391 3.45312L10.7458 8.01563L6.25391 12.5781" stroke="currentColor" strokeWidth="1.5" strokeLinecap="square">
|
|
</path>
|
|
</svg>
|
|
<div className="button-icon-bg bg-neutral-800">
|
|
</div>
|
|
<div className="button-icon-bg-inside bg-neutral-600">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<LottiePlayer src="/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1df78b3b45295434b5c6a_cta-animation-waterfall.json" className="cta-image" loop autoplay />
|
|
</section>
|
|
)
|
|
}
|