diff --git a/public/assets/css/portal.css b/public/assets/css/portal.css index 46d3cbb..618901e 100644 --- a/public/assets/css/portal.css +++ b/public/assets/css/portal.css @@ -392,7 +392,7 @@ .portal-hero { background: linear-gradient(160deg, var(--color-kapwa-brand-900), var(--color-kapwa-brand-950)); color: var(--color-kapwa-neutral-50); - padding: 56px 0 72px; + padding: 64px 0; } .portal-hero-grid { display: grid; @@ -400,8 +400,35 @@ gap: 48px; align-items: start; } -.portal-hero-grid--solo { - grid-template-columns: 1fr; +/* Stretches to the row's full height, which is set by the text column + next to it (align-items: start on the grid) — confined to the + reserved 440px column so it structurally can't overlap the text. + The img itself is absolutely positioned inside so its own intrinsic + size never feeds back into the row's height, then sized to + 130% of that height (bigger than the welcome text, still scaling + with it). The bottom offset cancels the hero's own bottom + padding (see .portal-hero) so the graphic sits flush with the hero + section's true visible bottom edge, not just its padded content + edge — bottom stays anchored there regardless of height. */ +.portal-hero-visual { + position: relative; + align-self: stretch; +} +.portal-hero-visual img { + position: absolute; + left: 50%; + bottom: -64px; + transform: translateX(-50%); + display: block; + height: 130%; + width: auto; + max-width: 100%; + opacity: 0.92; + transition: transform 0.3s ease, opacity 0.3s ease; +} +.portal-hero-visual img:hover { + transform: translateX(-50%) scale(1.05) translateY(-6px); + opacity: 1; } .portal-hero-text h1 { font-size: 2.5rem; @@ -1461,6 +1488,23 @@ .portal-hero-grid { grid-template-columns: 1fr; } + .portal-hero-visual { + align-self: auto; + display: flex; + justify-content: center; + order: -1; + margin-bottom: 8px; + } + .portal-hero-visual img { + position: static; + transform: none; + height: auto; + width: 100%; + max-width: 320px; + } + .portal-hero-visual img:hover { + transform: scale(1.05) translateY(-6px); + } .service-cat-grid { grid-template-columns: repeat(2, 1fr); } @@ -1567,6 +1611,9 @@ padding-left: 16px; padding-right: 16px; } + .portal-hero-visual img { + max-width: 200px; + } .brand-v2-tagline { display: none; } @@ -2020,6 +2067,9 @@ .chat-widget-typing span { animation: none; } + .portal-hero-visual img { + transition: none; + } } .chat-widget-input-row { diff --git a/public/assets/images/logo/apple-touch-icon.png b/public/assets/images/logo/apple-touch-icon.png index dc1db11..071dc60 100644 Binary files a/public/assets/images/logo/apple-touch-icon.png and b/public/assets/images/logo/apple-touch-icon.png differ diff --git a/public/assets/images/logo/better-aborlan-logo-white.svg b/public/assets/images/logo/better-aborlan-logo-white.svg index 305a8a5..c5152df 100644 --- a/public/assets/images/logo/better-aborlan-logo-white.svg +++ b/public/assets/images/logo/better-aborlan-logo-white.svg @@ -1,18 +1,1213 @@ - + - + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - \ No newline at end of file diff --git a/public/assets/images/logo/better-aborlan-logo.svg b/public/assets/images/logo/better-aborlan-logo.svg index 5f428db..a47eda1 100644 --- a/public/assets/images/logo/better-aborlan-logo.svg +++ b/public/assets/images/logo/better-aborlan-logo.svg @@ -1,22 +1,1426 @@ - + - + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - \ No newline at end of file diff --git a/public/assets/images/logo/favicon-96x96.png b/public/assets/images/logo/favicon-96x96.png index dc2797e..c12693b 100644 Binary files a/public/assets/images/logo/favicon-96x96.png and b/public/assets/images/logo/favicon-96x96.png differ diff --git a/public/assets/images/logo/favicon.ico b/public/assets/images/logo/favicon.ico index a9ed36a..9f179d5 100644 Binary files a/public/assets/images/logo/favicon.ico and b/public/assets/images/logo/favicon.ico differ diff --git a/public/assets/images/logo/favicon.svg b/public/assets/images/logo/favicon.svg index 22cf67d..fdd1b90 100644 --- a/public/assets/images/logo/favicon.svg +++ b/public/assets/images/logo/favicon.svg @@ -1 +1,2646 @@ -RealFaviconGeneratorhttps://realfavicongenerator.net \ No newline at end of file +RealFaviconGeneratorhttps://realfavicongenerator.net + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/images/logo/web-app-manifest-192x192.png b/public/assets/images/logo/web-app-manifest-192x192.png index f074147..e18b3c6 100644 Binary files a/public/assets/images/logo/web-app-manifest-192x192.png and b/public/assets/images/logo/web-app-manifest-192x192.png differ diff --git a/public/assets/images/logo/web-app-manifest-512x512.png b/public/assets/images/logo/web-app-manifest-512x512.png index 667bc58..91eb987 100644 Binary files a/public/assets/images/logo/web-app-manifest-512x512.png and b/public/assets/images/logo/web-app-manifest-512x512.png differ diff --git a/src/app/page.tsx b/src/app/page.tsx index 5a75654..c6d6d22 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -17,7 +17,7 @@ export default function HomePage() { <> {/* Hero */}
-
+

{t('hero-welcome')}

{t('hero-subtitle')}

@@ -25,6 +25,14 @@ export default function HomePage() {
+