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:
43
redesign-input/raw/src-data/nav.ts
Normal file
43
redesign-input/raw/src-data/nav.ts
Normal file
@@ -0,0 +1,43 @@
|
||||
/**
|
||||
* MOREMINIMORE - Nav data (single source of truth)
|
||||
* Used by Navigation.astro and Footer.astro
|
||||
*
|
||||
* Per plan 2026-06-13 round 2:
|
||||
* - Main menu: 7 items including 'บทความ' (blog) + 'FAQ' + 'ติดต่อ'
|
||||
* - Services dropdown: 4 services (matched to content collection slugs)
|
||||
* - Social: facebook, line, linkedin (from settings collection at runtime)
|
||||
*
|
||||
* Slugs match src/content/services/*-new.mdx:
|
||||
* - ai-consult-new → /services/ai-consult
|
||||
* - marketing-new → /services/marketing
|
||||
* - automation-new → /services/automation
|
||||
* - webdev-new → /services/webdev
|
||||
*
|
||||
* Href uses /services/{slug-without-new} to match the [slug].astro route.
|
||||
*/
|
||||
export const mainLinks = [
|
||||
{ label: 'หน้าแรก', href: '/' },
|
||||
{ label: 'บริการ', href: '/services', hasDropdown: true },
|
||||
{ label: 'ผลงาน', href: '/portfolio' },
|
||||
{ label: 'บทความ', href: '/blog' },
|
||||
{ label: 'เกี่ยวกับ', href: '/about' },
|
||||
{ label: 'FAQ', href: '/faq' },
|
||||
{ label: 'ติดต่อ', href: '/contact' },
|
||||
];
|
||||
|
||||
export const servicesDropdown = [
|
||||
{ label: 'AI Consult', href: '/services/ai-consult' },
|
||||
{ label: 'Marketing Automation', href: '/services/marketing' },
|
||||
{ label: 'AI Automation', href: '/services/automation' },
|
||||
{ label: 'Website Development', href: '/services/webdev' },
|
||||
];
|
||||
|
||||
/**
|
||||
* Social links are passed as props to the component
|
||||
* (because they come from the settings collection which is loaded async)
|
||||
*/
|
||||
export interface SocialLinks {
|
||||
facebook?: string;
|
||||
line?: string;
|
||||
linkedin?: string;
|
||||
}
|
||||
Reference in New Issue
Block a user