Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -30,132 +30,53 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Menu", id: "products" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="PLA Cafe"
|
brandName="PLA Cafe"
|
||||||
|
button={{ text: "Order Now", href: "#products" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
title="PLA Cafe - Gateway At Bangsue"
|
title="PLA Cafe - Gateway At Bangsue"
|
||||||
description="Fresh bread, artisanal sandwiches, and daily coffee. Experience a warm and inviting space for your relaxing breaks."
|
description="Fresh bread, artisanal sandwiches, and daily coffee. Experience a warm and inviting space for your relaxing breaks."
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-freshly-baked-rusty-crusty-home-made-bread_181624-44916.jpg", imageAlt: "Shio Pan" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-freshly-baked-rusty-crusty-home-made-bread_181624-44916.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg", imageAlt: "Sourdough" },
|
||||||
imageAlt: "Shio Pan",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-cup-coffee_23-2148149138.jpg", imageAlt: "Focaccia" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-donuts-with-sugar_116380-18.jpg", imageAlt: "Bagels" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-asian-woman-holding-cup-cappuccino-cafe_1098-20163.jpg", imageAlt: "Coffee" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-97260.jpg",
|
|
||||||
imageAlt: "Sourdough",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-cup-coffee_23-2148149138.jpg",
|
|
||||||
imageAlt: "Focaccia",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-donuts-with-sugar_116380-18.jpg",
|
|
||||||
imageAlt: "Bagels",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-asian-woman-holding-cup-cappuccino-cafe_1098-20163.jpg",
|
|
||||||
imageAlt: "Coffee",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367205.jpg", imageAlt: "Cafe Vibes" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-arrangement-with-dried-fruits-flowers_23-2151367205.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-rolling-out-dough-with-flour-dark-cake-job-oven-hotcake-dough-bake-pie-egg-cuisine_179666-43952.jpg", imageAlt: "Bakery" },
|
||||||
imageAlt: "Cafe Vibes",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/black-plate-ripe-persimmon-fruits-black-surface_114579-89026.jpg", imageAlt: "Breads" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/blissful-short-haired-woman-enjoing-cappucino-cafe-wearing-cozy-white-sweater_273443-4557.jpg", imageAlt: "Drinks" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-soda-bread-with-raisins-freshly-baked_123827-37317.jpg", imageAlt: "Artisan" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-rolling-out-dough-with-flour-dark-cake-job-oven-hotcake-dough-bake-pie-egg-cuisine_179666-43952.jpg",
|
|
||||||
imageAlt: "Bakery",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-plate-ripe-persimmon-fruits-black-surface_114579-89026.jpg",
|
|
||||||
imageAlt: "Breads",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blissful-short-haired-woman-enjoing-cappucino-cafe-wearing-cozy-white-sweater_273443-4557.jpg",
|
|
||||||
imageAlt: "Drinks",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-soda-bread-with-raisins-freshly-baked_123827-37317.jpg",
|
|
||||||
imageAlt: "Artisan",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "See Menu", href: "#products" },
|
||||||
text: "See Menu",
|
{ text: "Contact Us", href: "#contact" },
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Contact Us",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/side-view-cake-with-whipped-cream-berries-glass-stand-person-drinking-tea-table_140725-12849.jpg", alt: "Customer 1" },
|
||||||
src: "http://img.b2bpic.net/free-photo/side-view-cake-with-whipped-cream-berries-glass-stand-person-drinking-tea-table_140725-12849.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/cup-coffee-glass-counter-bakery_23-2147892886.jpg", alt: "Customer 2" },
|
||||||
alt: "Customer 1",
|
{ src: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", alt: "Customer 3" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/bar-still-life-with-cake_23-2147821284.jpg", alt: "Customer 4" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/fresh-buns-near-candied-fruits-tools_23-2147851923.jpg", alt: "Customer 5" },
|
||||||
src: "http://img.b2bpic.net/free-photo/cup-coffee-glass-counter-bakery_23-2147892886.jpg",
|
|
||||||
alt: "Customer 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",
|
|
||||||
alt: "Customer 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/bar-still-life-with-cake_23-2147821284.jpg",
|
|
||||||
alt: "Customer 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/fresh-buns-near-candied-fruits-tools_23-2147851923.jpg",
|
|
||||||
alt: "Customer 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join our happy regulars"
|
avatarText="Join our happy regulars"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Freshly Baked" },
|
||||||
type: "text",
|
{ type: "text", text: "Artisan Coffee" },
|
||||||
text: "Freshly Baked",
|
{ type: "text", text: "Local Favorite" },
|
||||||
},
|
{ type: "text", text: "Daily Specials" },
|
||||||
{
|
{ type: "text", text: "Cozy Atmosphere" },
|
||||||
type: "text",
|
|
||||||
text: "Artisan Coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Local Favorite",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Daily Specials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Cozy Atmosphere",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -164,15 +85,8 @@ export default function LandingPage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{ type: "text", content: "Baked Fresh Every Single Day" },
|
||||||
type: "text",
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/chef-throwing-up-dough-pizza-home-modern-kitchen-smilling-front-camera-skillful-retired-elderly-chef-wearing-uniform-spinning-tossing-pizza-countertop_482257-14489.jpg", alt: "Freshly Baked" },
|
||||||
content: "Baked Fresh Every Single Day",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/chef-throwing-up-dough-pizza-home-modern-kitchen-smilling-front-camera-skillful-retired-elderly-chef-wearing-uniform-spinning-tossing-pizza-countertop_482257-14489.jpg",
|
|
||||||
alt: "Freshly Baked",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -184,48 +98,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Shio Pan", price: "THB 65", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-thanksgiving-dish-sweet-potato-casserole-with-marshmallows-portioned-forms-wooden-black-cutting-board_140725-10329.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Sourdough", price: "THB 150", variant: "Loaf", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crusty-bread-knife-plaid-cloth-wooden-background_141793-27824.jpg" },
|
||||||
name: "Shio Pan",
|
{ id: "p3", name: "Focaccia", price: "THB 85", variant: "Savory", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-food-assortment_23-2148601663.jpg" },
|
||||||
price: "THB 65",
|
{ id: "p4", name: "Bagels", price: "THB 75", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/different-type-bagels-crumpled-brown-paper-black-background_23-2147975079.jpg" },
|
||||||
variant: "Bakery",
|
{ id: "p5", name: "Daily Coffee", price: "THB 90", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-cup_23-2148263247.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-thanksgiving-dish-sweet-potato-casserole-with-marshmallows-portioned-forms-wooden-black-cutting-board_140725-10329.jpg",
|
{ id: "p6", name: "Sandwich", price: "THB 120", variant: "Meal", imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-sandwich-with-tomato_23-2148640136.jpg" },
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Sourdough",
|
|
||||||
price: "THB 150",
|
|
||||||
variant: "Loaf",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crusty-bread-knife-plaid-cloth-wooden-background_141793-27824.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Focaccia",
|
|
||||||
price: "THB 85",
|
|
||||||
variant: "Savory",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-food-assortment_23-2148601663.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Bagels",
|
|
||||||
price: "THB 75",
|
|
||||||
variant: "Artisan",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-bagels-crumpled-brown-paper-black-background_23-2147975079.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Daily Coffee",
|
|
||||||
price: "THB 90",
|
|
||||||
variant: "Coffee",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-cup_23-2148263247.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Sandwich",
|
|
||||||
price: "THB 120",
|
|
||||||
variant: "Meal",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-sandwich-with-tomato_23-2148640136.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Menu"
|
title="Our Menu"
|
||||||
description="Delicious choices for your appetite"
|
description="Delicious choices for your appetite"
|
||||||
@@ -236,34 +114,11 @@ export default function LandingPage() {
|
|||||||
<FeatureCardTwentyThree
|
<FeatureCardTwentyThree
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
animationType="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", title: "Fresh Daily", tags: ["Bakery", "Artisan"], imageSrc: "http://img.b2bpic.net/free-photo/high-view-bread-cloth_23-2148258652.jpg" },
|
||||||
id: "f1",
|
{ id: "f2", title: "Great Coffee", tags: ["Roast", "Aroma"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-with-latte-art_23-2147775883.jpg" },
|
||||||
title: "Fresh Daily",
|
{ id: "f3", title: "Friendly Vibes", tags: ["Modern", "Cozy"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-pies-dark-desk-pie-sweet-cake-pastry-biscuit_140725-73370.jpg" },
|
||||||
tags: [
|
|
||||||
"Bakery",
|
|
||||||
"Artisan",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-bread-cloth_23-2148258652.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Great Coffee",
|
|
||||||
tags: [
|
|
||||||
"Roast",
|
|
||||||
"Aroma",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-with-latte-art_23-2147775883.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Friendly Vibes",
|
|
||||||
tags: [
|
|
||||||
"Modern",
|
|
||||||
"Cozy",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-pies-dark-desk-pie-sweet-cake-pastry-biscuit_140725-73370.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Visit Us?"
|
title="Why Visit Us?"
|
||||||
description="What makes PLA Cafe special."
|
description="What makes PLA Cafe special."
|
||||||
@@ -273,36 +128,16 @@ export default function LandingPage() {
|
|||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
cardAnimation="slide-up"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg" },
|
||||||
id: "t1",
|
{ id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-wavy-brown-hair-enjoying-coffee-outside_291650-1363.jpg" },
|
||||||
name: "Sarah Johnson",
|
{ id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-office-holding-coffee-cups-smiling-with-happy-cool-smile-face-showing-teeth_839833-17423.jpg",
|
{ id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-customer_23-2148366617.jpg" },
|
||||||
},
|
{ id: "t5", name: "Nana Liki", imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg" },
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Michael Chen",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-wavy-brown-hair-enjoying-coffee-outside_291650-1363.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Emily Rodriguez",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "David Kim",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-customer_23-2148366617.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Nana Liki",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="What Customers Say"
|
cardTitle="What Customers Say"
|
||||||
cardTag="Reviews"
|
cardTag="Reviews"
|
||||||
cardAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -310,40 +145,26 @@ export default function LandingPage() {
|
|||||||
<FaqBase
|
<FaqBase
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "q1", title: "What are your opening hours?", content: "We are open daily from 7:00 to 19:00." },
|
||||||
id: "q1",
|
{ id: "q2", title: "Can I park at Gateway?", content: "Yes, we are located at Gateway At Bangsue and you can park inside." },
|
||||||
title: "What are your opening hours?",
|
{ id: "q3", title: "Do you accept digital payments?", content: "Yes, we support NFC and mobile payments." },
|
||||||
content: "We are open daily from 7:00 to 19:00.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Can I park at Gateway?",
|
|
||||||
content: "Yes, we are located at Gateway At Bangsue and you can park inside.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "Do you accept digital payments?",
|
|
||||||
content: "Yes, we support NFC and mobile payments.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Find answers here."
|
description="Find answers here."
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
mediaAnimation="slide-up"
|
||||||
variant: "plain",
|
background={{ variant: "plain" }}
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Visit Us Today"
|
title="Visit Us Today"
|
||||||
description="Located at Gateway At Bangsue. Call us at 092 390 7462."
|
description="Located at Gateway At Bangsue. Call us at 092 390 7462."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg"
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user