Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -34,27 +34,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Trang chủ",
|
||||
id: "home",
|
||||
},
|
||||
name: "Trang chủ", id: "home"},
|
||||
{
|
||||
name: "Giới thiệu",
|
||||
id: "about",
|
||||
},
|
||||
name: "Giới thiệu", id: "about"},
|
||||
{
|
||||
name: "Thực đơn",
|
||||
id: "products",
|
||||
},
|
||||
name: "Thực đơn", id: "products"},
|
||||
{
|
||||
name: "Đánh giá",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Đánh giá", id: "testimonials"},
|
||||
{
|
||||
name: "Liên hệ",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Liên hệ", id: "contact"},
|
||||
]}
|
||||
brandName="Fê Xe Coffee"
|
||||
button={{ text: "Đặt bàn", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,11 +55,9 @@ export default function LandingPage() {
|
||||
description="Nơi những câu chuyện bắt đầu với hương vị cà phê nguyên chất, không gian thư giãn cho tâm hồn."
|
||||
buttons={[
|
||||
{
|
||||
text: "Xem thực đơn",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Xem thực đơn", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -77,7 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Chuyện của Fê Xe"
|
||||
description="Chúng mình là Fê Xe, nơi mỗi tách cà phê không chỉ là thức uống mà là cả một bầu trời an yên. Tọa lạc tại Ngõ 85, Vân Trì, Đông Anh, Fê Xe mang đến không gian cổ điển ấm cúng cùng những món đồ uống tâm huyết."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4903.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4903.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,41 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Trà Mãng Cầu",
|
||||
price: "45.000 ₫",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281851.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Trà Mãng Cầu", price: "45.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281851.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sữa Chua Việt Quất",
|
||||
price: "35.000 ₫",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-herbal-tea-concept-with-lemon_23-2148555201.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Sữa Chua Việt Quất", price: "35.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/front-view-herbal-tea-concept-with-lemon_23-2148555201.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Trà Sữa Hạt Dẻ",
|
||||
price: "35.000 ₫",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-with-milk_23-2149870660.jpg",
|
||||
},
|
||||
id: "p3", name: "Trà Sữa Hạt Dẻ", price: "35.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-with-milk_23-2149870660.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cafe Muối",
|
||||
price: "25.000 ₫",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-with-red-orange-slice-glass_23-2148437032.jpg",
|
||||
},
|
||||
id: "p4", name: "Cafe Muối", price: "25.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-with-red-orange-slice-glass_23-2148437032.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Trà Cam Quế",
|
||||
price: "30.000 ₫",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-ingredients_23-2147684425.jpg",
|
||||
},
|
||||
id: "p5", name: "Trà Cam Quế", price: "30.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-ingredients_23-2147684425.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bạc Xỉu",
|
||||
price: "25.000 ₫",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-clipboard-with-cup-coffee-meringue-cookies_23-2148267717.jpg",
|
||||
},
|
||||
id: "p6", name: "Bạc Xỉu", price: "25.000 ₫", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-clipboard-with-cup-coffee-meringue-cookies_23-2148267717.jpg"},
|
||||
]}
|
||||
title="Thực đơn đặc sắc"
|
||||
description="Khám phá thế giới hương vị từ cà phê nguyên chất đến những món trà trái cây thơm mát."
|
||||
@@ -138,19 +103,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Cà phê nguyên chất",
|
||||
description: "Hạt cà phê chọn lọc, pha chế tận tâm theo tiêu chuẩn.",
|
||||
},
|
||||
title: "Cà phê nguyên chất", description: "Hạt cà phê chọn lọc, pha chế tận tâm theo tiêu chuẩn."},
|
||||
{
|
||||
icon: Music,
|
||||
title: "Không gian thư giãn",
|
||||
description: "Không gian yên tĩnh, nhạc hay, lý tưởng để nghỉ ngơi.",
|
||||
},
|
||||
title: "Không gian thư giãn", description: "Không gian yên tĩnh, nhạc hay, lý tưởng để nghỉ ngơi."},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Giao hàng nhanh",
|
||||
description: "Miễn phí ship trong bán kính 2km nội thành.",
|
||||
},
|
||||
title: "Giao hàng nhanh", description: "Miễn phí ship trong bán kính 2km nội thành."},
|
||||
]}
|
||||
title="Tại sao chọn Fê Xe?"
|
||||
description="Chúng mình luôn cố gắng mang đến trải nghiệm tốt nhất cho mỗi vị khách ghé thăm."
|
||||
@@ -164,20 +123,11 @@ export default function LandingPage() {
|
||||
tag="Uy tín từ khách hàng"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "174+",
|
||||
description: "Bài đánh giá hài lòng",
|
||||
},
|
||||
id: "m1", value: "174+", description: "Bài đánh giá hài lòng"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
description: "Điểm chất lượng",
|
||||
},
|
||||
id: "m2", value: "4.9", description: "Điểm chất lượng"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Tận tâm phục vụ",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Tận tâm phục vụ"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -190,45 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Bich Nga",
|
||||
handle: "@bichnga",
|
||||
testimonial: "Không gian siêu chill, trà cam quế rất ngon và ấm áp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg",
|
||||
imageAlt: "Barista is preparing coffee with milk",
|
||||
},
|
||||
id: "t1", name: "Bich Nga", handle: "@bichnga", testimonial: "Không gian siêu chill, trà cam quế rất ngon và ấm áp.", imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg", imageAlt: "Barista is preparing coffee with milk"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "táo gừng",
|
||||
handle: "@taogung",
|
||||
testimonial: "Bất ngờ vì ở Đông Anh có quán xinh, không gian thoáng, hồ cá đẹp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg?_wi=2",
|
||||
imageAlt: "Barista is preparing coffee with milk",
|
||||
},
|
||||
id: "t2", name: "táo gừng", handle: "@taogung", testimonial: "Bất ngờ vì ở Đông Anh có quán xinh, không gian thoáng, hồ cá đẹp.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg", imageAlt: "Barista is preparing coffee with milk"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Bông Bông",
|
||||
handle: "@bongbong",
|
||||
testimonial: "Cafe muối ngon tuyệt, sánh ngang các quán nội thành Hà Nội.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4903.jpg?_wi=2",
|
||||
imageAlt: "Barista is preparing coffee with milk",
|
||||
},
|
||||
id: "t3", name: "Bông Bông", handle: "@bongbong", testimonial: "Cafe muối ngon tuyệt, sánh ngang các quán nội thành Hà Nội.", imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4903.jpg", imageAlt: "Barista is preparing coffee with milk"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Hải Nam",
|
||||
handle: "@hainam",
|
||||
testimonial: "Nhân viên nhiệt tình, không gian rất thích hợp để làm việc.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281851.jpg?_wi=2",
|
||||
imageAlt: "Barista is preparing coffee with milk",
|
||||
},
|
||||
id: "t4", name: "Hải Nam", handle: "@hainam", testimonial: "Nhân viên nhiệt tình, không gian rất thích hợp để làm việc.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281851.jpg", imageAlt: "Barista is preparing coffee with milk"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lan Chi",
|
||||
handle: "@lanchi",
|
||||
testimonial: "Trà mãng cầu ở đây cực kỳ đặc sắc, nhất định phải thử.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-herbal-tea-concept-with-lemon_23-2148555201.jpg?_wi=2",
|
||||
imageAlt: "Barista is preparing coffee with milk",
|
||||
},
|
||||
id: "t5", name: "Lan Chi", handle: "@lanchi", testimonial: "Trà mãng cầu ở đây cực kỳ đặc sắc, nhất định phải thử.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-herbal-tea-concept-with-lemon_23-2148555201.jpg", imageAlt: "Barista is preparing coffee with milk"},
|
||||
]}
|
||||
title="Khách hàng nói gì về chúng mình?"
|
||||
description="Sự yêu mến của các bạn là động lực lớn nhất để Fê Xe phát triển mỗi ngày."
|
||||
@@ -240,14 +160,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"KiotViet",
|
||||
"GrabFood",
|
||||
"ShopeeFood",
|
||||
"Facebook",
|
||||
"Instagram",
|
||||
"Google Maps",
|
||||
"Zalo",
|
||||
]}
|
||||
"KiotViet", "GrabFood", "ShopeeFood", "Facebook", "Instagram", "Google Maps", "Zalo"]}
|
||||
title="Đối tác đồng hành"
|
||||
description="Các đơn vị hợp tác uy tín cùng Fê Xe"
|
||||
/>
|
||||
@@ -259,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Giờ mở cửa?",
|
||||
content: "Chúng mình mở cửa từ 07:30 - 22:30 hàng ngày.",
|
||||
},
|
||||
id: "f1", title: "Giờ mở cửa?", content: "Chúng mình mở cửa từ 07:30 - 22:30 hàng ngày."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Có thu phí ship không?",
|
||||
content: "Fê Xe miễn phí giao hàng trong bán kính 2km.",
|
||||
},
|
||||
id: "f2", title: "Có thu phí ship không?", content: "Fê Xe miễn phí giao hàng trong bán kính 2km."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Địa chỉ cụ thể?",
|
||||
content: "Chúng mình ở Ngõ 85, Phố Vân Trì, Đông Anh, Hà Nội.",
|
||||
},
|
||||
id: "f3", title: "Địa chỉ cụ thể?", content: "Chúng mình ở Ngõ 85, Phố Vân Trì, Đông Anh, Hà Nội."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-asian-girl-student-working-parttime-cafe-holding-cup-coffee-made-order-l_1258-138309.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -286,20 +190,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Liên hệ ngay"
|
||||
title="Ghé thăm Fê Xe hôm nay"
|
||||
description="Đừng ngần ngại liên hệ để đặt bàn hoặc gọi ship ngay lập tức."
|
||||
buttons={[
|
||||
{
|
||||
text: "Gọi ngay",
|
||||
href: "tel:+84943537454",
|
||||
},
|
||||
text: "Gọi ngay", href: "tel:+84943537454"},
|
||||
{
|
||||
text: "Đặt đồ ngay",
|
||||
href: "https://fexe.kiotvietweb.vn",
|
||||
},
|
||||
text: "Đặt đồ ngay", href: "https://fexe.kiotvietweb.vn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,33 +209,21 @@ export default function LandingPage() {
|
||||
logoText="Fê Xe Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Liên hệ",
|
||||
items: [
|
||||
title: "Liên hệ", items: [
|
||||
{
|
||||
label: "Ngõ 85, Vân Trì, Đông Anh, Hà Nội",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ngõ 85, Vân Trì, Đông Anh, Hà Nội", href: "#"},
|
||||
{
|
||||
label: "0943 537 454",
|
||||
href: "tel:+84943537454",
|
||||
},
|
||||
label: "0943 537 454", href: "tel:+84943537454"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Dịch vụ",
|
||||
items: [
|
||||
title: "Dịch vụ", items: [
|
||||
{
|
||||
label: "Trang chủ",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Trang chủ", href: "#home"},
|
||||
{
|
||||
label: "Thực đơn",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Thực đơn", href: "#products"},
|
||||
{
|
||||
label: "Đánh giá",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Đánh giá", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user