bender/29d274b3-e1ec-49b5-a6a4-075b77cd736a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 08:33:16 +00:00
parent 396149e5f6
commit d41971797a
1 changed files with 41 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

302
src/app/page.tsx
View File

@@ -32,28 +32,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "หน้าแรก",
id: "hero",
},
{
name: "เกี่ยวกับเรา",
id: "about",
},
{
name: "บริการ",
id: "services",
},
{
name: "สินค้า",
id: "products",
},
{
name: "ติดต่อเรา",
id: "contact",
},
{ name: "หน้าแรก", id: "hero" },
{ name: "เกี่ยวกับเรา", id: "about" },
{ name: "บริการ", id: "services" },
{ name: "สินค้า", id: "products" },
{ name: "ติดต่อเรา", id: "contact" },
]}
brandName="คูณทรัพย์ยางยนต์"
button={{ text: "ติดต่อ", href: "#contact" }}
/>
</div>
@@ -61,37 +47,14 @@ export default function LandingPage() {
<HeroCarouselLogo
logoText="คูณทรัพย์ยางยนต์"
description="ผู้เชี่ยวชาญด้านยางรถยนต์และบริการซ่อมบำรุงในอำเภอหนองหิน พร้อมให้บริการด้วยความใส่ใจและมาตรฐานมืออาชีพ"
buttons={[
{
text: "ดูบริการของเรา",
href: "#services",
},
]}
buttons={[{ text: "ดูบริการของเรา", href: "#services" }]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/garage-mechanic-fixes-car-lights-system_482257-102871.jpg",
imageAlt: "tire shop interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg",
imageAlt: "professional tire repair service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-diagnostic-tool-laptop-working-truck-workshop_342744-1299.jpg",
imageAlt: "computer wheel alignment machine",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg",
imageAlt: "mechanic talking to customer",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg",
imageAlt: "car maintenance check",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26887.jpg",
imageAlt: "stacked new car tires",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/garage-mechanic-fixes-car-lights-system_482257-102871.jpg", imageAlt: "tire shop interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg", imageAlt: "professional tire repair service" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-diagnostic-tool-laptop-working-truck-workshop_342744-1299.jpg", imageAlt: "computer wheel alignment machine" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg", imageAlt: "mechanic talking to customer" },
{ imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg", imageAlt: "car maintenance check" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26887.jpg", imageAlt: "stacked new car tires" },
]}
/>
</div>
@@ -115,26 +78,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "ปะยางเร่งด่วน",
description: "บริการปะยางทุกชนิด รวดเร็วทันใจ พร้อมตรวจสอบรอยรั่วอย่างละเอียด",
imageSrc: "http://img.b2bpic.net/free-photo/this-one-must-fit-perfectly-mechanic-holding-tire-repair-garage-replacement-winter-summer-tires_146671-16131.jpg",
},
{
title: "เปลี่ยนยางใหม่",
description: "มีให้เลือกครบทุกยี่ห้อ พร้อมทีมช่างมืออาชีพติดตั้งให้คุณ",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1664.jpg",
},
{
title: "ตั้งศูนย์ล้อ",
description: "ตั้งศูนย์ล้อด้วยระบบคอมพิวเตอร์แม่นยำสูง เพื่อการขับขี่ที่นุ่มนวล",
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367573.jpg",
},
{
title: "ซ่อมบำรุงช่วงล่าง",
description: "ตรวจเช็คช่วงล่างและซ่อมบำรุงเพื่อให้รถของคุณพร้อมเดินทางทุกเส้นทาง",
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-repairing-car_1170-1223.jpg",
},
{ title: "ปะยางเร่งด่วน", description: "บริการปะยางทุกชนิด รวดเร็วทันใจ พร้อมตรวจสอบรอยรั่วอย่างละเอียด", imageSrc: "http://img.b2bpic.net/free-photo/this-one-must-fit-perfectly-mechanic-holding-tire-repair-garage-replacement-winter-summer-tires_146671-16131.jpg" },
{ title: "เปลี่ยนยางใหม่", description: "มีให้เลือกครบทุกยี่ห้อ พร้อมทีมช่างมืออาชีพติดตั้งให้คุณ", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1664.jpg" },
{ title: "ตั้งศูนย์ล้อ", description: "ตั้งศูนย์ล้อด้วยระบบคอมพิวเตอร์แม่นยำสูง เพื่อการขับขี่ที่นุ่มนวล", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367573.jpg" },
{ title: "ซ่อมบำรุงช่วงล่าง", description: "ตรวจเช็คช่วงล่างและซ่อมบำรุงเพื่อให้รถของคุณพร้อมเดินทางทุกเส้นทาง", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-repairing-car_1170-1223.jpg" },
]}
title="บริการของเรา"
description="เราให้บริการซ่อมบำรุงครบวงจรเพื่อความปลอดภัยในการขับขี่ของคุณ"
@@ -148,54 +95,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Michelin",
name: "ยางประหยัดพลังงาน",
price: "สอบถามราคา",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26890.jpg",
},
{
id: "p2",
brand: "Bridgestone",
name: "ยางสมรรถนะสูง",
price: "สอบถามราคา",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-wheel-tire-texture_181624-42027.jpg",
},
{
id: "p3",
brand: "Dunlop",
name: "ยางสำหรับรถกระบะ",
price: "สอบถามราคา",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17020.jpg",
},
{
id: "p4",
brand: "Goodyear",
name: "ยางขับขี่ทุกสภาพถนน",
price: "สอบถามราคา",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tire-hood-with-smiling-couple-sitting-off-road-vehicle_107420-9746.jpg",
},
{
id: "p5",
brand: "Maxxis",
name: "ยางราคาประหยัด",
price: "สอบถามราคา",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25500.jpg",
},
{
id: "p6",
brand: "Hankook",
name: "ยางเน้นความนุ่มเงียบ",
price: "สอบถามราคา",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/single-vertical-tire-asphalt_23-2148322026.jpg",
},
{ id: "p1", brand: "Michelin", name: "ยางประหยัดพลังงาน", price: "สอบถามราคา", rating: 5, reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26890.jpg" },
{ id: "p2", brand: "Bridgestone", name: "ยางสมรรถนะสูง", price: "สอบถามราคา", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-wheel-tire-texture_181624-42027.jpg" },
{ id: "p3", brand: "Dunlop", name: "ยางสำหรับรถกระบะ", price: "สอบถามราคา", rating: 4, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17020.jpg" },
{ id: "p4", brand: "Goodyear", name: "ยางขับขี่ทุกสภาพถนน", price: "สอบถามราคา", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/tire-hood-with-smiling-couple-sitting-off-road-vehicle_107420-9746.jpg" },
{ id: "p5", brand: "Maxxis", name: "ยางราคาประหยัด", price: "สอบถามราคา", rating: 4, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25500.jpg" },
{ id: "p6", brand: "Hankook", name: "ยางเน้นความนุ่มเงียบ", price: "สอบถามราคา", rating: 4, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/single-vertical-tire-asphalt_23-2148322026.jpg" },
]}
title="ยางและอุปกรณ์"
description="สินค้าคุณภาพดี ราคามาตรฐาน เพื่อสมรรถนะการขับขี่ที่เหนือกว่า"
@@ -208,51 +113,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10+",
title: "ปีที่ให้บริการ",
items: [
"ในอำเภอหนองหิน",
"บริการด้วยใจ",
],
},
{
id: "m2",
value: "5,000+",
title: "คันที่ดูแล",
items: [
"ลูกค้าพึงพอใจ",
"มาซ้ำต่อเนื่อง",
],
},
{
id: "m3",
value: "100%",
title: "ความโปร่งใส",
items: [
"ราคายุติธรรม",
"งานซ่อมได้มาตรฐาน",
],
},
{
id: "m4",
value: "24/7",
title: "การสนับสนุน",
items: [
"ให้คำปรึกษาฟรี",
"ดูแลตลอดอายุยาง",
],
},
{
id: "m5",
value: "500+",
title: "อุปกรณ์เสริม",
items: [
"อะไหล่แท้ทุกชิ้น",
"อุปกรณ์ครบครัน",
],
},
{ id: "m1", value: "10+", title: "ปีที่ให้บริการ", items: ["ในอำเภอหนองหิน", "บริการด้วยใจ"] },
{ id: "m2", value: "5,000+", title: "คันที่ดูแล", items: ["ลูกค้าพึงพอใจ", "มาซ้ำต่อเนื่อง"] },
{ id: "m3", value: "100%", title: "ความโปร่งใส", items: ["ราคายุติธรรม", "งานซ่อมได้มาตรฐาน"] },
{ id: "m4", value: "24/7", title: "การสนับสนุน", items: ["ให้คำปรึกษาฟรี", "ดูแลตลอดอายุยาง"] },
{ id: "m5", value: "500+", title: "อุปกรณ์เสริม", items: ["อะไหล่แท้ทุกชิ้น", "อุปกรณ์ครบครัน"] },
]}
title="ความไว้วางใจจากลูกค้า"
description="มาตรฐานการบริการที่เรายึดมั่นตลอดหลายปีที่ผ่านมา"
@@ -264,46 +129,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "ประทับใจมาก",
quote: "ช่างฝีมือดี อธิบายรายละเอียดงานซ่อมเข้าใจง่าย ราคาเป็นกันเองครับ",
name: "สมชาย ใจดี",
role: "ลูกค้าประจำ",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-man-driving-truck_23-2151581820.jpg",
},
{
id: "2",
title: "รวดเร็วทันใจ",
quote: "ปะยางไวมากครับ ช่วงล่างรถกลับมาแน่นเหมือนใหม่ บริการดีมากจริงๆ",
name: "วิชัย รักการขับ",
role: "ลูกค้าทั่วไป",
imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",
},
{
id: "3",
title: "บริการครบวงจร",
quote: "หาร้านประจำที่หนองหินมานาน ร้านนี้คือคำตอบครับ จบทุกปัญหาเรื่องยาง",
name: "นางสาวมาลี รักสวย",
role: "ลูกค้าประจำ",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-black-girls-shopping-store_1262-3586.jpg",
},
{
id: "4",
title: "ไว้ใจได้",
quote: "งานละเอียดครับ ไม่ยัดเยียดขายของ ประทับใจความซื่อสัตย์ของช่างที่นี่มาก",
name: "นายโชคชัย โชคดี",
role: "ลูกค้าทั่วไป",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg",
},
{
id: "5",
title: "ดูแลดีมาก",
quote: "พนักงานดูแลดีตั้งแต่นำรถเข้าซ่อมจนเสร็จงาน ชอบการตั้งศูนย์มาก นิ่งขึ้นเยอะ",
name: "นายนพดล มั่นคง",
role: "ลูกค้าทั่วไป",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5072.jpg",
},
{ id: "1", title: "ประทับใจมาก", quote: "ช่างฝีมือดี อธิบายรายละเอียดงานซ่อมเข้าใจง่าย ราคาเป็นกันเองครับ", name: "สมชาย ใจดี", role: "ลูกค้าประจำ", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-man-driving-truck_23-2151581820.jpg" },
{ id: "2", title: "รวดเร็วทันใจ", quote: "ปะยางไวมากครับ ช่วงล่างรถกลับมาแน่นเหมือนใหม่ บริการดีมากจริงๆ", name: "วิชัย รักการขับ", role: "ลูกค้าทั่วไป", imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg" },
{ id: "3", title: "บริการครบวงจร", quote: "หาร้านประจำที่หนองหินมานาน ร้านนี้คือคำตอบครับ จบทุกปัญหาเรื่องยาง", name: "นางสาวมาลี รักสวย", role: "ลูกค้าประจำ", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-black-girls-shopping-store_1262-3586.jpg" },
{ id: "4", title: "ไว้ใจได้", quote: "งานละเอียดครับ ไม่ยัดเยียดขายของ ประทับใจความซื่อสัตย์ของช่างที่นี่มาก", name: "นายโชคชัย โชคดี", role: "ลูกค้าทั่วไป", imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg" },
{ id: "5", title: "ดูแลดีมาก", quote: "พนักงานดูแลดีตั้งแต่นำรถเข้าซ่อมจนเสร็จงาน ชอบการตั้งศูนย์มาก นิ่งขึ้นเยอะ", name: "นายนพดล มั่นคง", role: "ลูกค้าทั่วไป", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5072.jpg" },
]}
title="เสียงตอบรับจากลูกค้า"
description="ลูกค้าไว้วางใจในบริการของเราเสมอมา"
@@ -315,31 +145,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "ร้านเปิดทำการกี่โมง?",
content: "เปิดให้บริการทุกวัน ตั้งแต่เวลา 08:00 - 18:00 น.",
},
{
id: "f2",
title: "ต้องจองคิวล่วงหน้าหรือไม่?",
content: "ทางร้านให้บริการแบบ walk-in สามารถนำรถเข้ามาได้เลยครับ",
},
{
id: "f3",
title: "รับตั้งศูนย์รถรุ่นไหนบ้าง?",
content: "เรารับตั้งศูนย์รถยนต์ทุกประเภท ทั้งรถเก๋งและรถกระบะ",
},
{
id: "f4",
title: "มีรับประกันยางหรือไม่?",
content: "เรามียางที่รับประกันคุณภาพโดยตรงจากผู้ผลิตชั้นนำ",
},
{
id: "f5",
title: "รับเปลี่ยนถ่ายน้ำมันเครื่องด้วยไหม?",
content: "เรามีบริการเปลี่ยนถ่ายน้ำมันเครื่องและเช็คระยะตามมาตรฐาน",
},
{ id: "f1", title: "ร้านเปิดทำการกี่โมง?", content: "เปิดให้บริการทุกวัน ตั้งแต่เวลา 08:00 - 18:00 น." },
{ id: "f2", title: "ต้องจองคิวล่วงหน้าหรือไม่?", content: "ทางร้านให้บริการแบบ walk-in สามารถนำรถเข้ามาได้เลยครับ" },
{ id: "f3", title: "รับตั้งศูนย์รถรุ่นไหนบ้าง?", content: "เรารับตั้งศูนย์รถยนต์ทุกประเภท ทั้งรถเก๋งและรถกระบะ" },
{ id: "f4", title: "มีรับประกันยางหรือไม่?", content: "เรามียางที่รับประกันคุณภาพโดยตรงจากผู้ผลิตชั้นนำ" },
{ id: "f5", title: "รับเปลี่ยนถ่ายน้ำมันเครื่องด้วยไหม?", content: "เรามีบริการเปลี่ยนถ่ายน้ำมันเครื่องและเช็คระยะตามมาตรฐาน" },
]}
title="คำถามที่พบบ่อย"
description="ข้อมูลเบื้องต้นเกี่ยวกับบริการของเรา"
@@ -350,9 +160,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="ติดต่อร้านคูณทรัพย์ยางยนต์"
description="สอบถามข้อมูลเพิ่มเติมหรือเช็คสต็อกยางได้ที่ช่องทางด้านล่างนี้"
inputPlaceholder="กรอกเบอร์โทรศัพท์"
@@ -366,36 +174,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="คูณทรัพย์ยางยนต์"
columns={[
{
title: "ข้อมูลร้าน",
items: [
{
label: "ที่ตั้ง: อ.หนองหิน จ.เลย",
href: "#",
},
{
label: "เบอร์โทร: 0XX-XXX-XXXX",
href: "tel:0000000000",
},
],
},
{
title: "บริการ",
items: [
{
label: "ปะยาง",
href: "#services",
},
{
label: "เปลี่ยนยาง",
href: "#services",
},
{
label: "ตั้งศูนย์",
href: "#services",
},
],
},
{ title: "ข้อมูลร้าน", items: [{ label: "ที่ตั้ง: อ.หนองหิน จ.เลย", href: "#" }, { label: "เบอร์โทร: 0XX-XXX-XXXX", href: "tel:0000000000" }] },
{ title: "บริการ", items: [{ label: "ปะยาง", href: "#services" }, { label: "เปลี่ยนยาง", href: "#services" }, { label: "ตั้งศูนย์", href: "#services" }] },
]}
copyrightText="© 2025 คูณทรัพย์ยางยนต์ All rights reserved."
/>