157 lines
9.0 KiB
TypeScript
157 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Experience", id: "features" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Location", id: "contact" }
|
|
]}
|
|
brandName="Raub SYC"
|
|
button={{ text: "Reserve Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{ variant: "sparkles-gradient" }}
|
|
title="Where Heritage Meets Comfort"
|
|
description="Authentic Raub-style Hainan coffee, legendary curry noodles, and premium Malaysian comfort food in the heart of Setapak."
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "#contact" },
|
|
{ text: "View Signature Menu", href: "#menu" }
|
|
]}
|
|
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/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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ id: "f1", title: "Legendary Curry", 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"
|
|
description="Discover why we are the premium choice in Setapak for authentic heritage flavors."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
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: "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"
|
|
description="Explore our curated selection of heritage dishes prepared with premium ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="From Raub Heritage To Setapak"
|
|
buttons={[{ text: "Learn More", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
showRating={true}
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Real Customer Love"
|
|
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 id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
names={["@raubsyc_setapak", "Kopitiam Vibes", "Setapak Foodie", "Local Heritage", "Food & Lifestyle", "Coffee Lovers", "Brunch Club"]}
|
|
title="Made To Be Shared"
|
|
description="Follow our journey and foodie moments on Instagram."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Visit Us"
|
|
title="Setapak's Favorite Kopitiam"
|
|
description="Located in the heart of Setapak. Come hungry, leave happy. Reserve your table via WhatsApp today."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Raub SYC"
|
|
columns={[
|
|
{ title: "Menu", items: [{ 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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |