Merge version_1_1776873398138 into main #1

Merged
bender merged 2 commits from version_1_1776873398138 into main 2026-04-22 15:58:42 +00:00

View File

@@ -13,350 +13,148 @@ import TestimonialAvatarCard from '@/components/sections/testimonial/Testimonial
export default function App() {
return (
<>
<div id="nav" data-section="nav">
<NavbarCentered
logo="MenuFlow"
navItems={[
{
name: "Features",
href: "#features",
},
{
name: "Pricing",
href: "#pricing",
},
{
name: "Testimonials",
href: "#testimonials",
},
]}
ctaButton={{
text: "Get Started",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarCentered
logo="MenuFlow"
navItems={[
{ name: "Features", href: "#features" },
{ name: "Pricing", href: "#pricing" },
{ name: "Testimonials", href: "#testimonials" },
]}
ctaButton={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
tag="Next-Gen Menu SaaS"
title="Digitize Your Restaurant Menu in Seconds"
description="Stop printing paper menus. Manage your menu items, pricing, and ingredients in real-time with our intuitive digital platform."
primaryButton={{
text: "Start Free Trial",
href: "#contact",
}}
secondaryButton={{
text: "See How It Works",
href: "#features",
}}
kpis={[
{
value: "100%",
label: "Digitally Managed",
},
{
value: "5x",
label: "Faster Updates",
},
{
value: "24/7",
label: "Customer Access",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-high-quality-3d-render-of-a-smartphone-1776873422342-e5320080.png"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
tag="Next-Gen Menu SaaS"
title="Digitize Your Restaurant Menu in Seconds"
description="Stop printing paper menus. Manage your menu items, pricing, and ingredients in real-time with our intuitive digital platform."
primaryButton={{ text: "Start Free Trial", href: "#contact" }}
secondaryButton={{ text: "See How It Works", href: "#features" }}
kpis={[
{ value: "100%", label: "Digitally Managed" },
{ value: "5x", label: "Faster Updates" },
{ value: "24/7", label: "Customer Access" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-high-quality-3d-render-of-a-smartphone-1776873422342-e5320080.png"
/>
</div>
<div id="features" data-section="features">
<FeaturesMediaCards
tag="Key Features"
title="Built for Modern Restaurants"
description="Our platform offers everything you need to manage your dining experience effectively."
items={[
{
title: "Real-time Updates",
description: "Update prices or mark items as out of stock instantly across all devices.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/minimalist-icon-illustration-representin-1776873421709-9a06c6df.png",
},
{
title: "QR Code Integration",
description: "Generate unique QR codes for every table in your restaurant.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/minimalist-icon-illustration-representin-1776873422717-bf5a5a61.png",
},
{
title: "Detailed Analytics",
description: "Track which dishes are most popular with real-time reporting.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/minimalist-icon-illustration-representin-1776873423157-670a8576.png",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeaturesMediaCards
tag="Key Features"
title="Built for Modern Restaurants"
description="Our platform offers everything you need to manage your dining experience effectively."
items={[
{ title: "Real-time Updates", description: "Update prices or mark items as out of stock instantly across all devices.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/minimalist-icon-illustration-representin-1776873421709-9a06c6df.png" },
{ title: "QR Code Integration", description: "Generate unique QR codes for every table in your restaurant.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/minimalist-icon-illustration-representin-1776873422717-bf5a5a61.png" },
{ title: "Detailed Analytics", description: "Track which dishes are most popular with real-time reporting.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/minimalist-icon-illustration-representin-1776873423157-670a8576.png" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductRatingCards
tag="Menu Showcase"
title="Explore Our Menu Templates"
description="Choose from a variety of professionally designed menu layouts for your restaurant type."
products={[
{
brand: "Standard",
name: "Minimalist Cafe",
price: "$19/mo",
rating: 5,
reviewCount: "120",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h9unx7",
},
{
brand: "Premium",
name: "Upscale Dining",
price: "$49/mo",
rating: 5,
reviewCount: "85",
imageSrc: "https://images.unsplash.com/photo-1760037034697-eee0b07ae072?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNnx8dGVjaCUyMGJyYW5kJTIwbG9nb3xlbnwxfDB8fHwxNzc2ODczNDE3fDA&ixlib=rb-4.1.0&q=80&w=1080",
},
{
brand: "Standard",
name: "Family Bistro",
price: "$19/mo",
rating: 4,
reviewCount: "210",
imageSrc: "https://images.unsplash.com/photo-1758243116364-6abedd93a335?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHxyZXN0YXVyYW50JTIwZ3JvdXAlMjBicmFuZHxlbnwxfDB8fHwxNzc2ODczNDE3fDA&ixlib=rb-4.1.0&q=80&w=1080",
},
{
brand: "Basic",
name: "Quick Bite",
price: "$9/mo",
rating: 4,
reviewCount: "340",
imageSrc: "https://images.unsplash.com/photo-1616696269274-ddc39cecd3f8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzfHxmYXN0JTIwZm9vZCUyMGJyYW5kJTIwbG9nb3xlbnwxfDB8fHwxNzc2ODczNDE4fDA&ixlib=rb-4.1.0&q=80&w=1080",
},
{
brand: "Premium",
name: "Gourmet Experience",
price: "$59/mo",
rating: 5,
reviewCount: "55",
imageSrc: "https://images.unsplash.com/photo-1764601842139-635f318905c6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNHx8cGxhdGZvcm0lMjBsb2dvJTIwbWluaW1hbHxlbnwxfDB8fHwxNzc2ODczNDE4fDA&ixlib=rb-4.1.0&q=80&w=1080",
},
{
brand: "Basic",
name: "Coffee House",
price: "$9/mo",
rating: 4,
reviewCount: "155",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d2d5k9",
},
]}
/>
</div>
<div id="products" data-section="products">
<ProductRatingCards
tag="Menu Showcase"
title="Explore Our Menu Templates"
description="Choose from a variety of professionally designed menu layouts for your restaurant type."
products={[
{ brand: "Standard", name: "Minimalist Cafe", price: "$19/mo", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h9unx7" },
{ brand: "Premium", name: "Upscale Dining", price: "$49/mo", rating: 5, reviewCount: "85", imageSrc: "https://images.unsplash.com/photo-1760037034697-eee0b07ae072?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNnx8dGVjaCUyMGJyYW5kJTIwbG9nb3xlbnwxfDB8fHwxNzc2ODczNDE3fDA&ixlib=rb-4.1.0&q=80&w=1080" },
{ brand: "Standard", name: "Family Bistro", price: "$19/mo", rating: 4, reviewCount: "210", imageSrc: "https://images.unsplash.com/photo-1758243116364-6abedd93a335?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxfHxyZXN0YXVyYW50JTIwZ3JvdXAlMjBicmFuZHxlbnwxfDB8fHwxNzc2ODczNDE3fDA&ixlib=rb-4.1.0&q=80&w=1080" },
{ brand: "Basic", name: "Quick Bite", price: "$9/mo", rating: 4, reviewCount: "340", imageSrc: "https://images.unsplash.com/photo-1616696269274-ddc39cecd3f8?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwzfHxmYXN0JTIwZm9vZCUyMGJyYW5kJTIwbG9nb3xlbnwxfDB8fHwxNzc2ODczNDE4fDA&ixlib=rb-4.1.0&q=80&w=1080" },
{ brand: "Premium", name: "Gourmet Experience", price: "$59/mo", rating: 5, reviewCount: "55", imageSrc: "https://images.unsplash.com/photo-1764601842139-635f318905c6?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNHx8cGxhdGZvcm0lMjBsb2dvJTIwbWluaW1hbHxlbnwxfDB8fHwxNzc2ODczNDE4fDA&ixlib=rb-4.1.0&q=80&w=1080" },
{ brand: "Basic", name: "Coffee House", price: "$9/mo", rating: 4, reviewCount: "155", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d2d5k9" }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingMediaCards
tag="Transparent Pricing"
title="Choose the Perfect Plan"
description="Scalable plans designed for any restaurant size."
plans={[
{
tag: "Starter",
price: "$29",
period: "/mo",
features: [
"Digital Menu",
"QR Code Generation",
"Basic Reporting",
],
primaryButton: {
text: "Get Started",
href: "#contact",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/abstract-background-visualization-showin-1776873423304-772231bc.png",
},
{
tag: "Growth",
price: "$79",
period: "/mo",
features: [
"Everything in Starter",
"Real-time Analytics",
"Priority Support",
],
primaryButton: {
text: "Get Started",
href: "#contact",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/abstract-background-visualization-showin-1776873424159-bfcec02a.png",
},
{
tag: "Enterprise",
price: "Custom",
period: "",
features: [
"Everything in Growth",
"API Access",
"Dedicated Success Manager",
],
primaryButton: {
text: "Contact Sales",
href: "#contact",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/abstract-background-visualization-showin-1776873424518-fd0c79bb.png",
},
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingMediaCards
tag="Transparent Pricing"
title="Choose the Perfect Plan"
description="Scalable plans designed for any restaurant size."
plans={[
{ tag: "Starter", price: "$29", period: "/mo", features: ["Digital Menu", "QR Code Generation", "Basic Reporting"], primaryButton: { text: "Get Started", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/abstract-background-visualization-showin-1776873423304-772231bc.png" },
{ tag: "Growth", price: "$79", period: "/mo", features: ["Everything in Starter", "Real-time Analytics", "Priority Support"], primaryButton: { text: "Get Started", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/abstract-background-visualization-showin-1776873424159-bfcec02a.png" },
{ tag: "Enterprise", price: "Custom", period: "", features: ["Everything in Growth", "API Access", "Dedicated Success Manager"], primaryButton: { text: "Contact Sales", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/abstract-background-visualization-showin-1776873424518-fd0c79bb.png" }
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofMarquee
tag="Trusted By"
title="Used by Leading Restaurants"
names={[
"BistroHub",
"CafeConnect",
"GourmetGroup",
"TheFineDining",
"UrbanKitchen",
"FastBiteInc",
"ModernCuisine",
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofMarquee
tag="Trusted By"
title="Used by Leading Restaurants"
description="Join thousands of successful restaurants globally."
names={["BistroHub", "CafeConnect", "GourmetGroup", "TheFineDining", "UrbanKitchen", "FastBiteInc", "ModernCuisine"]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricsSimpleCards
tag="Our Impact"
title="Helping Restaurants Thrive"
description="Numbers that represent our commitment to digitization success."
metrics={[
{
value: "1.2k+",
description: "Happy Restaurants",
},
{
value: "500k+",
description: "Menus Updated",
},
{
value: "99.9%",
description: "Uptime Guaranteed",
},
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricsSimpleCards
tag="Our Impact"
title="Helping Restaurants Thrive"
description="Numbers that represent our commitment to digitization success."
metrics={[
{ value: "1.2k+", description: "Happy Restaurants" },
{ value: "500k+", description: "Menus Updated" },
{ value: "99.9%", description: "Uptime Guaranteed" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialAvatarCard
tag="Testimonials"
title="What Owners Say"
avatars={[
{
name: "Sarah J.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-portrait-of-a-restaurant-ow-1776873425242-92834434.png",
},
{
name: "Mark D.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-portrait-of-a-modern-bistro-1776873425026-d16b7870.png",
},
{
name: "Elena R.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-tech-savvy-restaurant-mana-1776873424301-19c8a573.png",
},
{
name: "David K.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-cafe-franchise-director-1776873425000-061028d8.png",
},
{
name: "Chloe T.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-bar-owner-1776873425052-c0c296ea.png",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialAvatarCard
tag="Testimonials"
title="What Owners Say"
avatars={[
{ name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-portrait-of-a-restaurant-ow-1776873425242-92834434.png" },
{ name: "Mark D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/professional-portrait-of-a-modern-bistro-1776873425026-d16b7870.png" },
{ name: "Elena R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-tech-savvy-restaurant-mana-1776873424301-19c8a573.png" },
{ name: "David K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-cafe-franchise-director-1776873425000-061028d8.png" },
{ name: "Chloe T.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/portrait-of-a-bar-owner-1776873425052-c0c296ea.png" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqTwoColumn
tag="FAQ"
title="Common Questions"
description="Everything you need to know about setting up your digital menu."
items={[
{
question: "Is it easy to update?",
answer: "Yes, our dashboard makes updates instant.",
},
{
question: "Does it work on phones?",
answer: "Our menus are optimized for all smartphones.",
},
{
question: "Can I cancel anytime?",
answer: "Yes, no hidden lock-in periods.",
},
{
question: "What support is included?",
answer: "All plans include 24/7 email support.",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqTwoColumn
tag="FAQ"
title="Common Questions"
description="Everything you need to know about setting up your digital menu."
items={[
{ question: "Is it easy to update?", answer: "Yes, our dashboard makes updates instant." },
{ question: "Does it work on phones?", answer: "Our menus are optimized for all smartphones." },
{ question: "Can I cancel anytime?", answer: "Yes, no hidden lock-in periods." },
{ question: "What support is included?", answer: "All plans include 24/7 email support." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitEmail
tag="Ready to Start?"
title="Get Started Today"
description="Digitize your menu in under 5 minutes."
inputPlaceholder="Enter your business email"
buttonText="Start Your Trial"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-clean-modern-workspace-with-a-laptop-d-1776873423080-fa13c2f6.png"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitEmail
tag="Ready to Start?"
title="Get Started Today"
description="Digitize your menu in under 5 minutes."
inputPlaceholder="Enter your business email"
buttonText="Start Your Trial"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-clean-modern-workspace-with-a-laptop-d-1776873423080-fa13c2f6.png"
/>
</div>
<div id="footer" data-section="footer">
<FooterBasic
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
leftText="© 2024 MenuFlow. All rights reserved."
rightText="Built for modern restaurant growth."
/>
</div>
<div id="footer" data-section="footer">
<FooterBasic
columns={[
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
leftText="© 2024 MenuFlow. All rights reserved."
rightText="Built for modern restaurant growth."
/>
</div>
</>
);
}