bender/92c1393c-a01e-42fb-b3f6-4264663a6e17
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 11:47:41 +00:00
parent abee634a64
commit a3d02cb7af
1 changed files with 78 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

363
src/app/page.tsx
View File

@@ -34,84 +34,51 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Solutions",
id: "#solutions",
},
name: "Solutions", id: "#solutions"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="ReservaFlow"
button={{
text: "Start Free Trial",
href: "#contact",
}}
text: "Start Free Trial", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
title="Restaurant Management Built for Growth"
description="Unified reservation, ordering, and loyalty system that fills tables, increases revenue, and delights customers. From fine dining to casual cafés—all in one elegant platform."
buttons={[
{
text: "Start Free Trial",
href: "#contact",
},
text: "Start Free Trial", href: "#contact"},
{
text: "Watch Demo",
href: "#features",
},
text: "Watch Demo", href: "#features"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg",
imageAlt: "Elegant fine dining restaurant interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg", imageAlt: "Elegant fine dining restaurant interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/online-food-ordering_1098-22010.jpg",
imageAlt: "Tablet displaying reservation system",
},
imageSrc: "http://img.b2bpic.net/free-photo/online-food-ordering_1098-22010.jpg", imageAlt: "Tablet displaying reservation system"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg",
imageAlt: "Smartphone with online food ordering app",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg", imageAlt: "Smartphone with online food ordering app"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-showing-menu-card-female-customer-sitting-restaurant_23-2147936254.jpg",
imageAlt: "Vibrant and inviting cafe setting",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-showing-menu-card-female-customer-sitting-restaurant_23-2147936254.jpg", imageAlt: "Vibrant and inviting cafe setting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg",
imageAlt: "Modern restaurant kitchen with chefs",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727972.jpg", imageAlt: "Modern restaurant kitchen with chefs"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fruit-cake-slice-black_114579-18525.jpg",
imageAlt: "Overhead shot of beautifully plated dessert",
},
imageSrc: "http://img.b2bpic.net/free-photo/fruit-cake-slice-black_114579-18525.jpg", imageAlt: "Overhead shot of beautifully plated dessert"},
]}
mediaAnimation="opacity"
/>
@@ -134,29 +101,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Intuitive Reservation Management",
description: "Effortlessly manage bookings, prevent overbookings, and reduce no-shows with our smart reservation system. Real-time table allocation and personalized guest profiles ensure smooth service.",
imageSrc: "http://img.b2bpic.net/free-photo/person-having-salad-with-laptop-table_23-2148195270.jpg",
imageAlt: "Digital calendar with reservation slots",
},
title: "Intuitive Reservation Management", description: "Effortlessly manage bookings, prevent overbookings, and reduce no-shows with our smart reservation system. Real-time table allocation and personalized guest profiles ensure smooth service.", imageSrc: "http://img.b2bpic.net/free-photo/person-having-salad-with-laptop-table_23-2148195270.jpg", imageAlt: "Digital calendar with reservation slots"},
{
title: "Seamless Online Ordering & Delivery",
description: "Offer your customers the convenience of online ordering for pickup or delivery. Fully customizable menus and integrated payment solutions make the process smooth for both your staff and patrons.",
imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-with-bell-pepper-tomato-corn_140725-6724.jpg",
imageAlt: "Online menu on a desktop screen",
},
title: "Seamless Online Ordering & Delivery", description: "Offer your customers the convenience of online ordering for pickup or delivery. Fully customizable menus and integrated payment solutions make the process smooth for both your staff and patrons.", imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-with-bell-pepper-tomato-corn_140725-6724.jpg", imageAlt: "Online menu on a desktop screen"},
{
title: "Dynamic Loyalty & Rewards Programs",
description: "Boost customer retention and encourage repeat visits with built-in loyalty programs. Track customer preferences and reward your most loyal guests with exclusive offers.",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896807.jpg",
imageAlt: "Smartphone showing customer loyalty program",
},
title: "Dynamic Loyalty & Rewards Programs", description: "Boost customer retention and encourage repeat visits with built-in loyalty programs. Track customer preferences and reward your most loyal guests with exclusive offers.", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896807.jpg", imageAlt: "Smartphone showing customer loyalty program"},
{
title: "Comprehensive Admin & Analytics",
description: "Gain deep insights into your business performance with advanced reporting and analytics. Monitor sales, track customer behavior, and make data-driven decisions to optimize your operations.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg",
imageAlt: "Executive dashboard displaying restaurant KPIs",
},
title: "Comprehensive Admin & Analytics", description: "Gain deep insights into your business performance with advanced reporting and analytics. Monitor sales, track customer behavior, and make data-driven decisions to optimize your operations.", imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg", imageAlt: "Executive dashboard displaying restaurant KPIs"},
]}
title="Key Features Designed for Your Success"
description="Discover how ReservaFlow’s robust suite of tools helps you reduce costs, boost revenue, and create unforgettable guest experiences."
@@ -172,53 +123,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "finedining",
name: "Fine Dining Restaurants",
price: "Exclusive",
variant: "Premium Tier",
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821320.jpg",
imageAlt: "Luxurious fine dining restaurant interior",
},
id: "finedining", name: "Fine Dining Restaurants", price: "Exclusive", variant: "Premium Tier", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821320.jpg", imageAlt: "Luxurious fine dining restaurant interior"},
{
id: "hotel",
name: "Hotels & Resorts",
price: "Enterprise",
variant: "Integrated Suite",
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517412.jpg",
imageAlt: "Grand hotel lobby and restaurant",
},
id: "hotel", name: "Hotels & Resorts", price: "Enterprise", variant: "Integrated Suite", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517412.jpg", imageAlt: "Grand hotel lobby and restaurant"},
{
id: "cafe",
name: "Cafés & Casual Eateries",
price: "Essential",
variant: "Streamlined Tools",
imageSrc: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg",
imageAlt: "Warm and inviting cafe interior",
},
id: "cafe", name: "Cafés & Casual Eateries", price: "Essential", variant: "Streamlined Tools", imageSrc: "http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726816.jpg", imageAlt: "Warm and inviting cafe interior"},
{
id: "events",
name: "Event & Catering Services",
price: "Custom",
variant: "Scalable Modules",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-chef-making-barbeque_23-2148723318.jpg",
imageAlt: "Restaurant kitchen for events",
},
id: "events", name: "Event & Catering Services", price: "Custom", variant: "Scalable Modules", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-chef-making-barbeque_23-2148723318.jpg", imageAlt: "Restaurant kitchen for events"},
{
id: "bars",
name: "Bars & Lounges",
price: "Flex",
variant: "Efficient Ordering",
imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798064.jpg",
imageAlt: "Trendy bar lounge",
},
id: "bars", name: "Bars & Lounges", price: "Flex", variant: "Efficient Ordering", imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798064.jpg", imageAlt: "Trendy bar lounge"},
{
id: "pizzerias",
name: "Pizzerias & Takeaways",
price: "Starter",
variant: "Quick Setup",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg",
imageAlt: "Pizzeria online ordering",
},
id: "pizzerias", name: "Pizzerias & Takeaways", price: "Starter", variant: "Quick Setup", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg", imageAlt: "Pizzeria online ordering"},
]}
title="Tailored Solutions for Every Culinary Venture"
description="Whether you run a Michelin-starred restaurant, a bustling hotel, or a charming café, ReservaFlow adapts to your unique needs."
@@ -229,37 +144,23 @@ export default function LandingPage() {
<MetricCardThree
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "m1",
icon: TrendingUp,
title: "Increased Bookings",
value: "30%+",
},
id: "m1", icon: TrendingUp,
title: "Increased Bookings", value: "30%+"},
{
id: "m2",
icon: UserCheck,
title: "Reduced No-Shows",
value: "50%+",
},
id: "m2", icon: UserCheck,
title: "Reduced No-Shows", value: "50%+"},
{
id: "m3",
icon: DollarSign,
title: "Revenue Growth",
value: "20%+",
},
id: "m3", icon: DollarSign,
title: "Revenue Growth", value: "20%+"},
{
id: "m4",
icon: Clock,
title: "Time Saved (Admin)",
value: "15 hrs/wk",
},
id: "m4", icon: Clock,
title: "Time Saved (Admin)", value: "15 hrs/wk"},
{
id: "m5",
icon: Star,
title: "Customer Satisfaction",
value: "95%",
},
id: "m5", icon: Star,
title: "Customer Satisfaction", value: "95%"},
]}
title="Achieve Tangible Results with ReservaFlow"
description="Our platform is designed to deliver measurable improvements for your business, ensuring growth and efficiency."
@@ -273,45 +174,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "essential",
badge: "Starter",
badgeIcon: Sparkles,
price: "€1,000 / year",
subtitle: "Ideal for independent cafés & small restaurants",
features: [
"Online Reservation System",
"Basic Online Ordering",
"Customer Database",
"Standard Analytics",
],
id: "essential", badge: "Starter", badgeIcon: Sparkles,
price: "€1,000 / year", subtitle: "Ideal for independent cafés & small restaurants", features: [
"Online Reservation System", "Basic Online Ordering", "Customer Database", "Standard Analytics"],
},
{
id: "pro",
badge: "Popular",
badgeIcon: Star,
price: "€1,800 / year",
subtitle: "Perfect for growing restaurants & multi-location groups",
features: [
"Advanced Reservation Features",
"Customizable Online Ordering",
"Loyalty & Rewards Program",
"Detailed Admin Analytics",
"Priority Support",
],
id: "pro", badge: "Popular", badgeIcon: Star,
price: "€1,800 / year", subtitle: "Perfect for growing restaurants & multi-location groups", features: [
"Advanced Reservation Features", "Customizable Online Ordering", "Loyalty & Rewards Program", "Detailed Admin Analytics", "Priority Support"],
},
{
id: "enterprise",
badge: "Premium",
badgeIcon: Crown,
price: "Custom Quote",
subtitle: "Tailored for luxury hotels & large fine dining establishments",
features: [
"All Pro Features",
"Multi-Location Management",
"Dedicated Account Manager",
"API Integrations",
"Whitelabel Solution",
],
id: "enterprise", badge: "Premium", badgeIcon: Crown,
price: "Custom Quote", subtitle: "Tailored for luxury hotels & large fine dining establishments", features: [
"All Pro Features", "Multi-Location Management", "Dedicated Account Manager", "API Integrations", "Whitelabel Solution"],
},
]}
title="Simple Pricing for Every Scale"
@@ -327,45 +202,15 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "t1",
name: "Isabella Rossi",
role: "Owner, The Gilded Spoon",
testimonial: "ReservaFlow has been a game-changer for our fine dining restaurant. No-shows are down, and our booking process is seamless. The platform’s elegance matches our brand perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-planner_1098-18025.jpg",
imageAlt: "Isabella Rossi, Owner",
},
id: "t1", name: "Isabella Rossi", role: "Owner, The Gilded Spoon", testimonial: "ReservaFlow has been a game-changer for our fine dining restaurant. No-shows are down, and our booking process is seamless. The platform’s elegance matches our brand perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/wedding-planner_1098-18025.jpg", imageAlt: "Isabella Rossi, Owner"},
{
id: "t2",
name: "Marcus Chen",
role: "Hospitality Manager, Grand Lux Hotel",
testimonial: "Managing multiple dining venues across our hotel used to be a nightmare. ReservaFlow unified everything, giving us a holistic view and enhancing guest satisfaction significantly.",
imageSrc: "http://img.b2bpic.net/free-photo/business-man-phone_23-2148018607.jpg",
imageAlt: "Marcus Chen, Hospitality Manager",
},
id: "t2", name: "Marcus Chen", role: "Hospitality Manager, Grand Lux Hotel", testimonial: "Managing multiple dining venues across our hotel used to be a nightmare. ReservaFlow unified everything, giving us a holistic view and enhancing guest satisfaction significantly.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-phone_23-2148018607.jpg", imageAlt: "Marcus Chen, Hospitality Manager"},
{
id: "t3",
name: "Sophia Miller",
role: "Founder, Daily Grind Café",
testimonial: "We needed an affordable solution for online ordering and loyalty, and ReservaFlow delivered. Our regulars love the rewards, and our online sales have never been better!",
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg",
imageAlt: "Sophia Miller, Founder",
},
id: "t3", name: "Sophia Miller", role: "Founder, Daily Grind Café", testimonial: "We needed an affordable solution for online ordering and loyalty, and ReservaFlow delivered. Our regulars love the rewards, and our online sales have never been better!", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-looking-front-with-smile-face-offering-hand-standing-orange-wall_141793-50569.jpg", imageAlt: "Sophia Miller, Founder"},
{
id: "t4",
name: "David Kim",
role: "Executive Chef, Aura Restaurant",
testimonial: "The detailed analytics help us understand our peak times and customer preferences, allowing us to optimize staffing and menu offerings. It’s an invaluable tool for any serious kitchen.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-putting-hand-his-chin-another-one-his-elbow-isolated-white-with-copy-space_141793-76959.jpg",
imageAlt: "David Kim, Executive Chef",
},
id: "t4", name: "David Kim", role: "Executive Chef, Aura Restaurant", testimonial: "The detailed analytics help us understand our peak times and customer preferences, allowing us to optimize staffing and menu offerings. It’s an invaluable tool for any serious kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-barber-wearing-uniform-putting-hand-his-chin-another-one-his-elbow-isolated-white-with-copy-space_141793-76959.jpg", imageAlt: "David Kim, Executive Chef"},
{
id: "t5",
name: "Elena Petrova",
role: "Sommelier, Vintage Cellar",
testimonial: "Our front-of-house team loves the intuitive reservation system. It allows us to provide a more personalized experience, knowing guest histories and preferences before they even arrive.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg",
imageAlt: "Elena Petrova, Sommelier",
},
id: "t5", name: "Elena Petrova", role: "Sommelier, Vintage Cellar", testimonial: "Our front-of-house team loves the intuitive reservation system. It allows us to provide a more personalized experience, knowing guest histories and preferences before they even arrive.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-drinking-wine_23-2148060456.jpg", imageAlt: "Elena Petrova, Sommelier"},
]}
title="What Our Partners Say"
description="Hear directly from restaurant owners and hospitality managers who have transformed their operations with ReservaFlow."
@@ -378,30 +223,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What types of restaurants can use ReservaFlow?",
content: "ReservaFlow is designed for a diverse range of hospitality businesses, including fine dining restaurants, hotels, resorts, casual cafés, bars, and event catering services. Its modular nature allows it to adapt to various operational needs.",
},
id: "faq1", title: "What types of restaurants can use ReservaFlow?", content: "ReservaFlow is designed for a diverse range of hospitality businesses, including fine dining restaurants, hotels, resorts, casual cafés, bars, and event catering services. Its modular nature allows it to adapt to various operational needs."},
{
id: "faq2",
title: "Is ReservaFlow mobile-friendly for both staff and customers?",
content: "Yes, our platform is built with a mobile-first responsive design, ensuring a seamless experience for your staff on tablets and for your customers using their smartphones for online ordering and reservations.",
},
id: "faq2", title: "Is ReservaFlow mobile-friendly for both staff and customers?", content: "Yes, our platform is built with a mobile-first responsive design, ensuring a seamless experience for your staff on tablets and for your customers using their smartphones for online ordering and reservations."},
{
id: "faq3",
title: "Can ReservaFlow integrate with my existing POS system?",
content: "ReservaFlow offers API integration capabilities, especially with our Pro and Enterprise plans. We can work with you to integrate with your existing Point of Sale (POS) system for a unified ecosystem.",
},
id: "faq3", title: "Can ReservaFlow integrate with my existing POS system?", content: "ReservaFlow offers API integration capabilities, especially with our Pro and Enterprise plans. We can work with you to integrate with your existing Point of Sale (POS) system for a unified ecosystem."},
{
id: "faq4",
title: "How does the loyalty program work?",
content: "Our loyalty program allows you to set up customizable reward structures based on customer spending, visits, or specific menu items. Customers earn points that can be redeemed for discounts, free items, or exclusive experiences, all managed through their digital profile.",
},
id: "faq4", title: "How does the loyalty program work?", content: "Our loyalty program allows you to set up customizable reward structures based on customer spending, visits, or specific menu items. Customers earn points that can be redeemed for discounts, free items, or exclusive experiences, all managed through their digital profile."},
{
id: "faq5",
title: "What kind of support is included with my subscription?",
content: "All ReservaFlow plans include standard customer support. Pro and Enterprise plans come with priority support, and Enterprise clients also receive a dedicated account manager for personalized assistance and strategic guidance.",
},
id: "faq5", title: "What kind of support is included with my subscription?", content: "All ReservaFlow plans include standard customer support. Pro and Enterprise plans come with priority support, and Enterprise clients also receive a dedicated account manager for personalized assistance and strategic guidance."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about ReservaFlow's platform and services."
@@ -413,18 +243,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
text="Ready to Elevate Your Restaurant Experience?"
buttons={[
{
text: "Start Your Free Trial Today",
href: "#",
},
text: "Start Your Free Trial Today", href: "#"},
{
text: "Book a Demo",
href: "#",
},
text: "Book a Demo", href: "#"},
]}
/>
</div>
@@ -434,79 +259,47 @@ export default function LandingPage() {
logoText="ReservaFlow"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Reservation Management",
href: "#features",
},
label: "Reservation Management", href: "#features"},
{
label: "Online Ordering",
href: "#features",
},
label: "Online Ordering", href: "#features"},
{
label: "Loyalty Programs",
href: "#features",
},
label: "Loyalty Programs", href: "#features"},
{
label: "Admin Analytics",
href: "#features",
},
label: "Admin Analytics", href: "#features"},
],
},
{
title: "Solutions",
items: [
title: "Solutions", items: [
{
label: "Fine Dining",
href: "#solutions",
},
label: "Fine Dining", href: "#solutions"},
{
label: "Hotels & Resorts",
href: "#solutions",
},
label: "Hotels & Resorts", href: "#solutions"},
{
label: "Cafés & Casual",
href: "#solutions",
},
label: "Cafés & Casual", href: "#solutions"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}