Update src/app/reviews/page.tsx

This commit is contained in:
2026-03-26 10:24:13 +00:00
parent c9e616d703
commit 1586e4c0bb

View File

@@ -1,283 +1,51 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
export default function LandingPage() {
export default function ReviewsPage() {
const navItems = [
{
name: "Home", id: "/"},
{
name: "Menu", id: "/menu"},
{
name: "Catering", id: "/catering"},
{
name: "Reviews", id: "/reviews"},
{
name: "Contact", id: "/contact"}
];
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="blurBottom"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="light"
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="blurBottom"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
{
name: "Menu",
id: "menu",
href: "/menu",
},
{
name: "Catering",
id: "catering",
href: "/catering",
},
{
name: "Reviews",
id: "reviews",
href: "/reviews",
},
{
name: "Contact",
id: "contact",
href: "/contact",
},
]}
brandName="Taste Bender Canada"
button={{
text: "Order Online",
href: "https://tastebender.ca/collections/all",
}}
animateOnLoad={true}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
brandName="Taste Bender Canada"
button={{ text: "Order Online", href: "https://tastebender.ca/collections/all" }}
/>
</div>
<div id="customer-testimonials-ratings" data-section="customer-testimonials-ratings">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Sarah L.",
handle: "@SarahEatsTO",
testimonial: "Chef DK's creations are pure genius! The katsu sando is a must-try, and the tarts are out of this world. Five stars all the way!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-shirt-looking-camera-looking-cheerful-front-view_176474-54937.jpg?_wi=2",
imageAlt: "Customer Sarah L.",
},
{
id: "2",
name: "Michael P.",
handle: "@TorontoFoodie",
testimonial: "Every dish at Taste Bender is an experience. The multicultural fusion is so well executed, and the staff are incredibly friendly and attentive.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg?_wi=2",
imageAlt: "Customer Michael P.",
},
{
id: "3",
name: "Jessica R.",
handle: "@JessyReviews",
testimonial: "Came for brunch, stayed for dessert! The Bender-Misu is my new favorite. You can truly taste the passion in every single bite.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148884308.jpg?_wi=2",
imageAlt: "Customer Jessica R.",
},
{
id: "4",
name: "David K.",
handle: "@DineWithDave",
testimonial: "A truly unique spot on College Street. Great ambiance, even better food. The cold-steeped tea is surprisingly refreshing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-plate-with-food_23-2148899057.jpg?_wi=2",
imageAlt: "Customer David K.",
},
{
id: "5",
name: "Emily S.",
handle: "@EatToronto",
testimonial: "I've been looking for a place like this! The blend of flavors is adventurous and delicious. Highly recommend a visit to everyone!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-shirt-looking-camera-looking-cheerful-front-view_176474-54937.jpg?_wi=3",
imageAlt: "Customer Emily S.",
},
{
id: "6",
name: "Chris M.",
handle: "@BrunchHunter",
testimonial: "Fantastic brunch options and the desserts are art. Service was prompt and welcoming. Will definitely be back soon!",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg?_wi=3",
imageAlt: "Customer Chris M.",
},
]}
showRating={true}
title="What Our Guests Are Saying"
description="Discover why customers love Taste Bender Canada! Our unique culinary journey and exceptional service consistently earn top marks, making us a beloved spot in Toronto."
/>
</div>
<div id="reviews-hero" data-section="reviews-hero">
<h2>Customer Reviews</h2>
<p>See what our amazing customers have to say about us!</p>
</div>
<div id="satisfaction-metrics" data-section="satisfaction-metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Our Commitment to Excellence"
tag="Customer Satisfaction"
metrics={[
{
id: "1",
value: "98%",
description: "Positive Dining Experiences",
},
{
id: "2",
value: "4.9/5",
description: "Average Google Rating",
},
{
id: "3",
value: "1000+",
description: "Happy Customers Served Weekly",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="marquee-reviews" data-section="marquee-reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "A. Lee",
handle: "@FoodieToronto",
testimonial: "Absolutely divine! The flavors here are unlike anything else in the city, truly a hidden gem.",
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-shirt-looking-camera-looking-cheerful-front-view_176474-54937.jpg?_wi=4",
imageAlt: "Customer A. Lee",
},
{
id: "2",
name: "B. Singh",
handle: "@BrunchLover",
testimonial: "A gem! Consistently great food and coffee. I always leave here feeling satisfied and happy.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg?_wi=4",
imageAlt: "Customer B. Singh",
},
{
id: "3",
name: "C. Chen",
handle: "@DessertQuest",
testimonial: "The desserts are masterpieces. My go-to for sweet cravings! So artfully presented and delicious.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148884308.jpg?_wi=3",
imageAlt: "Customer C. Chen",
},
{
id: "4",
name: "D. Brown",
handle: "@LocalEats",
testimonial: "Fantastic service and a cozy atmosphere. Love coming here for a relaxed meal.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-plate-with-food_23-2148899057.jpg?_wi=3",
imageAlt: "Customer D. Brown",
},
{
id: "5",
name: "E. Kim",
handle: "@CafeHopper",
testimonial: "Innovative menu and fresh ingredients. Highly recommend the katsu sandwich!",
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-shirt-looking-camera-looking-cheerful-front-view_176474-54937.jpg?_wi=5",
imageAlt: "Customer E. Kim",
},
{
id: "6",
name: "F. Garcia",
handle: "@TasteExplorer",
testimonial: "Every visit is a delight. Always something new and delicious to try on the menu.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg?_wi=5",
imageAlt: "Customer F. Garcia",
},
]}
title="Rave Reviews Across Toronto"
description="Our unique culinary journey is loved by many. See why Taste Bender Canada is a local favorite and a must-visit destination!"
speed={50}
topMarqueeDirection="left"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "Menu",
href: "/menu",
},
{
label: "Catering",
href: "/catering",
},
{
label: "Reviews",
href: "/reviews",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Visit Us",
items: [
{
label: "316 College St, Toronto",
href: "https://maps.app.goo.gl/your-address",
},
{
label: "Mon-Sun: 9 AM - 6 PM",
href: "#",
},
{
label: "(416) 555-MENU",
href: "tel:+1416555MENU",
},
],
},
{
title: "Follow Us",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "TikTok",
},
],
},
]}
/>
</div>
</ReactLenis>
<div id="reviews-list" data-section="reviews-list">
{/* Potentially TestimonialCardSix or similar would go here. */}
</div>
</ThemeProvider>
);
}