Update src/app/page.tsx

This commit is contained in:
2026-04-22 13:09:48 +00:00
parent 1092633668
commit 3cfd160263

View File

@@ -32,14 +32,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Our Story", id: "/about" },
{ name: "Menu", id: "#menu" },
{ name: "Events", id: "#events" },
{ name: "Our Story", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Events", id: "events" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Table"
button={{
text: "Order Now", href: "#menu"}}
text: "Order Now", href: "#menu"
}}
/>
</div>
@@ -55,10 +56,8 @@ export default function LandingPage() {
{ text: "View Menu", href: "#menu" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg", imageAlt: "Restaurant Interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/steamed-bao-bun-with-braised-pork-belly-fresh-asian-slaw_84443-85877.jpg", imageAlt: "Chef Plating Dish"}
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg", imageAlt: "Restaurant Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/steamed-bao-bun-with-braised-pork-belly-fresh-asian-slaw_84443-85877.jpg", imageAlt: "Chef Plating Dish" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -72,7 +71,8 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Our Philosophy"
description={[
"Founded on a love for community, our kitchen celebrates the journey of fresh, seasonal ingredients from local farms directly to your table.", "Every dish is crafted with purpose, passion, and a touch of modern culinary magic."]}
"Founded on a love for community, our kitchen celebrates the journey of fresh, seasonal ingredients from local farms directly to your table.", "Every dish is crafted with purpose, passion, and a touch of modern culinary magic."
]}
/>
</div>
@@ -82,16 +82,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Mobile Responsive", subtitle: "View our menu effortlessly on any device.", category: "Service", value: "100%"},
{
id: "f2", title: "Online Ordering", subtitle: "Order your favorite meals ahead with one click.", category: "Convenience", value: "Fast"},
{
id: "f3", title: "Event RSVP", subtitle: "Manage your event attendance with ease.", category: "Booking", value: "Easy"},
{
id: "f4", title: "Newsletter Signup", subtitle: "Join our community for updates and perks.", category: "Community", value: "Join"},
{
id: "f5", title: "Social Feed", subtitle: "Follow our culinary journey on Instagram.", category: "Social", value: "Live"},
{ id: "f1", title: "Mobile Responsive", subtitle: "View our menu effortlessly on any device.", category: "Service", value: "100%" },
{ id: "f2", title: "Online Ordering", subtitle: "Order your favorite meals ahead with one click.", category: "Convenience", value: "Fast" },
{ id: "f3", title: "Event RSVP", subtitle: "Manage your event attendance with ease.", category: "Booking", value: "Easy" },
{ id: "f4", title: "Newsletter Signup", subtitle: "Join our community for updates and perks.", category: "Community", value: "Join" },
{ id: "f5", title: "Social Feed", subtitle: "Follow our culinary journey on Instagram.", category: "Social", value: "Live" },
]}
title="Modern Restaurant Amenities"
description="Designed for your comfort and connection, our digital-first approach ensures a seamless experience from booking to dining."
@@ -105,18 +100,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1", name: "Artisan Bread Basket", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/sliced-greenery-vegetables-pomegranate-arils-plate_114579-86474.jpg"},
{
id: "p2", name: "Seared Prime Steak", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/fried-eggplant-with-tomatoes-sesame-seeds-plate_140725-9191.jpg"},
{
id: "p3", name: "Homemade Basil Pasta", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/vegan-pasta-white-plate_23-2148305758.jpg"},
{
id: "p4", name: "Pan-Seared Sea Bass", price: "$36", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg"},
{
id: "p5", name: "Dark Chocolate Mousse", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg"},
{
id: "p6", name: "Fresh Harvest Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/bowl-salad-with-fried-potatoes-arugula-cucumber-lettuce-yoghurt_140725-1500.jpg"},
{ id: "p1", name: "Artisan Bread Basket", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/sliced-greenery-vegetables-pomegranate-arils-plate_114579-86474.jpg" },
{ id: "p2", name: "Seared Prime Steak", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/fried-eggplant-with-tomatoes-sesame-seeds-plate_140725-9191.jpg" },
{ id: "p3", name: "Homemade Basil Pasta", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/vegan-pasta-white-plate_23-2148305758.jpg" },
{ id: "p4", name: "Pan-Seared Sea Bass", price: "$36", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg" },
{ id: "p5", name: "Dark Chocolate Mousse", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg" },
{ id: "p6", name: "Fresh Harvest Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/bowl-salad-with-fried-potatoes-arugula-cucumber-lettuce-yoghurt_140725-1500.jpg" },
]}
title="Seasonal Menu Highlights"
description="Artisanal ingredients meet culinary expertise in every curated plate we serve."
@@ -129,12 +118,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "15K+", title: "Happy Guests Served", description: "Delivering excellence at every seat.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg"},
{
id: "m2", value: "24", title: "Industry Awards", description: "Celebrating culinary excellence and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plates-with-golden-spoons-dark-background-color-food-cutlery-restaurant-dinner-cafe_179666-19702.jpg"},
{
id: "m3", value: "12", title: "Local Farms Partners", description: "Directly sourcing sustainable ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/girl-slices-vegetables-board-prepares-salad-nature-sunny-day-cooking-close-up-view_78826-3100.jpg"},
{ id: "m1", value: "15K+", title: "Happy Guests Served", description: "Delivering excellence at every seat.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg" },
{ id: "m2", value: "24", title: "Industry Awards", description: "Celebrating culinary excellence and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plates-with-golden-spoons-dark-background-color-food-cutlery-restaurant-dinner-cafe_179666-19702.jpg" },
{ id: "m3", value: "12", title: "Local Farms Partners", description: "Directly sourcing sustainable ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/girl-slices-vegetables-board-prepares-salad-nature-sunny-day-cooking-close-up-view_78826-3100.jpg" },
]}
title="Community Milestones"
description="Our passion drives impact in our local community through shared dining and meaningful gathering."
@@ -148,16 +134,11 @@ export default function LandingPage() {
rating={5}
author="Samantha W."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/salad-with-oil-fresh-tomatoes-colourful-bell-peppers-red-beans_140725-10631.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg", alt: "Customer"},
{ src: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/salad-with-oil-fresh-tomatoes-colourful-bell-peppers-red-beans_140725-10631.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg", alt: "Customer" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -169,12 +150,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance through our website."},
{
id: "q2", title: "Are you pet friendly?", content: "Our patio area is pet friendly, though indoors is reserved for human diners."},
{
id: "q3", title: "Do you offer private dining?", content: "Absolutely! Contact us for private event packages and availability."},
{ id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance through our website." },
{ id: "q2", title: "Are you pet friendly?", content: "Our patio area is pet friendly, though indoors is reserved for human diners." },
{ id: "q3", title: "Do you offer private dining?", content: "Absolutely! Contact us for private event packages and availability." },
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-service-industry_23-2150722790.jpg"
mediaAnimation="slide-up"
@@ -187,8 +165,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
text="Ready for your next favorite meal? Let us save you a seat."
buttons={[
{ text: "Contact Us", href: "/contact" },