feat: liquid glass UI, blob background, redesign home/portfolio/about pages

- Liquid glass effect on navbar/cards with backdrop-filter invert
- Animated blob gradient background (SVG-based)
- Portfolio section: scene-dark invert, show 5 items on home
- How Work section: step flow with numbers + connecting lines
- Hero: Decision snapshot replacing problem selector
- About page: inverted background with contrast fixes
- Fix parallax JS bundling via Astro
- Fix navbar fixed positioning after liquid glass CSS
- Submenu hover fix
- Clean up removed legacy files/assets
This commit is contained in:
Kunthawat Greethong
2026-06-23 11:40:37 +07:00
parent e279119f97
commit f827afb33f
188 changed files with 4577 additions and 15483 deletions

View File

@@ -1,82 +0,0 @@
---
/**
* MOREMINIMORE - FOOTER (from v6-footer)
* Extracted from Desktop/moreminomore-mockup-v7-5.html lines 1516-1565
*
* 4-col sitemap: brand + services + company + contact
* Data bound from site settings + nav data (single source of truth)
*/
import { getEntry } from 'astro:content';
import type { CollectionEntry } from 'astro:content';
import { servicesDropdown, mainLinks } from '../data/nav';
const site = (await getEntry('settings', 'site')) as CollectionEntry<'settings'>;
const data = site?.data;
const currentYear = new Date().getFullYear();
// Company links (subset of mainLinks — exclude "หน้าแรก" and dropdown items)
const companyLinks = mainLinks
.filter((l) => !l.hasDropdown && l.href !== '/')
.map((l) => ({ label: l.label, href: l.href }));
// Contact links — built from settings
const contactLinks = [
{ label: 'ปรึกษาฟรี 30 นาที', href: '/contact' },
{ label: data?.email ?? 'contact@moreminimore.com', href: `mailto:${data?.email ?? 'contact@moreminimore.com'}`, isEmail: true },
{ label: 'LINE: ' + (data?.line_id ?? '@moreminimore'), href: data?.line ?? '#', isExternal: true },
{ label: data?.phone ?? '080-995-5945', href: `tel:${(data?.phone ?? '080-995-5945').replace(/-/g, '')}` },
];
---
<footer id="v6-footer-inner" class="fx-footer fx-reveal">
<div class="fx-footer-grid">
<div class="fx-footer-col">
<a href="/" class="fx-footer-logo">
<img src="/images/logo-long-black.png" alt="MOREMINIMORE" class="fx-footer-logo-img" />
</a>
<p class="fx-footer-tagline">ช่วยธุรกิจไทยเพิ่มกำไร ด้วย AI + Marketing + Automation</p>
</div>
<div class="fx-footer-col">
<h4>SERVICES</h4>
<ul>
{servicesDropdown.map((s) => (
<li><a href={s.href}>{s.label}</a></li>
))}
</ul>
</div>
<div class="fx-footer-col">
<h4>COMPANY</h4>
<ul>
{companyLinks.map((l) => (
<li><a href={l.href}>{l.label}</a></li>
))}
</ul>
</div>
<div class="fx-footer-col">
<h4>CONTACT</h4>
<ul>
{contactLinks.map((l) => (
<li>
<a href={l.href} target={l.isExternal ? '_blank' : undefined} rel={l.isExternal ? 'noopener' : undefined}>
{l.label}
</a>
</li>
))}
{data?.facebook && (
<li><a href={data.facebook} target="_blank" rel="noopener">Facebook</a></li>
)}
{data?.linkedin && (
<li><a href={data.linkedin} target="_blank" rel="noopener">LinkedIn</a></li>
)}
</ul>
</div>
</div>
<div class="fx-footer-bottom">
<span>© {currentYear} MOREMINIMORE</span>
<span>built with <em>Kanit</em> + Itim + JetBrains Mono</span>
</div>
</footer>