Update src/app/reservations/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,35 @@
+"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 defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <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>
+        <div id="about" data-section="about" 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"
+            useInvertedBackground={false}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <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>
+        <div className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
+          <h1 className="text-5xl font-bold mb-12">Full Menu</h1>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -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>
   );
-}
+}

src/app/reservations/page.tsx

@@ -0,0 +1,40 @@
+"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 defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <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>
+        <div id="contact" data-section="contact" 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"
+            useInvertedBackground={false}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}