Add Cal.com integration with Calbutton component and update link

[kaihere14]

This pull request introduces a new "Book a call" button in the site footer using Cal.com, improves the login button accessibility in the comments section, and updates a project link. The most significant updates are the integration of the Cal.com embed, related UI changes in the footer, and a minor fix to a project URL.

Cal.com Integration and Footer Enhancements:

• Added a new Calbutton component in components/Footer/Calbutton.tsx to embed a Cal.com scheduling button, using the @calcom/embed-react package. This allows users to book a call directly from the site.
• Updated the Footer component in components/Footer/Footer.tsx to include the new Calbutton at the top and adjusted the footer layout for better organization. [1] [2]
• Added the @calcom/embed-react dependency in package.json to support the new scheduling feature.

UI/UX Improvements:

• Added cursor-pointer to the login button in the Comments component to improve accessibility and indicate interactivity.

Content Fixes:

• Fixed the URL for the Clura project in the Projects component to remove an unnecessary "www." prefix.…project link

Summary by CodeRabbit

• New Features

  • Integrated a booking calendar feature into the footer interface, enabling users to schedule calls and appointments directly from the application.

• Style

  • Enhanced the "Sign in with Google" button styling to improve cursor feedback and user experience.

• Bug Fixes

  • Corrected the Clura project URL to ensure accurate navigation.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
next-portfolio	Ready	Preview, Comment	May 2, 2026 7:17am

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 96cfc679-c08f-48e9-afcb-d84f21e34d11

📥 Commits

Reviewing files that changed from the base of the PR and between ad04547 and 5412409.

⛔ Files ignored due to path filters (1)

• package-lock.json is excluded by !**/package-lock.json

📒 Files selected for processing (5)

• components/Comments/Comments.tsx
• components/Footer/Calbutton.tsx
• components/Footer/Footer.tsx
• components/Projects/Projects.tsx
• package.json

---

📝 Walkthrough

Walkthrough

A Cal.com booking button component and integration were added to the footer, along with its npm dependency. The footer layout was restructured to place the booking button above existing content. Additionally, minor cosmetic and URL fixes were applied to unrelated components.

Changes

Cal.com Booking Integration

Layer / File(s)	Summary
Dependency Addition package.json	Added @calcom/embed-react (^1.5.3) to support Cal.com embed functionality.
Component Implementation components/Footer/Calbutton.tsx	New Calbutton component initializes Cal.com embed API via getCalApi({ namespace: "connect" }) on mount and renders a styled button with logo, text, and data-cal-* attributes configured for month view layout.
Footer Integration components/Footer/Footer.tsx	Calbutton is imported and rendered at the top of the footer within a new vertical wrapper; existing email and social link content moved into a separate horizontal row.

Minor Styling and URL Updates

Layer / File(s)	Summary
Styling Enhancement components/Comments/Comments.tsx	Added cursor-pointer class to the guest "Sign in with Google" button.
Project Link Correction components/Projects/Projects.tsx	Updated Clura project URL from https://www.clura.armandev.space/ to https://clura.armandev.space/ (removed www subdomain).

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 A booking button hops into the footer with glee,
Cal.com's charm now visible for all to see,
Smaller fixes tidy up the corners so neat,
Cursor and URLs make the footwork complete! ✨

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch CalConnect

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Review rate limit: 0/1 reviews remaining, refill in 60 minutes.}

_{Comment @coderabbitai help to get the list of available commands and usage tips.}