Adjust navigation flow, clean up JSX markup and defaults in App.jsx
This commit is contained in:
+2423
-2441
File diff suppressed because it is too large
Load Diff
@@ -52,47 +52,7 @@ export default function FeaturedGallery({ gallery }) {
|
||||
setActiveIdx={setActiveGalleryIndex}
|
||||
/>
|
||||
|
||||
{/* Bottom CTA Button matching design screenshot */}
|
||||
<div style={{ display: 'flex', justifyContent: 'center', marginTop: '3rem' }}>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => {
|
||||
const footer = document.getElementById('contactus');
|
||||
if (footer) {
|
||||
footer.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
}}
|
||||
style={{
|
||||
display: 'inline-flex',
|
||||
alignItems: 'center',
|
||||
gap: '0.6rem',
|
||||
background: 'rgba(255, 255, 255, 0.05)',
|
||||
border: '1.5px solid rgba(255, 255, 255, 0.35)',
|
||||
boxShadow: '0 8px 25px rgba(0, 0, 0, 0.3)',
|
||||
borderRadius: '50px',
|
||||
color: '#ffffff',
|
||||
padding: '0.75rem 2rem',
|
||||
fontSize: '0.92rem',
|
||||
fontWeight: 600,
|
||||
cursor: 'pointer',
|
||||
transition: 'all 0.25s ease',
|
||||
backdropFilter: 'blur(10px)'
|
||||
}}
|
||||
onMouseEnter={(e) => {
|
||||
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.12)';
|
||||
e.currentTarget.style.borderColor = 'rgba(255, 255, 255, 0.6)';
|
||||
e.currentTarget.style.transform = 'translateY(-2px)';
|
||||
}}
|
||||
onMouseLeave={(e) => {
|
||||
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.05)';
|
||||
e.currentTarget.style.borderColor = 'rgba(255, 255, 255, 0.35)';
|
||||
e.currentTarget.style.transform = 'translateY(0)';
|
||||
}}
|
||||
>
|
||||
<span>Explore Success Stories</span>
|
||||
<ArrowRight size={16} />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user