⚒️ Design new Get int touch #6
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Added @radix-ui/react-dialog for modal dialogs. - Introduced a new contact form component with validation and submission handling. - Implemented responsive design for the contact button using a drawer for mobile and a dialog for desktop. - Updated profile and home page to remove the old contact section. - Enhanced UI components with animations and improved accessibility. - Added media query hook for responsive behavior. - Updated package.json to include new dependencies.
…t card for improved responsiveness and visual consistency
…outTimeline, and ContactForm for improved user experience
…oSection and update styles for improved visual presentation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Contributor
There was a problem hiding this comment.
Pull Request Overview
This PR redesigns the “Get In Touch” section by extracting the contact form into reusable components with a confetti celebration, updates dependencies, and improves the HomeHeroSection’s layout by swapping hardcoded tech logos for a TechStack component and refining responsiveness.
- Update dependencies and introduce Radix dialog, canvas-confetti, and Vaul drawer support
- Refactor
ContactSectionto useContactFormandSentChatcomponents with a confetti animation - Replace static tech logos in
HomeHeroSectionwith a reusableTechStackcomponent and tweak layout for small screens
Reviewed Changes
Copilot reviewed 26 out of 27 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| src/lib/interfaces/contact-form.ts | Define props interfaces for ContactForm and SentChat |
| src/hooks/projects.ts | Remove hook implementation, leaving only imports |
| src/app/(web)/(home)/sections/contact.tsx | Refactor ContactSection to use ContactForm/SentChat and add celebrate |
| src/app/globals.css | Simplify keyframe transform by removing translate offsets |
| src/app/(web)/(home)/sections/hero-section.tsx | Swap hardcoded logos for TechStack, adjust responsive classes |
| package.json | Add @radix-ui/react-dialog, canvas-confetti, vaul, and related types |
Comments suppressed due to low confidence (2)
src/hooks/projects.ts:1
- This file contains only imports and no hook implementation or exports, which will break
useProjects. Either restore the hook body or remove this unused file.
import { useState, useEffect } from 'react';
src/app/globals.css:100
- Removing the
translate(-50%, -50%)may break centering for elements relying on that transform; verify animation origin or restore translation if needed.
transform: scale(1);
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request includes updates to dependencies, refactors the
ContactSectioncomponent, and improves theHomeHeroSectionlayout. The changes streamline the codebase, enhance functionality, and improve the user interface.Dependency Updates
@radix-ui/react-dialog,@types/canvas-confetti,canvas-confetti, andvaultopackage.jsonto support new features. [1] [2]ContactSectionRefactorContactFormandSentChat. This simplifies the code and improves maintainability. [1] [2]celebratefunction usingcanvas-confettito trigger a confetti animation upon successful form submission. [1] [2]HomeHeroSectionEnhancementsTechStackcomponent for better modularity. [1] [2] [3]Minor Updates
ContactSectionimport fromHomePageand updated the component structure accordingly. [1] [2]