40382bbf55
User feedback: design + content was too app-dev focused (terminal commands, figma labels, code jargon). Business is 'ที่ปรึกษา AI + การตลาด' focused on 3 outcomes: - เพิ่มยอดขาย (more sales) - ลดต้นทุน (lower costs) - ประหยัดเวลา (save time) Changes: VISIBLE TEXT replaced: - Hero title: 'เราจะช่วยคุณเพิ่มกำไร ไม่ใช่แค่เพิ่มงบ' → 'เพิ่มยอดขาย ลดต้นทุน ประหยัดเวลา' - Hero eyebrow: 'MOREMINIMORE / EST. 2024' → 'MOREMINIMORE / AI + MARKETING CONSULTANT' - Hero lede rewrote: 'วางระบบ AI + Online Marketing + Automation...' → 'ที่ปรึกษา AI + การตลาดออนไลน์ สำหรับ SME ไทย' - Hero CTA primary: 'ปรึกษาฟรี →' → 'ปรึกษาฟรี 30 นาที →' - Process section: '$ npx req/analyze/design/build' (4 steps) → '→ ขั้นตอนที่ 1/2/3/4' with business Thai labels - Case study logs: '[2024-01-15] INFO/SUCCESS' (dates + log tags) → 'ขั้นที่ 1/2/3 INFO/SUCCESS' (milestone language) - Marquee ticker: '[2026-06-13] $ build/deploy' + '[log]' → 'อัปเดต/ผลงาน' (Thai status labels) - Contact prompt placeholder: 'name / phone / line' + 'ENTER' button → 'ชื่อ / เบอร์โทร / LINE' + 'ส่งข้อความ' button - Contact hint: 'กด ENTER เพื่อส่ง' → 'กดส่งเพื่อเริ่มคุยกับเรา' NEW SECTION: 3 results cards under hero - Each card: icon + label + example - เพิ่มยอดขาย / ลดต้นทุน / ประหยัดเวลา - Examples tied to Dataroot case - Yellow icon box + black border + lift hover CSS PSEUDO-ELEMENTS hidden (display:none !important): - .fx-hero::before '> section: hero · frame: 00.0' - .fx-case::before '> section: case-study · frame: 01.0' - .fx-case-image::before 'fig.01 / 4×3' - .fx-case-content::before 'case.log' - .fx-services::before '> section: services · 4 cards' - .fx-callout::before '> callout / 02.0' - .fx-portfolio::before '> section: portfolio · 4 items' - .fx-process::before '> $ npx workflow run · 4 steps' - .fx-pricing::before '> $ cat /pricing/packages.json' - .fx-faq::before '> $ cat /faq.txt' - .fx-contact::before '> $ contact@start.sh' - .fx-portfolio-card::before '◉ ◉ ◉ moreminimore.com/[path]' - .fx-pricing-card::before 'tier / X' - .fx-service-card::before 'card / 02.A' + ::after '600×360' - .fx-hero-side::before 'STATS.LOG' CSS ::before content hidden: - .fx-hero-content::before '$' (terminal prompt) - .fx-contact-form::before '$' (terminal prompt) - .fx-hero-content::after 'moreminimore --init' → 'AI · MARKETING · RESULTS' (business tagline) CSS-Internal markers (data-coord '00.1', 'P.1' etc) KEPT as per user choice A+C — they're invisible to user (HTML data attributes), Vite would also strip if removed, and they help with future debugging. Build: 22 pages, 2.20s. Verified jargon gone, business content present, hero results section rendering.
Astro Starter Kit: Minimal
npm create astro@latest -- --template minimal
🧑🚀 Seasoned astronaut? Delete this file. Have fun!
🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
├── src/
│ └── pages/
│ └── index.astro
└── package.json
Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.
There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the public/ directory.
🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |
👀 Want to learn more?
Feel free to check our documentation or jump into our Discord server.