Update src/app/page.tsx
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -18,74 +18,44 @@ export default function LandingPage() {
|
|||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="pill"
|
borderRadius="pill"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="glass-elevated"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Experience", id: "features" },
|
||||||
id: "hero",
|
{ name: "Menu", id: "menu" },
|
||||||
},
|
{ name: "Reviews", id: "testimonials" },
|
||||||
{
|
{ name: "Location", id: "contact" }
|
||||||
name: "Experience",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Location",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Raub SYC"
|
brandName="Raub SYC"
|
||||||
|
button={{ text: "Reserve Now", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
title="Where Heritage Meets Comfort"
|
title="Where Heritage Meets Comfort"
|
||||||
description="Authentic Raub-style Hainan coffee, legendary curry noodles, and premium Malaysian comfort food in the heart of Setapak."
|
description="Authentic Raub-style Hainan coffee, legendary curry noodles, and premium Malaysian comfort food in the heart of Setapak."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Reserve a Table", href: "#contact" },
|
||||||
text: "Reserve a Table",
|
{ text: "View Signature Menu", href: "#menu" }
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "View Signature Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg", imageAlt: "luxurious malaysian kopitiam atmosphere interior" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/barbecue-salad-with-crisp-slice-bread_140725-2015.jpg", imageAlt: "steaming hot kaya toast close up" },
|
||||||
imageAlt: "luxurious malaysian kopitiam atmosphere interior",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081461.jpg", imageAlt: "cozy upscale kopitiam dining room" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg", imageAlt: "Vertical shot of a red cafe interior with tiled walls" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Two men in cafe" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barbecue-salad-with-crisp-slice-bread_140725-2015.jpg",
|
|
||||||
imageAlt: "steaming hot kaya toast close up",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081461.jpg",
|
|
||||||
imageAlt: "cozy upscale kopitiam dining room",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg",
|
|
||||||
imageAlt: "Vertical shot of a red cafe interior with tiled walls",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
|
||||||
imageAlt: "Two men in cafe",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -97,27 +67,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", title: "Legendary Curry", subtitle: "Rich, spicy, deeply satisfying curry broth loved by returning customers.", category: "Authentic", value: "100%" },
|
||||||
id: "f1",
|
{ id: "f2", title: "Big Portions", subtitle: "Hearty meals that leave customers full and happy, offering incredible value.", category: "Value", value: "Top" },
|
||||||
title: "Legendary Curry",
|
{ id: "f3", title: "Modern Comfort", subtitle: "Air-conditioned comfort with warm hospitality and nostalgic charm.", category: "Service", value: "5*" }
|
||||||
subtitle: "Rich, spicy, deeply satisfying curry broth loved by returning customers.",
|
|
||||||
category: "Authentic",
|
|
||||||
value: "100%",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Big Portions",
|
|
||||||
subtitle: "Hearty meals that leave customers full and happy, offering incredible value.",
|
|
||||||
category: "Value",
|
|
||||||
value: "Top",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Modern Comfort",
|
|
||||||
subtitle: "Air-conditioned comfort with warm hospitality and nostalgic charm.",
|
|
||||||
category: "Service",
|
|
||||||
value: "5*",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="The Kopitiam Everyone Comes Back For"
|
title="The Kopitiam Everyone Comes Back For"
|
||||||
description="Discover why we are the premium choice in Setapak for authentic heritage flavors."
|
description="Discover why we are the premium choice in Setapak for authentic heritage flavors."
|
||||||
@@ -131,42 +83,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Curry Chicken Noodles", price: "RM15.90", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-red-bowl_114579-3100.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Kam Heong Fried Rice", price: "RM14.90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chopsticks-rice-with-vegetables-plate-with-blank-blackboard_23-2148377499.jpg" },
|
||||||
name: "Curry Chicken Noodles",
|
{ id: "p3", name: "Hainan Toast & Butter Kaya", price: "RM6.50", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-toast-with-figs-cream-cheese-with-jam-served-plate_1220-7145.jpg" },
|
||||||
price: "RM15.90",
|
{ id: "p4", name: "Traditional Hainan Coffee", price: "RM4.50", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-bowls-chocolate-sliced-lime-chocolate-cream-colorful-candies-blue-cup-herbal-tea-two-cupcakes-with-cream-black-table_140725-111279.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-red-bowl_114579-3100.jpg",
|
{ id: "p5", name: "Soft Boiled Eggs Set", price: "RM5.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-toasts-with-greens-vegetables-white-background-lunch-ripe-food-breakfast-salad-diet-healthy-life-meal_140725-157261.jpg" },
|
||||||
},
|
{ id: "p6", name: "Curry Mee Special", price: "RM18.90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodle-soup-winter-meals_23-2148717415.jpg" }
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Kam Heong Fried Rice",
|
|
||||||
price: "RM14.90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chopsticks-rice-with-vegetables-plate-with-blank-blackboard_23-2148377499.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Hainan Toast & Butter Kaya",
|
|
||||||
price: "RM6.50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-toast-with-figs-cream-cheese-with-jam-served-plate_1220-7145.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Traditional Hainan Coffee",
|
|
||||||
price: "RM4.50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-bowls-chocolate-sliced-lime-chocolate-cream-colorful-candies-blue-cup-herbal-tea-two-cupcakes-with-cream-black-table_140725-111279.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Soft Boiled Eggs Set",
|
|
||||||
price: "RM5.50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-toasts-with-greens-vegetables-white-background-lunch-ripe-food-breakfast-salad-diet-healthy-life-meal_140725-157261.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Curry Mee Special",
|
|
||||||
price: "RM18.90",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodle-soup-winter-meals_23-2148717415.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Menu Showcase"
|
title="Signature Menu Showcase"
|
||||||
description="Explore our curated selection of heritage dishes prepared with premium ingredients."
|
description="Explore our curated selection of heritage dishes prepared with premium ingredients."
|
||||||
@@ -177,65 +99,25 @@ export default function LandingPage() {
|
|||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="From Raub Heritage To Setapak"
|
title="From Raub Heritage To Setapak"
|
||||||
buttons={[
|
buttons={[{ text: "Learn More", href: "#" }]}
|
||||||
{
|
|
||||||
text: "Learn More",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardThirteen
|
<TestimonialCardThirteen
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
|
showRating={true}
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "t1",
|
|
||||||
name: "Sarah J.",
|
|
||||||
handle: "@sarah",
|
|
||||||
testimonial: "Large portion and tasted delightful.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Michael C.",
|
|
||||||
handle: "@mike",
|
|
||||||
testimonial: "Their curry chicken has a kick that always hits the right spot.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Emily R.",
|
|
||||||
handle: "@emily",
|
|
||||||
testimonial: "Food quality and taste at this price point is worth it.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244688.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "David K.",
|
|
||||||
handle: "@dave",
|
|
||||||
testimonial: "The best Hainan tea in town, period.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Jessica L.",
|
|
||||||
handle: "@jess",
|
|
||||||
testimonial: "Comfort food at its absolute finest.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/different-dishes-delicious-food_23-2147681097.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
showRating={true}
|
|
||||||
title="Real Customer Love"
|
title="Real Customer Love"
|
||||||
description="Hear what our patrons say about our heritage flavors."
|
description="Hear what our patrons say about our heritage flavors."
|
||||||
|
testimonials={[
|
||||||
|
{ id: "t1", name: "Sarah J.", handle: "@sarah", testimonial: "Large portion and tasted delightful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
|
||||||
|
{ id: "t2", name: "Michael C.", handle: "@mike", testimonial: "Their curry chicken has a kick that always hits the right spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg" },
|
||||||
|
{ id: "t3", name: "Emily R.", handle: "@emily", testimonial: "Food quality and taste at this price point is worth it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244688.jpg" },
|
||||||
|
{ id: "t4", name: "David K.", handle: "@dave", testimonial: "The best Hainan tea in town, period.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg" },
|
||||||
|
{ id: "t5", name: "Jessica L.", handle: "@jess", testimonial: "Comfort food at its absolute finest.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/different-dishes-delicious-food_23-2147681097.jpg" }
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -243,15 +125,7 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={["@raubsyc_setapak", "Kopitiam Vibes", "Setapak Foodie", "Local Heritage", "Food & Lifestyle", "Coffee Lovers", "Brunch Club"]}
|
||||||
"@raubsyc_setapak",
|
|
||||||
"Kopitiam Vibes",
|
|
||||||
"Setapak Foodie",
|
|
||||||
"Local Heritage",
|
|
||||||
"Food & Lifestyle",
|
|
||||||
"Coffee Lovers",
|
|
||||||
"Brunch Club",
|
|
||||||
]}
|
|
||||||
title="Made To Be Shared"
|
title="Made To Be Shared"
|
||||||
description="Follow our journey and foodie moments on Instagram."
|
description="Follow our journey and foodie moments on Instagram."
|
||||||
/>
|
/>
|
||||||
@@ -260,9 +134,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
tag="Visit Us"
|
tag="Visit Us"
|
||||||
title="Setapak's Favorite Kopitiam"
|
title="Setapak's Favorite Kopitiam"
|
||||||
description="Located in the heart of Setapak. Come hungry, leave happy. Reserve your table via WhatsApp today."
|
description="Located in the heart of Setapak. Come hungry, leave happy. Reserve your table via WhatsApp today."
|
||||||
@@ -273,45 +145,9 @@ export default function LandingPage() {
|
|||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
logoText="Raub SYC"
|
logoText="Raub SYC"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Menu", items: [{ label: "Signature Curry", href: "#menu" }, { label: "Drinks", href: "#menu" }] },
|
||||||
title: "Menu",
|
{ title: "Experience", items: [{ label: "About Us", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
|
||||||
items: [
|
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] }
|
||||||
{
|
|
||||||
label: "Signature Curry",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Drinks",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Experience",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About Us",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Reviews",
|
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Connect",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Instagram",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "WhatsApp",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user