emre/www_geomind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style updates

Browse Source
This commit is contained in:
Emre
2025-10-11 11:17:38 +03:00
parent c0f08ad3fa
commit 9451d22494
28 changed files with 613 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/home/components/CtaSection.tsx
View File

@@ -1,5 +1,7 @@
import { motion } from 'framer-motion';
import { Link } from 'react-router-dom';
import { cn } from '../../../lib/cn';
import { buttonBaseClass } from '../../../lib/buttonStyles';
export const CtaSection = () => {
return (
@@ -41,7 +43,7 @@ export const CtaSection = () => {
>
<Link
to="/about"
className="rounded-full border border-white/20 bg-white/80 px-10 py-4 text-sm font-bold uppercase tracking-[0.35em] text-black transition-transform duration-300 hover:-translate-y-0.5 hover:bg-white hover:shadow-[0_16px_36px_-24px_rgba(0,0,0,0.65)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
className={cn(buttonBaseClass, 'px-10 py-4 font-bold uppercase tracking-[0.35em]')}
>
About us
</Link>
@@ -54,7 +56,7 @@ export const CtaSection = () => {
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true, margin: '-20%' }}
transition={{ duration: 0.6, ease: 'easeOut', delay: 0.35 }}
className="rounded-full border border-white/20 bg-transparent px-10 py-4 text-sm font-bold uppercase tracking-[0.35em] text-white transition-transform duration-300 hover:-translate-y-0.5 hover:bg-white/10 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
className={cn(buttonBaseClass, 'px-10 py-4 font-bold uppercase tracking-[0.35em]')}
>
Book a Meeting
</motion.a>