Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

secondary cta #15

Merged
merged 1 commit into from
Nov 13, 2024
Merged

secondary cta #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,8 @@ export default function Home() {
</div>
</Link>

<CalendlyModal />

<Link
href="/kubecon-booth"
className="group p-6 bg-zinc-900 rounded-lg hover:bg-zinc-800 transition-colors"
Expand Down Expand Up @@ -92,8 +94,6 @@ export default function Home() {
</svg>
</div>
</Link>

<CalendlyModal />

<Link
href="/image-stream"
Expand Down
11 changes: 7 additions & 4 deletions src/components/calendly-modal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,17 +29,20 @@ export function CalendlyModal() {
return (
<Dialog open={isOpen} onOpenChange={setIsOpen}>
<DialogTrigger asChild>
<div className="group p-6 bg-zinc-900 rounded-lg hover:bg-zinc-800 transition-colors cursor-pointer">
<div className="group p-6 bg-zinc-900 rounded-lg hover:bg-zinc-800 transition-colors cursor-pointer border-2 border-green-500 hover:border-green-400">
<div className="flex items-center justify-between">
<div>
<h2 className="text-2xl font-light mb-2">LEGO Minifigure and a LEGO Office Set</h2>
<p className="text-gray-400 font-light">Book a meeting with the team to get both!</p>
<h2 className="text-2xl font-light mb-2 text-white">Schedule a Meeting</h2>
<p className="text-gray-400 font-light">Meet the DevZero Team Post-KubeCon</p>
</div>
<Calendar className="w-6 h-6 text-gray-400 group-hover:translate-x-2 transition-transform" />
<Calendar className="w-6 h-6 text-green-500 group-hover:scale-110 transition-transform" />
</div>
</div>
</DialogTrigger>
<DialogContent className="sm:max-w-[800px] h-[80vh]">
<DialogHeader>
<DialogTitle>Meet the DevZero Team Post-KubeCon</DialogTitle>
</DialogHeader>
<div
className="calendly-inline-widget w-full h-full"
data-url="https://calendly.com/d/cppv-8t7-rwq/meet-the-devzero-team-post-kubecon?month=2024-11"
Expand Down