In the "Alignment Journey" card, replace the entire card image
(remove the split before/after layout) with a single image:
https://res.cloudinary.com/dgkvx6ups/image/upload/f_auto,q_auto/1000082153_uoe9z9
Remove the "Before" and "After" badges and the arrow button from
this card only. Just show the single image spanning the full card width.
Now I'll update the gallery component to show a single full-width image for the "Alignment Journey" card without the before/after split layout, badges, and arrow:
Now I'll update the card rendering logic to handle the single image case:
Done. I've updated the "Alignment Journey" card to display a single full-width image from the Cloudinary URL instead of the split before/after layout. The card now conditionally renders either a single image (when singleImage property exists) or the traditional split before/after layout with badges and arrow (for the other cards). The "Alignment Journey" card no longer shows the Before/After badges or the arrow button.
Make all 3 transformation cards the same fixed height.
Set each card image container to height: 280px, overflow: hidden.
Set all images to width: 100%, height: 100%, object-fit: cover,
object-position: center bottom.
This will show the teeth/mouth area for all cards.
Now I'll update the gallery to set consistent fixed heights for all cards and adjust the image positioning to focus on the teeth/mouth area:
Done. I've updated all 3 transformation cards to have a fixed height of 280px with proper image positioning. The images now use object-fit: cover with object-position: center bottom to focus on the teeth and mouth area across all cards, creating visual consistency while ensuring the most important dental features are visible in each transformation.
Find every place in the code where the phone number 9876573210 appears — this includes WhatsApp links, href attributes, tel links, button actions, and any strings. Replace all of them with 9170999269. Make sure the WhatsApp URL format stays correct (https://wa.me/919170999269).