521 lines
23 KiB
TypeScript
521 lines
23 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "หน้าแรก",
|
|
id: "#hero",
|
|
},
|
|
{
|
|
name: "เกี่ยวกับเรา",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "สินค้า",
|
|
id: "#products",
|
|
},
|
|
{
|
|
name: "ทีมงาน",
|
|
id: "#team",
|
|
},
|
|
{
|
|
name: "ติดต่อ",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="สิงห์แหลม เสาเข็ม"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
imagePosition="right"
|
|
title="สิงห์แหลม เสาเข็ม"
|
|
description="จำหน่าย เสาเข็ม ไม้ยูคา ไม้แปรรูป สำหรับการก่อสร้าง และค้ำยันต้นไม้ 🪴 ราคาถูกครับ"
|
|
buttons={[
|
|
{
|
|
text: "ดูสินค้าของเรา",
|
|
href: "#products",
|
|
},
|
|
{
|
|
text: "ติดต่อสอบถาม",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EkeEw2W5PmC1LsEZadQMr5GjXV/uploaded-1780727221021-82t0z4zq.jpg"
|
|
imageAlt="กองเสาเข็มไม้ยูคาและไม้แปรรูป"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
|
|
alt: "ลูกค้าพึงพอใจ 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
|
alt: "ลูกค้าพึงพอใจ 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/image-goodlooking-africanamerican-woman-showing-okay-sign-with-confidence-holding-smartphone-stan_1258-131035.jpg",
|
|
alt: "ลูกค้าพึงพอใจ 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/with-bad-attitude-looking-proud-aggressive-pointing-upwards-making-fun-sign-with-hands_1194-632304.jpg",
|
|
alt: "ลูกค้าพึงพอใจ 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-satisfied-partners-finishing-up-meeting_74855-1530.jpg",
|
|
alt: "ลูกค้าพึงพอใจ 5",
|
|
},
|
|
]}
|
|
avatarText="ลูกค้ากว่า 5,000 รายไว้วางใจ"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "คุณภาพเยี่ยม",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "ราคาเป็นกันเอง",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "บริการรวดเร็ว",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "หลากหลายผลิตภัณฑ์",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "จัดส่งถึงหน้างาน",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "เกี่ยวกับ สิงห์แหลม เสาเข็ม",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "สอบถามเพิ่มเติม",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
description="สิงห์แหลม เสาเข็ม เป็นร้านจำหน่ายวัสดุก่อสร้างครบวงจรในปราจีนบุรี เราเชี่ยวชาญด้านเสาเข็ม ไม้ยูคา และไม้แปรรูปคุณภาพสูง เพื่อรองรับทุกโครงการก่อสร้างของคุณ ด้วยประสบการณ์ยาวนานและราคาที่เป็นกันเอง เรามุ่งมั่นที่จะเป็นพันธมิตรที่ดีที่สุดสำหรับช่างก่อสร้างและผู้รับเหมาในพื้นที่"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EkeEw2W5PmC1LsEZadQMr5GjXV/uploaded-1780727221021-n66libk4.jpg"
|
|
imageAlt="ภาพมุมกว้างร้านสิงห์แหลม เสาเข็ม"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
title="ทำไมต้องเลือกเรา"
|
|
description="เรามีวัสดุก่อสร้างที่หลากหลายและบริการที่เชื่อถือได้ เพื่อความสำเร็จของทุกโครงการของคุณ"
|
|
accordionItems={[
|
|
{
|
|
id: "f1",
|
|
title: "เสาเข็มคุณภาพสูง",
|
|
content: "เสาเข็มคอนกรีตและเสาเข็มไม้ยูคาที่ได้มาตรฐาน แข็งแรง ทนทาน เหมาะสำหรับฐานรากทุกประเภท",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "ไม้ยูคาแปรรูป",
|
|
content: "ไม้ยูคาที่ผ่านการแปรรูปอย่างดี เหมาะสำหรับค้ำยันโครงสร้าง ชั่วคราว หรือใช้งานอื่นๆ",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "ไม้แปรรูปหลากหลาย",
|
|
content: "ไม้แปรรูปประเภทอื่นๆ สำหรับงานก่อสร้างทั่วไป เช่น ไม้โครง ไม้แบบ และไม้บอร์ด",
|
|
},
|
|
{
|
|
id: "f4",
|
|
title: "ราคาเป็นกันเอง",
|
|
content: "เรานำเสนอวัสดุก่อสร้างคุณภาพในราคาที่เข้าถึงได้ เพื่อช่วยลดต้นทุนโครงการของคุณ",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/deck-is-stacked-logs_169016-3686.jpg"
|
|
imageAlt="กองไม้และวัสดุก่อสร้างในโกดัง"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "เสาเข็มไม้ยูคา ขนาด 3 นิ้ว",
|
|
price: "โทรสอบถาม",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-chopping-axes_23-2148568603.jpg",
|
|
imageAlt: "เสาเข็มไม้ยูคา ขนาดเล็ก",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "เสาเข็มไม้ยูคา ขนาด 4 นิ้ว",
|
|
price: "โทรสอบถาม",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-street-light-against-sky_1359-626.jpg",
|
|
imageAlt: "เสาเข็มไม้ยูคา ขนาดกลาง",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "เสาเข็มไม้ยูคา ขนาด 5 นิ้ว",
|
|
price: "โทรสอบถาม",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pile-shopped-wood-good-nature-wall_181624-50268.jpg",
|
|
imageAlt: "เสาเข็มไม้ยูคา ขนาดใหญ่",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "ไม้ค้ำยัน",
|
|
price: "โทรสอบถาม",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wood-bars_23-2147773351.jpg",
|
|
imageAlt: "ไม้สำหรับค้ำยัน",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "ไม้แปรรูปสำหรับโครงสร้าง",
|
|
price: "โทรสอบถาม",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wood-planks-construction-high-view_23-2148748810.jpg",
|
|
imageAlt: "ไม้แปรรูปสำหรับงานโครงสร้าง",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "ไม้สำหรับงานตกแต่ง",
|
|
price: "โทรสอบถาม",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-wooden-ceiling-with-chandelier_169016-51977.jpg",
|
|
imageAlt: "ไม้สำหรับงานตกแต่ง",
|
|
},
|
|
]}
|
|
title="สินค้าของเรา"
|
|
description="ค้นหาเสาเข็ม ไม้ยูคา และไม้แปรรูปคุณภาพดีที่สุดสำหรับโครงการของคุณ"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "15+",
|
|
title: "ปีแห่งประสบการณ์",
|
|
items: [
|
|
"เชี่ยวชาญด้านวัสดุก่อสร้าง",
|
|
"เข้าใจความต้องการลูกค้า",
|
|
],
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "1,000+",
|
|
title: "โครงการสำเร็จ",
|
|
items: [
|
|
"สนับสนุนงานก่อสร้างหลากหลาย",
|
|
"จากเล็กถึงใหญ่",
|
|
],
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "5,000+",
|
|
title: "ลูกค้าพึงพอใจ",
|
|
items: [
|
|
"เครือข่ายลูกค้ากว้างขวาง",
|
|
"ได้รับความไว้วางใจเสมอมา",
|
|
],
|
|
},
|
|
]}
|
|
title="ความสำเร็จของเรา"
|
|
description="เราภาคภูมิใจในประสบการณ์และผลงานที่ผ่านมา ซึ่งสะท้อนถึงความมุ่งมั่นในคุณภาพและบริการ"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "t1",
|
|
name: "คุณสมชาย",
|
|
role: "เจ้าของกิจการ",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg",
|
|
imageAlt: "คุณสมชาย เจ้าของกิจการ",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "คุณสุรีย์",
|
|
role: "ฝ่ายขาย",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg",
|
|
imageAlt: "คุณสุรีย์ ฝ่ายขาย",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "คุณมานะ",
|
|
role: "หัวหน้าคลังสินค้า",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-woman-business-owner-using-digital-tablet-checking-amount-stock-product-inventory-shelf-distribution-warehouse-factorylogistic-business-shipping-delivery-service_609648-2196.jpg",
|
|
imageAlt: "คุณมานะ หัวหน้าคลังสินค้า",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "คุณอรุณ",
|
|
role: "ฝ่ายจัดส่ง",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-driving-car-positive-emotions-bright-daylight-interior_169016-68621.jpg",
|
|
imageAlt: "คุณอรุณ ฝ่ายจัดส่ง",
|
|
},
|
|
]}
|
|
title="ทีมงานของเรา"
|
|
description="ทีมงานมืออาชีพของ สิงห์แหลม เสาเข็ม พร้อมให้บริการด้วยความเต็มใจ"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "test1",
|
|
name: "ช่างเก่ง",
|
|
role: "ช่างก่อสร้างอิสระ",
|
|
company: "สมศักดิ์การช่าง",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/half-body-shot-smiling-young-builder-uniform-with-hard-hat-pointing-up-isolated-red-wall_140725-149495.jpg",
|
|
imageAlt: "รูปภาพช่างเก่ง",
|
|
},
|
|
{
|
|
id: "test2",
|
|
name: "ผู้รับเหมาสมศักดิ์",
|
|
role: "เจ้าของกิจการ",
|
|
company: "สมศักดิ์การก่อสร้าง",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
|
|
imageAlt: "รูปภาพผู้รับเหมาสมศักดิ์",
|
|
},
|
|
{
|
|
id: "test3",
|
|
name: "คุณอัญชลี",
|
|
role: "เจ้าของบ้าน",
|
|
company: "ลูกค้าประจำ",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-asian-female-engineer-architect-safety-clothins-helmet-showing-peace-kawaii-sig_1258-95391.jpg",
|
|
imageAlt: "รูปภาพคุณอัญชลี",
|
|
},
|
|
{
|
|
id: "test4",
|
|
name: "คุณชัยวัฒน์",
|
|
role: "ผู้ประกอบการ",
|
|
company: "บริษัทพัฒนาอสังหาริมทรัพย์",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-advising-clients-office-relocation-leasing_482257-91134.jpg",
|
|
imageAlt: "รูปภาพคุณชัยวัฒน์",
|
|
},
|
|
{
|
|
id: "test5",
|
|
name: "วิศวกรปรีชา",
|
|
role: "วิศวกรโยธา",
|
|
company: "ที่ปรึกษาโครงการ",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-man-guy-black-suit-students-with-talet-girl-white-blouse_1157-41615.jpg",
|
|
imageAlt: "รูปภาพวิศวกรปรีชา",
|
|
},
|
|
{
|
|
id: "test6",
|
|
name: "คุณสุชาติ",
|
|
role: "ผู้จัดการโครงการ",
|
|
company: "SCN Construction",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/building-sector-industrial-workers-concept-enthusiastic-male-engineer-reflective-clothing-knocking-helmet-smiling-ensure-employees-working-with-good-protection-white-background_1258-57163.jpg",
|
|
imageAlt: "ผู้จัดการโครงการสุชาติ",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "99%",
|
|
label: "ความพึงพอใจ",
|
|
},
|
|
{
|
|
value: "100%",
|
|
label: "ส่งตรงเวลา",
|
|
},
|
|
{
|
|
value: "5/5",
|
|
label: "คะแนนรีวิว",
|
|
},
|
|
]}
|
|
title="เสียงจากลูกค้าของเรา"
|
|
description="ความพึงพอใจของลูกค้าคือแรงผลักดันของเราในการส่งมอบผลิตภัณฑ์และบริการที่ดีที่สุด"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1",
|
|
title: "สิงห์แหลม เสาเข็ม จำหน่ายอะไรบ้าง?",
|
|
content: "เราจำหน่ายเสาเข็มคอนกรีต เสาเข็มไม้ยูคา ไม้แปรรูป ไม้ค้ำยัน และวัสดุก่อสร้างที่เกี่ยวข้องคุณภาพสูง",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "มีบริการจัดส่งสินค้าหรือไม่?",
|
|
content: "เรามีบริการจัดส่งสินค้าถึงหน้างานในพื้นที่จังหวัดปราจีนบุรีและจังหวัดใกล้เคียง สอบถามข้อมูลเพิ่มเติมได้เลย",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "สามารถขอใบเสนอราคาได้อย่างไร?",
|
|
content: "คุณสามารถติดต่อเราได้ทางโทรศัพท์ หรือ Facebook เพื่อขอใบเสนอราคาสำหรับสินค้าและจำนวนที่คุณต้องการ",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/glasses-measuring-instruments-near-blueprints_23-2147785567.jpg"
|
|
imageAlt="แบบแปลนการก่อสร้างและอุปกรณ์"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="คำถามที่พบบ่อย"
|
|
description="เราได้รวบรวมคำตอบสำหรับข้อสงสัยที่พบบ่อยเกี่ยวกับผลิตภัณฑ์และบริการของเรา"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
text="ติดต่อเราวันนี้! สำหรับใบเสนอราคาหรือสอบถามข้อมูลเพิ่มเติม โปรดติดต่อเราได้เลย"
|
|
buttons={[
|
|
{
|
|
text: "โทร: 063-589-4544",
|
|
href: "tel:0635894544",
|
|
},
|
|
{
|
|
text: "โทร: 087-826-2924",
|
|
href: "tel:0878262924",
|
|
},
|
|
{
|
|
text: "Facebook",
|
|
href: "https://www.facebook.com/people/%E0%B8%AA%E0%B8%B4%E0%B8%87%E0%B8%AB%E0%B9%8C%E0%B9%81%E0%B8%AB%E0%B8%A5%E0%B8%A1-%E0%B9%80%E0%B8%AA%E0%B8%B2%E0%B9%80%E0%B8%82%E0%B9%87%E0%B8%A1/100089204973147/?mibextid=ZbWKwL",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "ลิงก์ด่วน",
|
|
items: [
|
|
{
|
|
label: "หน้าแรก",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "เกี่ยวกับเรา",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "สินค้า",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "ติดต่อ",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "สินค้า",
|
|
items: [
|
|
{
|
|
label: "เสาเข็มไม้ยูคา",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "ไม้แปรรูป",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "ไม้ค้ำยัน",
|
|
href: "#products",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "ติดต่อเรา",
|
|
items: [
|
|
{
|
|
label: "โทร: 063-589-4544",
|
|
href: "tel:0635894544",
|
|
},
|
|
{
|
|
label: "โทร: 087-826-2924",
|
|
href: "tel:0878262924",
|
|
},
|
|
{
|
|
label: "Facebook",
|
|
href: "https://www.facebook.com/people/%E0%B8%AA%E0%B8%B4%E0%B8%87%E0%B8%AB%E0%B9%8C%E0%B9%81%E0%B8%AB%E0%B8%A5%E0%B8%A1-%E0%B9%80%E0%B8%AA%E0%B8%B2%E0%B9%80%E0%B8%82%E0%B9%87%E0%B8%A1/100089204973147/?mibextid=ZbWKwL",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="สิงห์แหลม เสาเข็ม"
|
|
copyrightText="© 2024 สิงห์แหลม เสาเข็ม | สงวนลิขสิทธิ์"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|