Merge version_1 into main #1
233
src/app/page.tsx
233
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/coffee-shop-logo-template_23-2150529589.jpg"
|
||||
logoAlt="Genggua Cafe Logo"
|
||||
@@ -65,48 +53,31 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Welcome to Genggua Cafe"
|
||||
description="Discover your perfect escape at Genggua Cafe. A fine spot for coffee lovers and those seeking a cozy place to relax and unwind."
|
||||
tag="Your Daily Dose of Bliss"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Find Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg",
|
||||
imageAlt: "Cozy cafe interior with warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", imageAlt: "Cozy cafe interior with warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pies-sliced-with-red-berries_140725-85315.jpg",
|
||||
imageAlt: "Delicious latte art and pastries",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pies-sliced-with-red-berries_140725-85315.jpg", imageAlt: "Delicious latte art and pastries"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg",
|
||||
imageAlt: "Charming cafe exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-bistro_23-2149366410.jpg", imageAlt: "Charming cafe exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair-cafe_1339-3252.jpg",
|
||||
imageAlt: "Spacious lounge area of a cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair-cafe_1339-3252.jpg", imageAlt: "Spacious lounge area of a cafe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cookies-transparent-glass-coffee-with-cookie-saucer_23-2147908391.jpg",
|
||||
imageAlt: "Caramel macchiato close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cookies-transparent-glass-coffee-with-cookie-saucer_23-2147908391.jpg", imageAlt: "Caramel macchiato close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-medical-face-mask-using-laptop-work_1153-8026.jpg",
|
||||
imageAlt: "People relaxing in cafe atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-medical-face-mask-using-laptop-work_1153-8026.jpg", imageAlt: "People relaxing in cafe atmosphere"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -122,7 +93,6 @@ export default function LandingPage() {
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354565.jpg"
|
||||
imageAlt="Friendly barista serving coffee"
|
||||
videoAriaLabel="About Genggua Cafe video"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
@@ -135,25 +105,13 @@ export default function LandingPage() {
|
||||
tag="What We Offer"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Artisanal Coffee & Beverages",
|
||||
content: "Savor meticulously crafted coffee, from classic espressos to delightful lattes, prepared by our skilled baristas. We also offer a selection of teas and refreshing non-coffee drinks.",
|
||||
},
|
||||
id: "1", title: "Artisanal Coffee & Beverages", content: "Savor meticulously crafted coffee, from classic espressos to delightful lattes, prepared by our skilled baristas. We also offer a selection of teas and refreshing non-coffee drinks."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Cozy & Inviting Atmosphere",
|
||||
content: "Our cafe is designed with comfort in mind, featuring warm lighting, comfortable seating, and a serene ambiance perfect for relaxation, studying, or catching up with friends.",
|
||||
},
|
||||
id: "2", title: "Cozy & Inviting Atmosphere", content: "Our cafe is designed with comfort in mind, featuring warm lighting, comfortable seating, and a serene ambiance perfect for relaxation, studying, or catching up with friends."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Delicious Treats & Snacks",
|
||||
content: "Complement your drink with our range of freshly baked pastries, delectable cakes, and light snacks. Perfect for a quick bite or a sweet indulgence.",
|
||||
},
|
||||
id: "3", title: "Delicious Treats & Snacks", content: "Complement your drink with our range of freshly baked pastries, delectable cakes, and light snacks. Perfect for a quick bite or a sweet indulgence."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Free Wi-Fi & Power Outlets",
|
||||
content: "Stay connected and productive with our complimentary high-speed Wi-Fi and easily accessible power outlets, making our cafe ideal for remote work or study sessions.",
|
||||
},
|
||||
id: "4", title: "Free Wi-Fi & Power Outlets", content: "Stay connected and productive with our complimentary high-speed Wi-Fi and easily accessible power outlets, making our cafe ideal for remote work or study sessions."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg"
|
||||
imageAlt="People relaxing and enjoying coffee in a cozy cafe"
|
||||
@@ -171,54 +129,19 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "caramel-macchiato",
|
||||
name: "Caramel Macchiato",
|
||||
price: "RM 15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-beverage-with-spices_23-2148349610.jpg",
|
||||
imageAlt: "Caramel macchiato with latte art",
|
||||
},
|
||||
id: "caramel-macchiato", name: "Caramel Macchiato", price: "RM 15.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-beverage-with-spices_23-2148349610.jpg", imageAlt: "Caramel macchiato with latte art"},
|
||||
{
|
||||
id: "espresso",
|
||||
name: "Espresso",
|
||||
price: "RM 8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-glazed-peanuts-platter_114579-44803.jpg",
|
||||
imageAlt: "Rich espresso shot",
|
||||
},
|
||||
id: "espresso", name: "Espresso", price: "RM 8.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-glazed-peanuts-platter_114579-44803.jpg", imageAlt: "Rich espresso shot"},
|
||||
{
|
||||
id: "cappuccino",
|
||||
name: "Cappuccino",
|
||||
price: "RM 12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/art-cappuccino-ceramic-cup-with-cookie-wooden-table_23-2147898248.jpg",
|
||||
imageAlt: "Cappuccino with beautiful latte art",
|
||||
},
|
||||
id: "cappuccino", name: "Cappuccino", price: "RM 12.00", imageSrc: "http://img.b2bpic.net/free-photo/art-cappuccino-ceramic-cup-with-cookie-wooden-table_23-2147898248.jpg", imageAlt: "Cappuccino with beautiful latte art"},
|
||||
{
|
||||
id: "latte",
|
||||
name: "Cafe Latte",
|
||||
price: "RM 12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-drink-cinnamon-rolls-high-angle_23-2148904750.jpg",
|
||||
imageAlt: "Creamy cafe latte",
|
||||
},
|
||||
id: "latte", name: "Cafe Latte", price: "RM 12.00", imageSrc: "http://img.b2bpic.net/free-photo/hot-drink-cinnamon-rolls-high-angle_23-2148904750.jpg", imageAlt: "Creamy cafe latte"},
|
||||
{
|
||||
id: "blueberry-muffin",
|
||||
name: "Blueberry Muffin",
|
||||
price: "RM 7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-dessert-with-blueberries_23-2148718712.jpg",
|
||||
imageAlt: "Freshly baked blueberry muffin",
|
||||
},
|
||||
id: "blueberry-muffin", name: "Blueberry Muffin", price: "RM 7.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-dessert-with-blueberries_23-2148718712.jpg", imageAlt: "Freshly baked blueberry muffin"},
|
||||
{
|
||||
id: "butter-croissant",
|
||||
name: "Butter Croissant",
|
||||
price: "RM 9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shekerbour-baklava-with-nuts-gogal_140725-5680.jpg",
|
||||
imageAlt: "Flaky butter croissant",
|
||||
},
|
||||
id: "butter-croissant", name: "Butter Croissant", price: "RM 9.00", imageSrc: "http://img.b2bpic.net/free-photo/shekerbour-baklava-with-nuts-gogal_140725-5680.jpg", imageAlt: "Flaky butter croissant"},
|
||||
{
|
||||
id: "chocolate-cookies",
|
||||
name: "Chocolate Cookies",
|
||||
price: "RM 6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-hot-strong-with-fresh-brown-coffee-seeds-cinnamon-crackers-cream-rustic-desk-coffee-seed-drink-photo-grain_140725-28057.jpg",
|
||||
imageAlt: "Delicious chocolate chip cookies",
|
||||
},
|
||||
id: "chocolate-cookies", name: "Chocolate Cookies", price: "RM 6.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-hot-strong-with-fresh-brown-coffee-seeds-cinnamon-crackers-cream-rustic-desk-coffee-seed-drink-photo-grain_140725-28057.jpg", imageAlt: "Delicious chocolate chip cookies"},
|
||||
]}
|
||||
title="Our Exquisite Menu"
|
||||
description="Explore our selection of handcrafted beverages and delicious treats. Something for everyone to enjoy."
|
||||
@@ -236,50 +159,20 @@ export default function LandingPage() {
|
||||
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ain Fathiah",
|
||||
role: "Customer",
|
||||
company: "",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-130856.jpg",
|
||||
imageAlt: "Portrait of Ain Fathiah",
|
||||
},
|
||||
id: "1", name: "Ain Fathiah", role: "Customer", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-130856.jpg", imageAlt: "Portrait of Ain Fathiah"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Syazwan bin Ahmad Helmi",
|
||||
role: "Local Guide",
|
||||
company: "",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-asian-man-standing-grey-wall_171337-10473.jpg",
|
||||
imageAlt: "Portrait of Syazwan bin Ahmad Helmi",
|
||||
},
|
||||
id: "2", name: "Syazwan bin Ahmad Helmi", role: "Local Guide", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-asian-man-standing-grey-wall_171337-10473.jpg", imageAlt: "Portrait of Syazwan bin Ahmad Helmi"},
|
||||
{
|
||||
id: "3",
|
||||
name: "RTYOEP RendangTokYOep",
|
||||
role: "Local Guide",
|
||||
company: "",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-having-fun-together-outdoors_23-2150150706.jpg",
|
||||
imageAlt: "Portrait of RTYOEP RendangTokYOep",
|
||||
},
|
||||
id: "3", name: "RTYOEP RendangTokYOep", role: "Local Guide", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-having-fun-together-outdoors_23-2150150706.jpg", imageAlt: "Portrait of RTYOEP RendangTokYOep"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Johnson",
|
||||
role: "Regular Customer",
|
||||
company: "",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-man-talking-by-mobile-phone-cafe_329181-2041.jpg",
|
||||
imageAlt: "Portrait of Sarah Johnson",
|
||||
},
|
||||
id: "4", name: "Sarah Johnson", role: "Regular Customer", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-man-talking-by-mobile-phone-cafe_329181-2041.jpg", imageAlt: "Portrait of Sarah Johnson"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Michael Chen",
|
||||
role: "Coffee Enthusiast",
|
||||
company: "",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-nature_23-2149615167.jpg",
|
||||
imageAlt: "Portrait of Michael Chen",
|
||||
},
|
||||
id: "5", name: "Michael Chen", role: "Coffee Enthusiast", company: "", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-nature_23-2149615167.jpg", imageAlt: "Portrait of Michael Chen"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our happy customers about their Genggua Cafe experience."
|
||||
@@ -293,35 +186,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your operating hours?",
|
||||
content: "Genggua Cafe is open daily from 6 PM to 12 AM, offering a perfect spot for your evening coffee fix.",
|
||||
},
|
||||
id: "q1", title: "What are your operating hours?", content: "Genggua Cafe is open daily from 6 PM to 12 AM, offering a perfect spot for your evening coffee fix."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer dine-in services?",
|
||||
content: "Yes, we offer comfortable dine-in services with ample seating. We also have drive-through options available for your convenience.",
|
||||
},
|
||||
id: "q2", title: "Do you offer dine-in services?", content: "Yes, we offer comfortable dine-in services with ample seating. We also have drive-through options available for your convenience."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What kind of coffee do you serve?",
|
||||
content: "We serve a wide range of coffee beverages, including espresso-based drinks, lattes, cappuccinos, and our highly recommended caramel macchiato. We use premium beans to ensure a rich taste.",
|
||||
},
|
||||
id: "q3", title: "What kind of coffee do you serve?", content: "We serve a wide range of coffee beverages, including espresso-based drinks, lattes, cappuccinos, and our highly recommended caramel macchiato. We use premium beans to ensure a rich taste."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are there food options besides coffee?",
|
||||
content: "Yes, we offer a selection of freshly baked pastries, cakes, and light snacks. You can also find lokcing and maggie from a vendor near our cafe.",
|
||||
},
|
||||
id: "q4", title: "Are there food options besides coffee?", content: "Yes, we offer a selection of freshly baked pastries, cakes, and light snacks. You can also find lokcing and maggie from a vendor near our cafe."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Do you have Wi-Fi available?",
|
||||
content: "Yes, complimentary high-speed Wi-Fi is available for all our customers, making Genggua Cafe a great place for work or study.",
|
||||
},
|
||||
id: "q5", title: "Do you have Wi-Fi available?", content: "Yes, complimentary high-speed Wi-Fi is available for all our customers, making Genggua Cafe a great place for work or study."},
|
||||
{
|
||||
id: "q6",
|
||||
title: "Where is Genggua Cafe located?",
|
||||
content: "We are located at Lot A-4, bangunan arked mara, Jalan Kangsar, Bandar Baru, 33000 Kuala Kangsar, Perak. You can find directions on our contact page.",
|
||||
},
|
||||
id: "q6", title: "Where is Genggua Cafe located?", content: "We are located at Lot A-4, bangunan arked mara, Jalan Kangsar, Bandar Baru, 33000 Kuala Kangsar, Perak. You can find directions on our contact page."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers. Find more information about Genggua Cafe here."
|
||||
@@ -337,22 +212,14 @@ export default function LandingPage() {
|
||||
description="We’d love to hear from you or welcome you to our cafe. Fill out the form below or find us on social media."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="asset://cafe-contact"
|
||||
@@ -367,16 +234,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Genggua Cafe"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user