polish: nav scroll threshold, footer cleanup, hero gradient
- Nav: trigger solid background at 10px scroll (was 100px) to prevent logo/text overlap - Footer: copyright uses legal name "LetsBe Solutions LLC" - Footer: location changed to "American-founded. Serving the Côte d'Azur and beyond." - Footer: remove GitHub social link (no public GitHub) - Hero: smooth gradient fade into trust bar section (no hard color gap) - Services: "SEO & Digital Marketing" replaces "SEO & Performance" Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -51,11 +51,6 @@ const SOCIAL_LINKS = [
|
||||
href: 'https://www.linkedin.com/company/letsbe-digital',
|
||||
Icon: LinkedInIcon,
|
||||
},
|
||||
{
|
||||
label: 'GitHub',
|
||||
href: 'https://github.com/letsbe-digital',
|
||||
Icon: GitHubIcon,
|
||||
},
|
||||
{
|
||||
label: 'X',
|
||||
href: 'https://x.com/letsbe_digital',
|
||||
@@ -208,7 +203,7 @@ export default function Footer() {
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8 py-6">
|
||||
<div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3">
|
||||
<p className="text-xs text-on-surface/35">
|
||||
© {currentYear} LetsBe. Digital Studio
|
||||
© {currentYear} LetsBe Solutions LLC
|
||||
</p>
|
||||
<ul className="flex items-center gap-5" role="list">
|
||||
<li>
|
||||
|
||||
@@ -99,7 +99,7 @@ export default function Nav() {
|
||||
const t = useTranslations('nav')
|
||||
const pathname = usePathname()
|
||||
const router = useRouter()
|
||||
const scrolled = useScrolled(100)
|
||||
const scrolled = useScrolled(10)
|
||||
const [mobileOpen, setMobileOpen] = useState(false)
|
||||
|
||||
// Derive current locale from pathname (next-intl with localePrefix: 'as-needed')
|
||||
|
||||
@@ -341,10 +341,10 @@ export default function Hero() {
|
||||
|
||||
{/* ─── Bottom fade into next section ────────────────────────────── */}
|
||||
<div
|
||||
className="absolute bottom-0 left-0 right-0 h-28 pointer-events-none z-10"
|
||||
className="absolute bottom-0 left-0 right-0 h-40 pointer-events-none z-10"
|
||||
style={{
|
||||
background:
|
||||
'linear-gradient(to bottom, transparent, rgba(248,249,250,0.65))',
|
||||
'linear-gradient(to bottom, transparent, #f3f4f5)',
|
||||
}}
|
||||
aria-hidden="true"
|
||||
/>
|
||||
|
||||
@@ -113,11 +113,11 @@ export default function TrustBar() {
|
||||
aria-label="Trust indicators"
|
||||
className="relative bg-surface-low py-12"
|
||||
>
|
||||
{/* Gradient bridge — blends hero surface-high into this section */}
|
||||
{/* Gradient bridge — blends hero into this section */}
|
||||
<div
|
||||
className="absolute top-0 left-0 right-0 h-16 pointer-events-none"
|
||||
className="absolute top-0 left-0 right-0 h-24 pointer-events-none"
|
||||
style={{
|
||||
background: 'linear-gradient(to bottom, #ffffff, transparent)',
|
||||
background: 'linear-gradient(to bottom, #f8f9fa, transparent)',
|
||||
}}
|
||||
aria-hidden="true"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user