Initial commit: MoreminiMore redesign with Astro
This commit is contained in:
Kunthawat Greethong
169
src/pages/index.astro
Normal file
169
src/pages/index.astro
Normal file
@@ -0,0 +1,169 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout title="เพิ่มยอดขายกับที่ปรึกษาองค์กรดิจิตอลและการตลาดดิจิตอล | MoreminiMore">
|
||||
<!-- Hero Section -->
|
||||
<section class="py-20 bg-gradient-to-br from-yellow-50 to-white">
|
||||
<div class="container mx-auto px-4 text-center">
|
||||
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 text-secondary leading-tight">
|
||||
เพิ่มยอดขายของลูกค้ามากที่สุด<br />
|
||||
<span class="text-primary">ด้วยงบประมาณต่ำที่สุด</span>
|
||||
</h1>
|
||||
<p class="text-xl md:text-2xl text-gray-600 mb-8 max-w-3xl mx-auto">
|
||||
เราให้คำปรึกษาด้านกลยุทธ์การตลาดโดยใช้ข้อมูลเป็นพื้นฐาน
|
||||
พัฒนาศักยภาพของบุคลากรให้สูงขึ้น เพื่อเพิ่มยอดขายให้กับลูกค้าให้มากที่สุด
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href="#contactform" class="bg-primary text-black px-8 py-4 rounded-full font-bold text-lg hover:bg-primary-hover transition shadow-lg">
|
||||
นัดคุยกับเรา
|
||||
</a>
|
||||
<a href="#services" class="bg-black text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-800 transition shadow-lg">
|
||||
ดูบริการของเรา
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Strategy Section -->
|
||||
<section class="py-20 bg-white">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="max-w-4xl mx-auto text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-8 text-secondary">
|
||||
เพราะแต่ละธุรกิจ มี <span class="text-primary">จุดแข็งและจุดอ่อน</span> ที่ไม่เหมือนกัน
|
||||
</h2>
|
||||
<p class="text-lg text-gray-600 mb-12">
|
||||
เราวิเคราะห์ข้อมูลเชิงลึก เพื่อพัฒนากลยุทธ์ที่เหมาะสมกับธุรกิจของคุณโดยเฉพาะ
|
||||
เพิ่มจุดแข็ง แก้จุดอ่อน และเพิ่มยอดขายอย่างยั่งยืน
|
||||
</p>
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<div class="p-6 bg-gray-50 rounded-lg">
|
||||
<div class="text-4xl mb-4">📊</div>
|
||||
<h3 class="text-xl font-bold mb-3">วิเคราะห์ข้อมูล</h3>
|
||||
<p class="text-gray-600">ใช้ข้อมูลจริงในการตัดสินใจ วางแผนอย่างมีระบบ</p>
|
||||
</div>
|
||||
<div class="p-6 bg-gray-50 rounded-lg">
|
||||
<div class="text-4xl mb-4">🚀</div>
|
||||
<h3 class="text-xl font-bold mb-3">พัฒนาศักยภาพ</h3>
|
||||
<p class="text-gray-600">ยกระดับทีมงาน ให้สามารถขับเคลื่อนธุรกิจได้เอง</p>
|
||||
</div>
|
||||
<div class="p-6 bg-gray-50 rounded-lg">
|
||||
<div class="text-4xl mb-4">💰</div>
|
||||
<h3 class="text-xl font-bold mb-3">เพิ่มยอดขาย</h3>
|
||||
<p class="text-gray-600">ผลลัพธ์ที่วัดได้ ยอดขายเพิ่มขึ้นอย่างยั่งยืน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services Section -->
|
||||
<section id="services" class="py-20 bg-gray-100">
|
||||
<div class="container mx-auto px-4">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-center mb-4 text-secondary">
|
||||
บริการของเรา
|
||||
</h2>
|
||||
<p class="text-center text-gray-600 mb-12 max-w-2xl mx-auto">
|
||||
เราให้บริการครบวงจรด้านดิจิตอลทรานส์ฟอร์เมชั่น และการตลาดออนไลน์
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<!-- Service 1 -->
|
||||
<a href="/digital-transformation-consult" class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition group">
|
||||
<div class="text-5xl mb-6">🏢</div>
|
||||
<h3 class="text-2xl font-bold mb-4 group-hover:text-primary transition">ที่ปรึกษาองค์กรดิจิตอล</h3>
|
||||
<p class="text-gray-600">
|
||||
ปรับเปลี่ยนองค์กรให้ทันยุคดิจิตอล วางระบบการทำงาน เพิ่มประสิทธิภาพ ลดต้นทุน
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<!-- Service 2 -->
|
||||
<a href="/online-marketing-consult" class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition group">
|
||||
<div class="text-5xl mb-6">📱</div>
|
||||
<h3 class="text-2xl font-bold mb-4 group-hover:text-primary transition">ที่ปรึกษาการตลาดออนไลน์</h3>
|
||||
<p class="text-gray-600">
|
||||
กลยุทธ์การตลาดที่วัดผลได้ เพิ่มการมองเห็น ดึงดูดลูกค้า เพิ่มยอดขาย
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<!-- Service 3 -->
|
||||
<a href="/website-development" class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition group">
|
||||
<div class="text-5xl mb-6">💻</div>
|
||||
<h3 class="text-2xl font-bold mb-4 group-hover:text-primary transition">พัฒนาเว็บไซต์</h3>
|
||||
<p class="text-gray-600">
|
||||
เว็บไซต์มืออาชีพ รองรับทุกอุปกรณ์ โหลดเร็ว SEO-ready เพิ่มความน่าเชื่อถือ
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<!-- Service 4 -->
|
||||
<a href="/app-development" class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition group">
|
||||
<div class="text-5xl mb-6">📲</div>
|
||||
<h3 class="text-2xl font-bold mb-4 group-hover:text-primary transition">พัฒนาแอปพลิเคชัน</h3>
|
||||
<p class="text-gray-600">
|
||||
แอปพลิเคชันบนมือถือ ทั้ง iOS และ Android ใช้งานง่าย ประสิทธิภาพสูง
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<!-- Service 5 -->
|
||||
<a href="/chatbot-consult" class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition group">
|
||||
<div class="text-5xl mb-6">🤖</div>
|
||||
<h3 class="text-2xl font-bold mb-4 group-hover:text-primary transition">ระบบแชทบอท</h3>
|
||||
<p class="text-gray-600">
|
||||
อัตโนมัติการตอบคำถาม ลดงานซ้ำซ้อน เพิ่มความพึงพอใจลูกค้า 24/7
|
||||
</p>
|
||||
</a>
|
||||
|
||||
<!-- Service 6 -->
|
||||
<div class="bg-gradient-to-br from-primary to-yellow-600 p-8 rounded-lg shadow-md flex flex-col justify-center items-center text-center">
|
||||
<div class="text-5xl mb-6">💡</div>
|
||||
<h3 class="text-2xl font-bold mb-4 text-white">ปรึกษาฟรี!</h3>
|
||||
<p class="text-white mb-6">
|
||||
เราพร้อมให้คำปรึกษาเบื้องต้น โดยไม่มีค่าใช้จ่าย
|
||||
</p>
|
||||
<a href="#contactform" class="bg-black text-white px-6 py-3 rounded-full font-bold hover:bg-gray-800 transition">
|
||||
ติดต่อเราเลย
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Booking Section -->
|
||||
<section id="contactform" class="py-20 bg-white">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="max-w-4xl mx-auto text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-4 text-secondary">
|
||||
นัดปรึกษาฟรี 1 ชั่วโมง
|
||||
</h2>
|
||||
<p class="text-lg text-gray-600 mb-12">
|
||||
จองคิวพูดคุยกับเรา เพื่อวิเคราะห์ธุรกิจของคุณเบื้องต้น
|
||||
</p>
|
||||
|
||||
<!-- TidyCal Embed Placeholder -->
|
||||
<div class="bg-gray-50 rounded-lg p-8 border-2 border-dashed border-gray-300">
|
||||
<p class="text-gray-500 mb-4">📅 ระบบนัดหมายกำลังจะอัปเดต</p>
|
||||
<p class="text-gray-400 text-sm">
|
||||
ในระหว่างนี้ คุณสามารถติดต่อเราผ่าน:<br />
|
||||
📧 contact@moreminimore.com<br />
|
||||
📞 080-995-5945
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="py-20 bg-black text-white">
|
||||
<div class="container mx-auto px-4 text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6">
|
||||
พร้อมเพิ่มยอดขายให้ธุรกิจของคุณแล้วหรือยัง?
|
||||
</h2>
|
||||
<p class="text-xl text-gray-300 mb-8 max-w-2xl mx-auto">
|
||||
ให้เราช่วยคุณพัฒนากลยุทธ์ที่วัดผลได้ ด้วยงบประมาณที่เหมาะสม
|
||||
</p>
|
||||
<a href="#contactform" class="bg-primary text-black px-8 py-4 rounded-full font-bold text-lg hover:bg-primary-hover transition inline-block shadow-lg">
|
||||
ปรึกษาเราฟรี
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
Reference in New Issue
Block a user