bender/6dfee004-5d48-4a61-8ba0-9e186e6d50e5
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-06-13 07:53:58 +00:00
parent 2dad024bea
commit 9a2fa177f1
1 changed files with 62 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

312
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Blog",
id: "#blog",
},
name: "Blog", id: "#blog"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/latte-art-coffee-cup-spoon_9975-135795.jpg"
logoAlt="Café de Chill logo"
@@ -72,44 +58,23 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Welcome to Café de Chill CNX"
description="Discover your serene escape in the heart of Chiang Mai. Indulge in artisanal coffee, delightful pastries, and a tranquil ambiance perfect for work or relaxation."
tag="Your Daily Dose of Serenity"
tagAnimation="slide-up"
buttons={[
{
text: "Explore Our Menu",
href: "#menu",
},
text: "Explore Our Menu", href: "#menu"},
{
text: "Visit Us",
href: "#contact",
},
text: "Visit Us", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-coffee-shop_329181-8510.jpg?_wi=1",
imageAlt: "Cozy cafe interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-coffee-shop_329181-8510.jpg", imageAlt: "Cozy cafe interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-white-textured-shirt-cafe-terrace-daytime_176474-4965.jpg",
imageAlt: "Coffee and pastry on table",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg",
imageAlt: "Great coffee is only in this place",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/best-place-town-meeting-with-friends_329181-2888.jpg",
imageAlt: "The best place in town for meeting with friends",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-having-coffee_1098-411.jpg",
imageAlt: "Smiling couple having a coffee",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-white-textured-shirt-cafe-terrace-daytime_176474-4965.jpg", imageAlt: "Coffee and pastry on table"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -122,27 +87,18 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Our Story: Brewed with Passion in ",
},
type: "text", content: "Our Story: Brewed with Passion in "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup-spoon_9975-135795.jpg",
alt: "Café de Chill logo",
},
type: "image", src: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup-spoon_9975-135795.jpg", alt: "Café de Chill logo"},
{
type: "text",
content: " CNX",
},
type: "text", content: " CNX"},
]}
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
buttonAnimation="slide-up"
text="Café de Chill was born from a simple idea: to create a peaceful haven where the aroma of freshly roasted coffee meets the vibrant spirit of Chiang Mai. We meticulously source our beans, craft each beverage with care, and bake daily pastries to bring you an experience that soothes the soul and delights the palate. Join our growing community and discover your favorite corner in CNX."
description="Café de Chill was born from a simple idea: to create a peaceful haven where the aroma of freshly roasted coffee meets the vibrant spirit of Chiang Mai. We meticulously source our beans, craft each beverage with care, and bake daily pastries to bring you an experience that soothes the soul and delights the palate. Join our growing community and discover your favorite corner in CNX."
/>
</div>
@@ -153,28 +109,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Artisanal Coffee",
description: "Sourced from the finest local and international beans, roasted to perfection and brewed by expert baristas.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-london-table-empty_1203-4494.jpg",
imageAlt: "spacious cafe interior rustic modern",
title: "Artisanal Coffee", description: "Sourced from the finest local and international beans, roasted to perfection and brewed by expert baristas.", bentoComponent: "reveal-icon", icon: Coffee,
},
{
title: "Freshly Baked Pastries",
description: "Indulge in our daily selection of sweet and savory treats, baked in-house with premium ingredients.",
bentoComponent: "reveal-icon",
icon: Croissant,
imageSrc: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup-spoon_9975-135795.jpg",
imageAlt: "spacious cafe interior rustic modern",
title: "Freshly Baked Pastries", description: "Indulge in our daily selection of sweet and savory treats, baked in-house with premium ingredients.", bentoComponent: "reveal-icon", icon: Croissant,
},
{
title: "Relaxing Ambiance",
description: "Our serene space is designed for comfort, offering a perfect escape from the bustling city.",
bentoComponent: "reveal-icon",
icon: Lightbulb,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-coffee-shop_329181-8510.jpg?_wi=2",
imageAlt: "spacious cafe interior rustic modern",
title: "Relaxing Ambiance", description: "Our serene space is designed for comfort, offering a perfect escape from the bustling city.", bentoComponent: "reveal-icon", icon: Lightbulb,
},
]}
title="Experience the Chill Difference"
@@ -192,47 +133,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p-1",
name: "Chill Latte",
price: "฿120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-morning-coffee-bed-with-copy-space_23-2148796992.jpg",
imageAlt: "Signature Chill Latte with latte art",
},
id: "p-1", name: "Chill Latte", price: "฿120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-morning-coffee-bed-with-copy-space_23-2148796992.jpg", imageAlt: "Signature Chill Latte with latte art"},
{
id: "p-2",
name: "Classic Americano",
price: "฿90",
imageSrc: "http://img.b2bpic.net/free-photo/red-wine-juice-big-glass-grey-surface_114579-16141.jpg",
imageAlt: "Classic Americano coffee",
},
id: "p-2", name: "Classic Americano", price: "฿90", imageSrc: "http://img.b2bpic.net/free-photo/red-wine-juice-big-glass-grey-surface_114579-16141.jpg", imageAlt: "Classic Americano coffee"},
{
id: "p-3",
name: "Chocolate Fudge Cake",
price: "฿150",
imageSrc: "http://img.b2bpic.net/free-photo/slice-honey-cake-with-orange-slices_114579-16527.jpg",
imageAlt: "Slice of chocolate fudge cake",
},
id: "p-3", name: "Chocolate Fudge Cake", price: "฿150", imageSrc: "http://img.b2bpic.net/free-photo/slice-honey-cake-with-orange-slices_114579-16527.jpg", imageAlt: "Slice of chocolate fudge cake"},
{
id: "p-4",
name: "Gourmet Sandwich",
price: "฿180",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-avocado-toast-plate-with-cutlery-coffee_23-2148891766.jpg",
imageAlt: "Gourmet sandwich",
},
id: "p-4", name: "Gourmet Sandwich", price: "฿180", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-avocado-toast-plate-with-cutlery-coffee_23-2148891766.jpg", imageAlt: "Gourmet sandwich"},
{
id: "p-5",
name: "Fresh Orange Juice",
price: "฿100",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-orange-juice-glass-served-with-mint-orange-lime-wooden-table_140725-94516.jpg",
imageAlt: "Fresh orange juice",
},
id: "p-5", name: "Fresh Orange Juice", price: "฿100", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-orange-juice-glass-served-with-mint-orange-lime-wooden-table_140725-94516.jpg", imageAlt: "Fresh orange juice"},
{
id: "p-6",
name: "Oatmeal Raisin Cookie",
price: "฿70",
imageSrc: "http://img.b2bpic.net/free-photo/set-various-american-style-cookies-light-concrete-background-shortbread-with-confetti-sesame-seed-peanut-butter-oatmeal-chocolate-chip-cookies_2831-998.jpg",
imageAlt: "Oatmeal raisin cookie",
},
id: "p-6", name: "Oatmeal Raisin Cookie", price: "฿70", imageSrc: "http://img.b2bpic.net/free-photo/set-various-american-style-cookies-light-concrete-background-shortbread-with-confetti-sesame-seed-peanut-butter-oatmeal-chocolate-chip-cookies_2831-998.jpg", imageAlt: "Oatmeal raisin cookie"},
]}
title="Our Signature Menu"
description="A delightful selection of handcrafted beverages and delicious bites for every taste."
@@ -246,67 +157,31 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t-1",
name: "Pimchanok S.",
role: "Local Guide",
company: "Google Maps",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing_23-2149045766.jpg",
},
id: "t-1", name: "Pimchanok S.", role: "Local Guide", company: "Google Maps", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing_23-2149045766.jpg"},
{
id: "t-2",
name: "Natthaporn C.",
role: "Freelancer",
company: "Chiang Mai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-smiling-confident-making-selfie-by-camera-park_839833-1591.jpg",
},
id: "t-2", name: "Natthaporn C.", role: "Freelancer", company: "Chiang Mai", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-grey-haired-man-smiling-confident-making-selfie-by-camera-park_839833-1591.jpg"},
{
id: "t-3",
name: "Chaiyapat K.",
role: "Digital Nomad",
company: "Remote Worker",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-together-balcony_23-2149085458.jpg",
},
id: "t-3", name: "Chaiyapat K.", role: "Digital Nomad", company: "Remote Worker", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-together-balcony_23-2149085458.jpg"},
{
id: "t-4",
name: "Siriporn A.",
role: "Student",
company: "CMU",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg",
},
id: "t-4", name: "Siriporn A.", role: "Student", company: "CMU", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg"},
{
id: "t-5",
name: "Anusorn P.",
role: "Entrepreneur",
company: "Startup Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg",
},
id: "t-5", name: "Anusorn P.", role: "Entrepreneur", company: "Startup Hub", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg"},
{
id: "t-6",
name: "Panuwat T.",
role: "Tourist",
company: "Bangkok",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/arab-man-with-beard-standing-bricks-wall-background-with-happy-cool-smile-face-lucky-person_839833-31933.jpg",
},
id: "t-6", name: "Panuwat T.", role: "Tourist", company: "Bangkok", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/arab-man-with-beard-standing-bricks-wall-background-with-happy-cool-smile-face-lucky-person_839833-31933.jpg"},
]}
kpiItems={[
{
value: "4.9",
label: "Avg. Rating",
},
value: "4.9", label: "Avg. Rating"},
{
value: "500+",
label: "Reviews",
},
value: "500+", label: "Reviews"},
{
value: "98%",
label: "Recommendation",
},
value: "98%", label: "Recommendation"},
]}
title="What Our Guests Say"
description="Hear from our happy customers who love the Café de Chill experience."
@@ -322,38 +197,11 @@ export default function LandingPage() {
description="Stay updated with our latest happenings, coffee tips, and delicious recipes."
blogs={[
{
id: "b-1",
category: "Coffee",
title: "The Art of Latte Art: A Masterclass",
excerpt: "Learn the secrets behind beautiful latte art from our head barista.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-holding-coffee-brown-seeds-white-t-shirt-stone-colored-desk_179666-882.jpg",
imageAlt: "Barista making latte art",
authorName: "Ariya S.",
authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-670.jpg",
date: "May 20, 2024",
},
id: "b-1", category: "Coffee", title: "The Art of Latte Art: A Masterclass", excerpt: "Learn the secrets behind beautiful latte art from our head barista.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-holding-coffee-brown-seeds-white-t-shirt-stone-colored-desk_179666-882.jpg", imageAlt: "Barista making latte art", authorName: "Ariya S.", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-670.jpg", date: "May 20, 2024"},
{
id: "b-2",
category: "Events",
title: "Summer Jazz Nights at Café de Chill",
excerpt: "Join us every Friday for live jazz music and special evening menus.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bench-full-shot_23-2149651996.jpg",
imageAlt: "Outdoor cafe seating with jazz music",
authorName: "Chaiyapat K.",
authorAvatar: "http://img.b2bpic.net/free-photo/woman-wears-sweatshirt-holds-mobile-phone-types-text-messages-carries-rolled-up-karemat-focused-away-has-yoga-training-every-day_273609-55820.jpg",
date: "June 1, 2024",
},
id: "b-2", category: "Events", title: "Summer Jazz Nights at Café de Chill", excerpt: "Join us every Friday for live jazz music and special evening menus.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bench-full-shot_23-2149651996.jpg", imageAlt: "Outdoor cafe seating with jazz music", authorName: "Chaiyapat K.", authorAvatar: "http://img.b2bpic.net/free-photo/woman-wears-sweatshirt-holds-mobile-phone-types-text-messages-carries-rolled-up-karemat-focused-away-has-yoga-training-every-day_273609-55820.jpg", date: "June 1, 2024"},
{
id: "b-3",
category: "Recipes",
title: "Bake Our Signature Chocolate Chip Cookies",
excerpt: "Get the recipe for our famous chocolate chip cookies to bake at home.",
imageSrc: "http://img.b2bpic.net/free-photo/summer-desserts-with-sliced-fruit-berries-decorative-platter_114579-11712.jpg",
imageAlt: "Chocolate chip cookies",
authorName: "Natthaporn C.",
authorAvatar: "http://img.b2bpic.net/free-photo/pretty-woman-is-sitting-cafeteria-dressed-warm-sweater-waiting-someone-she-is-looking-aside-she-warms-herself-with-warm-drink-autumn-day-portrait-outside-meeting_291650-1181.jpg",
date: "April 15, 2024",
},
id: "b-3", category: "Recipes", title: "Bake Our Signature Chocolate Chip Cookies", excerpt: "Get the recipe for our famous chocolate chip cookies to bake at home.", imageSrc: "http://img.b2bpic.net/free-photo/summer-desserts-with-sliced-fruit-berries-decorative-platter_114579-11712.jpg", imageAlt: "Chocolate chip cookies", authorName: "Natthaporn C.", authorAvatar: "http://img.b2bpic.net/free-photo/pretty-woman-is-sitting-cafeteria-dressed-warm-sweater-waiting-someone-she-is-looking-aside-she-warms-herself-with-warm-drink-autumn-day-portrait-outside-meeting_291650-1181.jpg", date: "April 15, 2024"},
]}
/>
</div>
@@ -364,25 +212,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What are your opening hours?",
content: "We are open daily from 7 AM to 8 PM, seven days a week.",
},
id: "q1", title: "What are your opening hours?", content: "We are open daily from 7 AM to 8 PM, seven days a week."},
{
id: "q2",
title: "Do you offer vegan options?",
content: "Yes, we have a variety of vegan pastries and plant-based milk alternatives for our beverages.",
},
id: "q2", title: "Do you offer vegan options?", content: "Yes, we have a variety of vegan pastries and plant-based milk alternatives for our beverages."},
{
id: "q3",
title: "Is there free Wi-Fi available?",
content: "Absolutely! Enjoy complimentary high-speed Wi-Fi during your visit.",
},
id: "q3", title: "Is there free Wi-Fi available?", content: "Absolutely! Enjoy complimentary high-speed Wi-Fi during your visit."},
{
id: "q4",
title: "Can I reserve a table?",
content: "We operate on a first-come, first-served basis, but for larger groups, please contact us directly.",
},
id: "q4", title: "Can I reserve a table?", content: "We operate on a first-come, first-served basis, but for larger groups, please contact us directly."},
]}
imageSrc="http://img.b2bpic.net/free-photo/house-entrance-japan-building-plants_23-2149301099.jpg"
imageAlt="Café de Chill exterior"
@@ -398,18 +234,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Visit us at our cozy spot in Chiang Mai or connect with us online! We're excited to welcome you."
buttons={[
{
text: "Get Directions",
href: "https://maps.app.goo.gl/example",
},
text: "Get Directions", href: "https://maps.app.goo.gl/example"},
{
text: "Contact Us",
href: "mailto:hello@cafedechill.com",
},
text: "Contact Us", href: "mailto:hello@cafedechill.com"},
]}
/>
</div>
@@ -418,50 +249,31 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Instagram",
href: "https://instagram.com/cafedechill",
},
label: "Instagram", href: "https://instagram.com/cafedechill"},
{
label: "Facebook",
href: "https://facebook.com/cafedechill",
},
label: "Facebook", href: "https://facebook.com/cafedechill"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}