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:
@@ -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>
|
||||
Reference in New Issue
Block a user