bender/56491cba-5678-4b39-b99b-a5f65b1ff714
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 4 commits from version_2 into main 2026-04-28 02:35:39 +00:00
Conversation 0 Commits 4 Files Changed 4 +143 -103
4 changed files with 143 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,32 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import MediaAbout from "@/components/sections/about/MediaAbout";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
export default function AboutPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Reservations", id: "/reservations" },
{ name: "Our Story", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Kioku Kitchen"
/>
<div className="pt-32 pb-20">
<MediaAbout
title="Our Story"
description="Founded in the heart of New Westminster, Kioku Kitchen is a testament to the beauty of Japanese culinary traditions. We believe in the power of ingredients to connect people, memories, and culture."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-with-food_23-2149008721.jpg"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

35
src/app/menu/page.tsx Normal file
View File

@@ -0,0 +1,35 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
export default function MenuPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Reservations", id: "/reservations" },
{ name: "Our Story", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Kioku Kitchen"
/>
<div className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
<h1 className="text-5xl font-bold mb-12">Full Menu</h1>
<ProductCatalog
layout="page"
products={[
{ id: "1", name: "Truffle Mushroom Udon", price: "$22", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529845.jpg" },
{ id: "2", name: "Salmon Zuke", price: "$25", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bowl-poke-with-salmon-cucumber-rice-sesame-seeds_9975-124446.jpg" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

142
src/app/page.tsx
View File

@@ -31,14 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "Menu", id: "menu"},
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "/menu" },
{ name: "Reservations", id: "/reservations" },
{ name: "Our Story", id: "/about" },
{ name: "Contact", id: "contact" },
]}
brandName="Kioku Kitchen"
/>
@@ -46,29 +43,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain"}}
background={{ variant: "plain" }}
title="Welcome to Kioku Kitchen"
description="Experience authentic Japanese flavors in the heart of New Westminster. From fresh salmon sashimi to signature truffle mushroom udon."
buttons={[
{
text: "Order Online", href: "#menu"},
{
text: "View Directions", href: "#contact"},
{ text: "View Menu", href: "/menu" },
{ text: "Book Table", href: "/reservations" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-food-with-half-egg_23-2148494831.jpg", imageAlt: "Fresh Japanese Cuisine"},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-sushi-rolls-with-soy-sauce-wooden-board_114579-58990.jpg", imageAlt: "Sushi Platter"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tomatoes-wooden-bowl-with-avocado-near-vegetable-salad-bowl-white-surface_141793-16372.jpg", imageAlt: "Wagyu Beef Bowl"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-coffee-shop-cafe-restaurant_74190-6942.jpg", imageAlt: "Restaurant Interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-bowl-noodles-with-eggs-onion-broccoli-bowl-black-background_23-2148123680.jpg", imageAlt: "Udon Bowl"},
{
imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-vegetables-rice-photography_53876-110423.jpg", imageAlt: "Food Preparation"},
{ imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-food-with-half-egg_23-2148494831.jpg", imageAlt: "Fresh Japanese Cuisine" },
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-sushi-rolls-with-soy-sauce-wooden-board_114579-58990.jpg", imageAlt: "Sushi Platter" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tomatoes-wooden-bowl-with-avocado-near-vegetable-salad-bowl-white-surface_141793-16372.jpg", imageAlt: "Wagyu Beef Bowl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-defocused-coffee-shop-cafe-restaurant_74190-6942.jpg", imageAlt: "Restaurant Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-s-hand-holding-bowl-noodles-with-eggs-onion-broccoli-bowl-black-background_23-2148123680.jpg", imageAlt: "Udon Bowl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-vegetables-rice-photography_53876-110423.jpg", imageAlt: "Food Preparation" },
]}
/>
</div>
@@ -90,24 +78,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1", brand: "Popular", name: "Truffle Mushroom Udon", price: "$22", rating: 5,
reviewCount: "81", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529845.jpg"},
{
id: "p2", brand: "Popular", name: "Salmon Zuke", price: "$25", rating: 5,
reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/bowl-poke-with-salmon-cucumber-rice-sesame-seeds_9975-124446.jpg"},
{
id: "p3", brand: "Popular", name: "Mentaiko Scallop Udon", price: "$28", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles_1203-9278.jpg"},
{
id: "p4", brand: "Appetizer", name: "Popcorn Prawn Fry", price: "$15", rating: 4,
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/fried-prawn_74190-5373.jpg"},
{
id: "p5", brand: "Main", name: "Wagyu Beef Bowl", price: "$30", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-rice-with-meat_23-2148694332.jpg"},
{
id: "p6", brand: "Sushi", name: "Sushi Sampler", price: "$24", rating: 4,
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-sushi-rolls_23-2148505602.jpg"},
{ id: "p1", brand: "Popular", name: "Truffle Mushroom Udon", price: "$22", rating: 5, reviewCount: "81", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529845.jpg" },
{ id: "p2", brand: "Popular", name: "Salmon Zuke", price: "$25", rating: 5, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/bowl-poke-with-salmon-cucumber-rice-sesame-seeds_9975-124446.jpg" },
{ id: "p3", brand: "Popular", name: "Mentaiko Scallop Udon", price: "$28", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles_1203-9278.jpg" },
{ id: "p4", brand: "Appetizer", name: "Popcorn Prawn Fry", price: "$15", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/fried-prawn_74190-5373.jpg" },
{ id: "p5", brand: "Main", name: "Wagyu Beef Bowl", price: "$30", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-rice-with-meat_23-2148694332.jpg" },
{ id: "p6", brand: "Sushi", name: "Sushi Sampler", price: "$24", rating: 4, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-sushi-rolls_23-2148505602.jpg" },
]}
title="Our Signature Menu"
description="Discover our popular dishes crafted with passion."
@@ -120,16 +96,11 @@ export default function LandingPage() {
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{
id: "1", name: "Kristina", handle: "@localguide", testimonial: "I loved the truffle mushroom udon—so rich and delicious, and the leftovers were just as good the next day!", imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-beautiful-woman-sits-kitchen-holds-smartphone-tomato-looks-happy-orders_1258-198254.jpg"},
{
id: "2", name: "Sarah J.", handle: "@foodie", testimonial: "The salmon sashimi bowl tasted super fresh and the fish quality is very good!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg"},
{
id: "3", name: "Michael Chen", handle: "@regular", testimonial: "Nice atmosphere, friendly staff and food was so good. Highly recommend:)", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg"},
{
id: "4", name: "David Kim", handle: "@dinernw", testimonial: "A wonderful lunch tray experience. Everything tastes so fresh.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg"},
{
id: "5", name: "Emily R.", handle: "@visitor", testimonial: "Loved the ambiance and soft music. Perfect for a quiet dinner.", imageSrc: "http://img.b2bpic.net/free-photo/close-portrait-beautiful-woman-eating-sushi-rolls_231208-3072.jpg"},
{ id: "1", name: "Kristina", handle: "@localguide", testimonial: "I loved the truffle mushroom udon—so rich and delicious, and the leftovers were just as good the next day!", imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-beautiful-woman-sits-kitchen-holds-smartphone-tomato-looks-happy-orders_1258-198254.jpg" },
{ id: "2", name: "Sarah J.", handle: "@foodie", testimonial: "The salmon sashimi bowl tasted super fresh and the fish quality is very good!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
{ id: "3", name: "Michael Chen", handle: "@regular", testimonial: "Nice atmosphere, friendly staff and food was so good. Highly recommend:)", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg" },
{ id: "4", name: "David Kim", handle: "@dinernw", testimonial: "A wonderful lunch tray experience. Everything tastes so fresh.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg" },
{ id: "5", name: "Emily R.", handle: "@visitor", testimonial: "Loved the ambiance and soft music. Perfect for a quiet dinner.", imageSrc: "http://img.b2bpic.net/free-photo/close-portrait-beautiful-woman-eating-sushi-rolls_231208-3072.jpg" },
]}
title="Voices of Kioku"
description="What our guests are saying about us."
@@ -141,12 +112,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "Do you offer takeout?", content: "Yes, we offer both takeout and delivery services."},
{
id: "f2", title: "Are you open on weekends?", content: "We are open throughout the week and usually open Easter weekends!"},
{
id: "f3", title: "Where are you located?", content: "We are at 888 Carnarvon St #120, New Westminster, BC."},
{ id: "f1", title: "Do you offer takeout?", content: "Yes, we offer both takeout and delivery services." },
{ id: "f2", title: "Are you open on weekends?", content: "We are open throughout the week and usually open Easter weekends!" },
{ id: "f3", title: "Where are you located?", content: "We are at 888 Carnarvon St #120, New Westminster, BC." },
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-sitting-table_23-2149008759.jpg"
imageAlt="Our Dining Room"
@@ -163,12 +131,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "4.8", title: "Star Rating", description: "Based on 636 reviews on Google Maps", imageSrc: "http://img.b2bpic.net/free-photo/sashimi_74190-5624.jpg"},
{
id: "m2", value: "600+", title: "Happy Diners", description: "Guests served across our local community", imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-salmon-dish-bowl-restaurant_23-2150461457.jpg"},
{
id: "m3", value: "20+", title: "Menu Items", description: "Traditional and modern Japanese favorites", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-431.jpg"},
{ id: "m1", value: "4.8", title: "Star Rating", description: "Based on 636 reviews on Google Maps", imageSrc: "http://img.b2bpic.net/free-photo/sashimi_74190-5624.jpg" },
{ id: "m2", value: "600+", title: "Happy Diners", description: "Guests served across our local community", imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-salmon-dish-bowl-restaurant_23-2150461457.jpg" },
{ id: "m3", value: "20+", title: "Menu Items", description: "Traditional and modern Japanese favorites", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-431.jpg" },
]}
title="By The Numbers"
description="Quality you can count on."
@@ -179,8 +144,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"New West Weekly", "Vancouver Food Blog", "BC Culinary Guide", "Local Dining News", "Foodie Network", "New Westminster Times", "City Eats Weekly"]}
names={["New West Weekly", "Vancouver Food Blog", "BC Culinary Guide", "Local Dining News", "Foodie Network", "New Westminster Times", "City Eats Weekly"]}
title="As Featured In"
description="Local favorites and community appreciation."
/>
@@ -189,14 +153,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
text="Ready for a delicious meal at Kioku Kitchen? Visit us in New Westminster or order online for delivery."
buttons={[
{
text: "Call (236) 453-2277", href: "tel:2364532277"},
{
text: "Order Now", href: "#menu"},
{ text: "Call (236) 453-2277", href: "tel:2364532277" },
{ text: "Order Now", href: "/menu" },
]}
/>
</div>
@@ -204,34 +165,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Menu", href: "#menu"},
{
label: "About", href: "#about"},
{
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Facebook", href: "#"},
{
label: "Instagram", href: "#"},
{
label: "Twitter", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
{ items: [{ label: "Menu", href: "/menu" }, { label: "Our Story", href: "/about" }, { label: "Reservations", href: "/reservations" }, { label: "Contact", href: "/contact" }] },
{ items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Kioku Kitchen"
/>
@@ -239,4 +175,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

37
src/app/reservations/page.tsx Normal file
View File

@@ -0,0 +1,37 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
export default function ReservationsPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Reservations", id: "/reservations" },
{ name: "Our Story", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Kioku Kitchen"
/>
<div className="pt-32 pb-20">
<ContactSplitForm
title="Book Your Table"
description="Join us for an authentic Japanese dining experience."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email", required: true },
{ name: "date", type: "date", placeholder: "Date", required: true }
]}
buttonText="Reserve Now"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}