bender/ddb2d5df-966b-4239-9d24-8272d81c3101
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-12 16:46:52 +00:00
Conversation 0 Commits 1 Files Changed 1 +36 -197
1 changed files with 36 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

233
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Trang chủ",
id: "#hero",
},
{
name: "Về chúng tôi",
id: "#about",
},
{
name: "Thực đơn",
id: "#products",
},
{
name: "Liên hệ",
id: "#contact",
},
{ name: "Trang chủ", id: "#hero" },
{ name: "Về chúng tôi", id: "#about" },
{ name: "Thực đơn", id: "#products" },
{ name: "Liên hệ", id: "#contact" },
]}
brandName="Cơm Thố Anh Béo"
/>
@@ -58,40 +46,16 @@ export default function LandingPage() {
logoText="Cơm Thố Anh Béo"
description="Hương vị truyền thống, đậm đà khó quên tại Phú Hoà. Cơm thố giòn rụm, nóng hổi chờ bạn khám phá."
buttons={[
{
text: "Đặt món ngay",
href: "#products",
},
{
text: "Tìm đường",
href: "#contact",
},
{ text: "Đặt món ngay", href: "#products" },
{ text: "Tìm đường", href: "#contact" },
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-vietnam-flag-islamic-background_187299-37273.jpg",
imageAlt: "Cơm thố nóng hổi",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg",
imageAlt: "Không gian quán sạch sẽ",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-indonesian-bakso_23-2148933345.jpg",
imageAlt: "Món ăn ngon miệng",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-waiter-black-apron-standing-confident-cross-arms-chest-against-yellow-background_1258-158644.jpg",
imageAlt: "Đội ngũ thân thiện",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520107.jpg",
imageAlt: "Thực khách thưởng thức",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-nourishing-food_23-2148484622.jpg",
imageAlt: "Nguyên liệu tươi mới",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/ramadan-vietnam-flag-islamic-background_187299-37273.jpg", imageAlt: "Cơm thố nóng hổi" },
{ imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg", imageAlt: "Không gian quán sạch sẽ" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-indonesian-bakso_23-2148933345.jpg", imageAlt: "Món ăn ngon miệng" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-waiter-black-apron-standing-confident-cross-arms-chest-against-yellow-background_1258-158644.jpg", imageAlt: "Đội ngũ thân thiện" },
{ imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520107.jpg", imageAlt: "Thực khách thưởng thức" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-nourishing-food_23-2148484622.jpg", imageAlt: "Nguyên liệu tươi mới" },
]}
/>
</div>
@@ -100,12 +64,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Tinh hoa cơm thố truyền thống"
buttons={[
{
text: "Khám phá câu chuyện",
href: "#",
},
]}
buttons={[{ text: "Khám phá câu chuyện", href: "#" }]}
/>
</div>
@@ -116,42 +75,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Cơm Thố Gà Quay",
price: "45.000 ₫",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-stuffing-turkey_23-2148652161.jpg",
},
{
id: "p2",
name: "Cơm Thố Bò Nướng",
price: "55.000 ₫",
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-cherry-tomatoes_114579-5138.jpg",
},
{
id: "p3",
name: "Cơm Thố Sườn Đặc Biệt",
price: "60.000 ₫",
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-rice-meat-vegetables-with-seasonings-spoon-fork-nearby_181624-32118.jpg",
},
{
id: "p4",
name: "Cơm Thố Chả Trứng",
price: "40.000 ₫",
imageSrc: "http://img.b2bpic.net/free-photo/food-dish-kitchen-table_23-2147835287.jpg",
},
{
id: "p5",
name: "Cơm Thố Xá Xíu",
price: "50.000 ₫",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-asian-dish-with-rice-herbs_23-2148694318.jpg",
},
{
id: "p6",
name: "Canh Rau Theo Ngày",
price: "15.000 ₫",
imageSrc: "http://img.b2bpic.net/free-photo/hands-front-dish_23-2147680623.jpg",
},
{ id: "p1", name: "Cơm Thố Gà Quay", price: "45.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-stuffing-turkey_23-2148652161.jpg" },
{ id: "p2", name: "Cơm Thố Bò Nướng", price: "55.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-cherry-tomatoes_114579-5138.jpg" },
{ id: "p3", name: "Cơm Thố Sườn Đặc Biệt", price: "60.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/white-plate-rice-meat-vegetables-with-seasonings-spoon-fork-nearby_181624-32118.jpg" },
{ id: "p4", name: "Cơm Thố Chả Trứng", price: "40.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/food-dish-kitchen-table_23-2147835287.jpg" },
{ id: "p5", name: "Cơm Thố Xá Xíu", price: "50.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-asian-dish-with-rice-herbs_23-2148694318.jpg" },
{ id: "p6", name: "Canh Rau Theo Ngày", price: "15.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/hands-front-dish_23-2147680623.jpg" },
]}
title="Thực đơn nổi bật"
description="Thưởng thức sự kết hợp hoàn hảo giữa kỹ thuật nấu cơm thố giòn và các loại topping tươi ngon nhất mỗi ngày."
@@ -162,42 +91,13 @@ export default function LandingPage() {
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Mili",
role: "Khách hàng thân thiết",
testimonial: "Đồ ăn ngon, giá bình dân.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg",
},
{
id: "2",
name: "Đào Văn Thắng",
role: "Khách hàng",
testimonial: "Cơm bao ngon nhé. Mọi người tới ăn thử để trải nghiệm.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-lovely-young-woman-tourist_171337-13372.jpg",
},
{
id: "3",
name: "Như Võ Thị Huỳnh",
role: "Khách hàng",
testimonial: "1 tuần chồng mình phải đòi ăn 3-4 lần.",
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-yellow-heart-shape-smiling-green_140725-30376.jpg",
},
{
id: "4",
name: "Khách hàng thân thiết",
role: "Thực khách",
testimonial: "Không gian nhỏ hẹp nhưng mát mẻ, sạch sẽ.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-asian-food_23-2150288281.jpg",
},
{
id: "5",
name: "Anh Tuấn",
role: "Người sành ăn",
testimonial: "Cơm thố giòn rất vừa miệng, giá rất hợp lý.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
},
{ id: "1", name: "Mili", role: "Khách hàng thân thiết", testimonial: "Đồ ăn ngon, giá bình dân.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg" },
{ id: "2", name: "Đào Văn Thắng", role: "Khách hàng", testimonial: "Cơm bao ngon nhé. Mọi người tới ăn thử để trải nghiệm.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-lovely-young-woman-tourist_171337-13372.jpg" },
{ id: "3", name: "Như Võ Thị Huỳnh", role: "Khách hàng", testimonial: "1 tuần chồng mình phải đòi ăn 3-4 lần.", imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-shirt-colored-cape-holding-yellow-heart-shape-smiling-green_140725-30376.jpg" },
{ id: "4", name: "Khách hàng thân thiết", role: "Thực khách", testimonial: "Không gian nhỏ hẹp nhưng mát mẻ, sạch sẽ.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-asian-food_23-2150288281.jpg" },
{ id: "5", name: "Anh Tuấn", role: "Người sành ăn", testimonial: "Cơm thố giòn rất vừa miệng, giá rất hợp lý.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
]}
title="Khách hàng nói gì về chúng tôi"
description="Những phản hồi tích cực từ thực khách là động lực để chúng tôi phục vụ ngày càng tốt hơn."
@@ -211,27 +111,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "18+",
title: "Bài đánh giá",
description: "Được khách hàng tin tưởng",
icon: Star,
},
{
id: "m2",
value: "4.7",
title: "Đánh giá",
description: "Điểm số hài lòng",
icon: Award,
},
{
id: "m3",
value: "100+",
title: "Khách mỗi ngày",
description: "phục vụ tận tâm",
icon: Users,
},
{ id: "m1", value: "18+", title: "Bài đánh giá", description: "Được khách hàng tin tưởng", icon: Star },
{ id: "m2", value: "4.7", title: "Đánh giá", description: "Điểm số hài lòng", icon: Award },
{ id: "m3", value: "100+", title: "Khách mỗi ngày", description: "phục vụ tận tâm", icon: Users },
]}
title="Con số ấn tượng"
description="Chúng tôi tự hào được khách hàng tin tưởng và lựa chọn hằng ngày."
@@ -242,15 +124,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"GrabFood",
"ShopeeFood",
"BeFood",
"Gojek",
"Foody",
"Facebook",
"Google Maps",
]}
names={["GrabFood", "ShopeeFood", "BeFood", "Gojek", "Foody", "Facebook", "Google Maps"]}
title="Đối tác & Giao hàng"
description="Bạn có thể dễ dàng đặt món tại các nền tảng phổ biến."
/>
@@ -260,21 +134,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Giờ mở cửa?",
content: "Chúng tôi mở cửa từ 9:00 sáng hàng ngày.",
},
{
id: "f2",
title: "Địa chỉ ở đâu?",
content: "177 Đường D1, KDC Phú Lợi, Bình Dương.",
},
{
id: "f3",
title: "Có giao hàng không?",
content: "Có, chúng tôi hỗ trợ đặt qua các app giao đồ ăn phổ biến.",
},
{ id: "f1", title: "Giờ mở cửa?", content: "Chúng tôi mở cửa từ 9:00 sáng hàng ngày." },
{ id: "f2", title: "Địa chỉ ở đâu?", content: "177 Đường D1, KDC Phú Lợi, Bình Dương." },
{ id: "f3", title: "Có giao hàng không?", content: "Có, chúng tôi hỗ trợ đặt qua các app giao đồ ăn phổ biến." },
]}
sideTitle="Câu hỏi thường gặp"
faqsAnimation="slide-up"
@@ -284,18 +146,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Liên hệ đặt bàn"
title="Bạn muốn đặt món?"
description="Gọi ngay cho chúng tôi để được phục vụ tốt nhất."
buttons={[
{
text: "Gọi: 0922 289 997",
href: "tel:0922289997",
},
]}
buttons={[{ text: "Gọi: 0922 289 997", href: "tel:0922289997" }]}
/>
</div>
@@ -303,24 +158,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Cơm Thố Anh Béo"
columns={[
{
title: "Địa chỉ",
items: [
{
label: "177 Đường D1, KDC Phú Lợi",
href: "#",
},
],
},
{
title: "Liên hệ",
items: [
{
label: "0922 289 997",
href: "tel:0922289997",
},
],
},
{ title: "Địa chỉ", items: [{ label: "177 Đường D1, KDC Phú Lợi", href: "#" }] },
{ title: "Liên hệ", items: [{ label: "0922 289 997", href: "tel:0922289997" }] },
]}
/>
</div>