diff --git a/src/App.tsx b/src/App.tsx index afb77cf..2e175e5 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -9,7 +9,7 @@ import NavbarCentered from '@/components/ui/NavbarCentered'; import ProductQuantityCards from '@/components/sections/product/ProductQuantityCards'; import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee'; import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards'; -import { Award } from "lucide-react"; +import { Award, Zap, Star, Shield, CheckCircle } from "lucide-react"; export default function App() { return ( @@ -19,22 +19,14 @@ export default function App() { logo="MenuFlow" navItems={[ { - name: "Features", - href: "#features", - }, + name: "Features", href: "#features"}, { - name: "Pricing", - href: "#pricing", - }, + name: "Pricing", href: "#pricing"}, { - name: "Testimonials", - href: "#testimonials", - }, + name: "Testimonials", href: "#testimonials"}, ]} ctaButton={{ - text: "Get Started", - href: "#contact", - }} + text: "Get Started", href: "#contact"}} /> @@ -44,28 +36,18 @@ export default function App() { title="Digitize Your Menu in Seconds" description="Empower your restaurant with seamless digital menus that update in real-time. Boost your sales and improve guest satisfaction today." primaryButton={{ - text: "Start Free Trial", - href: "#contact", - }} + text: "Start Free Trial", href: "#contact"}} secondaryButton={{ - text: "Book Demo", - href: "#", - }} + text: "Book Demo", href: "#"}} kpis={[ { - value: "500+", - label: "Restaurants Served", - }, + value: "500+", label: "Restaurants Served"}, { - value: "20%", - label: "Sales Increase", - }, + value: "20%", label: "Sales Increase"}, { - value: "99.9%", - label: "Uptime", - }, + value: "99.9%", label: "Uptime"}, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/modern-digital-restaurant-menu-interface-1776608536479-9421ca8e.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/modern-digital-restaurant-menu-interface-1776608536479-9421ca8e.png" /> @@ -75,14 +57,7 @@ export default function App() { title="Leading Culinary Brands" description="Empowering successful restaurants around the world." names={[ - "Bistro Elite", - "Gourmet Hub", - "Urban Kitchen", - "The Fine Fork", - "Rustic Bites", - "Global Flavors", - "Crave Culinary", - ]} + "Bistro Elite", "Gourmet Hub", "Urban Kitchen", "The Fine Fork", "Rustic Bites", "Global Flavors", "Crave Culinary"]} /> @@ -90,13 +65,9 @@ export default function App() { @@ -107,44 +78,27 @@ export default function App() { description="Comprehensive tools for digital menu management and restaurant analytics." features={[ { - title: "Instant Updates", - description: "Change items, prices, and dietary info with one click.", - bentoComponent: "media-stack", - items: [ + title: "Instant Updates", description: "Change items, prices, and dietary info with one click.", bentoComponent: "media-stack", items: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/close-up-of-a-tablet-showing-dynamic-res-1776608547203-1ff88ebb.png", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/close-up-of-a-tablet-showing-dynamic-res-1776608547203-1ff88ebb.png"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-person-editing-a-menu-on-a-laptop-scre-1776608556953-314dce12.png", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/a-person-editing-a-menu-on-a-laptop-scre-1776608556953-314dce12.png"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/visual-representation-of-analytics-graph-1776608566942-95d9d012.png", - }, - ], - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/modern-digital-restaurant-menu-interface-1776608536479-9421ca8e.png?_wi=2", - imageAlt: "Close up of a tablet showing dynamic restaurant menu items, clean typography and high quality food i", + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A2kdHi1NSExmmN97qC0PBBxl6G/visual-representation-of-analytics-graph-1776608566942-95d9d012.png"}, + ] }, { - title: "Smart Insights", - description: "Analyze menu performance and customer favorites.", - bentoComponent: "animated-bar-chart", - imageSrc: "https://images.unsplash.com/photo-1767449441925-737379bc2c4d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHxkaWdpdGFsJTIwZm9vZCUyMG1lbnUlMjBpbnRlcmZhY2UlMjBtb2JpbGUlMjB2aWV3fGVufDF8MHx8fDE3NzY2MDg1Njh8MA&ixlib=rb-4.1.0&q=80&w=1080&_wi=1", - imageAlt: "Close up of a tablet showing dynamic restaurant menu items, clean typography and high quality food i", + title: "Smart Insights", description: "Analyze menu performance and customer favorites.", bentoComponent: "animated-bar-chart" }, { - title: "Customer Loyalty", - description: "Retain customers with built-in rewards programs.", - bentoComponent: "orbiting-icons", - centerIcon: Award, + title: "Customer Loyalty", description: "Retain customers with built-in rewards programs.", bentoComponent: "orbiting-icons", centerIcon: Award, items: [ - "Zap", - "Star", - "Shield", - "CheckCircle", - ], - imageSrc: "https://images.unsplash.com/photo-1728044849321-4cbffc50cc1d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxOHx8cmVzdGF1cmFudCUyMG1lbnUlMjBtYW5hZ2VtZW50JTIwc3lzdGVtJTIwZGVza3RvcHxlbnwxfDB8fHwxNzc2NjA4NTY4fDA&ixlib=rb-4.1.0&q=80&w=1080&_wi=1", - imageAlt: "Close up of a tablet showing dynamic restaurant menu items, clean typography and high quality food i", - }, + Zap, + Star, + Shield, + CheckCircle, + ] + } ]} /> @@ -156,35 +110,17 @@ export default function App() { description="Designed for restaurant efficiency and customer growth." products={[ { - name: "Basic Menu", - price: "$29/mo", - imageSrc: "https://images.unsplash.com/photo-1767449441925-737379bc2c4d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHxkaWdpdGFsJTIwZm9vZCUyMG1lbnUlMjBpbnRlcmZhY2UlMjBtb2JpbGUlMjB2aWV3fGVufDF8MHx8fDE3NzY2MDg1Njh8MA&ixlib=rb-4.1.0&q=80&w=1080&_wi=2", - }, + name: "Basic Menu", price: "$29/mo", imageSrc: "https://images.unsplash.com/photo-1767449441925-737379bc2c4d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyfHxkaWdpdGFsJTIwZm9vZCUyMG1lbnUlMjBpbnRlcmZhY2UlMjBtb2JpbGUlMjB2aWV3fGVufDF8MHx8fDE3NzY2MDg1Njh8MA&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "Professional Plan", - price: "$59/mo", - imageSrc: "https://images.unsplash.com/photo-1728044849321-4cbffc50cc1d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxOHx8cmVzdGF1cmFudCUyMG1lbnUlMjBtYW5hZ2VtZW50JTIwc3lzdGVtJTIwZGVza3RvcHxlbnwxfDB8fHwxNzc2NjA4NTY4fDA&ixlib=rb-4.1.0&q=80&w=1080&_wi=2", - }, + name: "Professional Plan", price: "$59/mo", imageSrc: "https://images.unsplash.com/photo-1728044849321-4cbffc50cc1d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxOHx8cmVzdGF1cmFudCUyMG1lbnUlMjBtYW5hZ2VtZW50JTIwc3lzdGVtJTIwZGVza3RvcHxlbnwxfDB8fHwxNzc2NjA4NTY4fDA&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "Enterprise Suite", - price: "$129/mo", - imageSrc: "https://images.unsplash.com/photo-1742836531271-98fd8151d257?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw5fHxyZXN0YXVyYW50JTIwb3BlcmF0aW9ucyUyMHBsYXRmb3JtJTIwZGlnaXRhbCUyMG1lbnV8ZW58MXwwfHx8MTc3NjYwODU2OXww&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "Enterprise Suite", price: "$129/mo", imageSrc: "https://images.unsplash.com/photo-1742836531271-98fd8151d257?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw5fHxyZXN0YXVyYW50JTIwb3BlcmF0aW9ucyUyMHBsYXRmb3JtJTIwZGlnaXRhbCUyMG1lbnV8ZW58MXwwfHx8MTc3NjYwODU2OXww&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "Analytics Dashboard", - price: "$39/mo", - imageSrc: "https://images.unsplash.com/photo-1738561647704-05634d254e14?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNHx8cmVzdGF1cmFudCUyMGFuYWx5dGljcyUyMHJlcG9ydCUyMGNoYXJ0JTIwc2NyZWVufGVufDF8MHx8fDE3NzY2MDg1NzB8MA&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "Analytics Dashboard", price: "$39/mo", imageSrc: "https://images.unsplash.com/photo-1738561647704-05634d254e14?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyNHx8cmVzdGF1cmFudCUyMGFuYWx5dGljcyUyMHJlcG9ydCUyMGNoYXJ0JTIwc2NyZWVufGVufDF8MHx8fDE3NzY2MDg1NzB8MA&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "Customer Reviews", - price: "$19/mo", - imageSrc: "https://images.unsplash.com/photo-1516383274235-5f42d6c6426d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxNHx8Y3VzdG9tZXIlMjBlbmdhZ2VtZW50JTIwbWV0cmljcyUyMGludGVyZmFjZXxlbnwxfDB8fHwxNzc2NjA4NTcwfDA&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "Customer Reviews", price: "$19/mo", imageSrc: "https://images.unsplash.com/photo-1516383274235-5f42d6c6426d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxNHx8Y3VzdG9tZXIlMjBlbmdhZ2VtZW50JTIwbWV0cmljcyUyMGludGVyZmFjZXxlbnwxfDB8fHwxNzc2NjA4NTcwfDA&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "Table Management", - price: "$49/mo", - imageSrc: "https://images.unsplash.com/photo-1767449356630-c60094b1d1b4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw1fHx0YWJsZSUyMHNlcnZpY2UlMjBtYW5hZ2VtZW50JTIwVUklMjBkZXNpZ258ZW58MXwwfHx8MTc3NjYwODU3MXww&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "Table Management", price: "$49/mo", imageSrc: "https://images.unsplash.com/photo-1767449356630-c60094b1d1b4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHw1fHx0YWJsZSUyMHNlcnZpY2UlMjBtYW5hZ2VtZW50JTIwVUklMjBkZXNpZ258ZW58MXwwfHx8MTc3NjYwODU3MXww&ixlib=rb-4.1.0&q=80&w=1080"}, ]} /> @@ -196,17 +132,11 @@ export default function App() { description="We are proud of the numbers we deliver to our partners." metrics={[ { - value: "15k+", - description: "Menus Updated Daily", - }, + value: "15k+", description: "Menus Updated Daily"}, { - value: "45%", - description: "Customer Engagement Rate", - }, + value: "45%", description: "Customer Engagement Rate"}, { - value: "100+", - description: "Supported Countries", - }, + value: "100+", description: "Supported Countries"}, ]} /> @@ -218,54 +148,28 @@ export default function App() { description="See how MenuFlow has transformed our clients' operations." testimonials={[ { - name: "Sarah Chen", - role: "Owner", - company: "The Green Fork", - rating: 5, - imageSrc: "https://images.unsplash.com/photo-1586996387094-50e168bbf6a9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMnx8c21pbGluZyUyMHJlc3RhdXJhbnQlMjBvd25lciUyMHByb2Zlc3Npb25hbCUyMHBvcnRyYWl0fGVufDF8MHx8fDE3NzY2MDg1NzJ8MA&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "Sarah Chen", role: "Owner", company: "The Green Fork", rating: 5, + imageSrc: "https://images.unsplash.com/photo-1586996387094-50e168bbf6a9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwxMnx8c21pbGluZyUyMHJlc3RhdXJhbnQlMjBvd25lciUyMHByb2Zlc3Npb25hbCUyMHBvcnRyYWl0fGVufDF8MHx8fDE3NzY2MDg1NzJ8MA&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "Mark Miller", - role: "GM", - company: "Urban Eats", - rating: 5, - imageSrc: "https://images.unsplash.com/photo-1753351055056-d612233d8036?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMnx8aGFwcHklMjByZXN0YXVyYW50JTIwbWFuYWdlciUyMGxvb2tpbmclMjBhdCUyMGNhbWVyYXxlbnwxfDB8fHwxNzc2NjA4NTczfDA&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "Mark Miller", role: "GM", company: "Urban Eats", rating: 5, + imageSrc: "https://images.unsplash.com/photo-1753351055056-d612233d8036?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyMnx8aGFwcHklMjByZXN0YXVyYW50JTIwbWFuYWdlciUyMGxvb2tpbmclMjBhdCUyMGNhbWVyYXxlbnwxfDB8fHwxNzc2NjA4NTczfDA&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "Elena Rodriguez", - role: "Manager", - company: "Bistro Vida", - rating: 5, - imageSrc: "https://images.unsplash.com/photo-1758518727592-706e80ebc354?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyOHx8cHJvZmVzc2lvbmFsJTIwc2VydmljZSUyMG1hbmFnZXIlMjBoZWFkc2hvdHxlbnwxfDB8fHwxNzc2NjA4NTczfDA&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "Elena Rodriguez", role: "Manager", company: "Bistro Vida", rating: 5, + imageSrc: "https://images.unsplash.com/photo-1758518727592-706e80ebc354?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyOHx8cHJvZmVzc2lvbmFsJTIwc2VydmljZSUyMG1hbmFnZXIlMjBoZWFkc2hvdHxlbnwxfDB8fHwxNzc2NjA4NTczfDA&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "David Smith", - role: "Owner", - company: "Rustic House", - rating: 5, - imageSrc: "https://images.unsplash.com/photo-1558919047-c9b36c16009e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyM3x8ZnJpZW5kbHklMjByZXN0YXVyYW50JTIwb3duZXIlMjBzbWlsaW5nJTIwcG9ydHJhaXR8ZW58MXwwfHx8MTc3NjYwODU3NHww&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "David Smith", role: "Owner", company: "Rustic House", rating: 5, + imageSrc: "https://images.unsplash.com/photo-1558919047-c9b36c16009e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyM3x8ZnJpZW5kbHklMjByZXN0YXVyYW50JTIwb3duZXIlMjBzbWlsaW5nJTIwcG9ydHJhaXR8ZW58MXwwfHx8MTc3NjYwODU3NHww&ixlib=rb-4.1.0&q=80&w=1080"}, { - name: "Chloe Johnson", - role: "Head Chef", - company: "Fusion Kitchen", - rating: 5, - imageSrc: "https://images.unsplash.com/photo-1738717691098-d9bea09bc5f0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyN3x8aGVhZCUyMGNoZWYlMjBzbWlsaW5nJTIwcHJvZmVzc2lvbmFsJTIwcG9ydHJhaXR8ZW58MXwwfHx8MTc3NjYwODU3NXww&ixlib=rb-4.1.0&q=80&w=1080", - }, + name: "Chloe Johnson", role: "Head Chef", company: "Fusion Kitchen", rating: 5, + imageSrc: "https://images.unsplash.com/photo-1738717691098-d9bea09bc5f0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4Mzc5ODl8MHwxfHNlYXJjaHwyN3x8aGVhZCUyMGNoZWYlMjBzbWlsaW5nJTIwcHJvZmVzc2lvbmFsJTIwcG9ydHJhaXR8ZW58MXwwfHx8MTc3NjYwODU3NXww&ixlib=rb-4.1.0&q=80&w=1080"}, ]} metrics={[ { - value: "95%", - label: "Customer Satisfaction", - }, + value: "95%", label: "Customer Satisfaction"}, { - value: "4.8", - label: "Avg Rating", - }, + value: "4.8", label: "Avg Rating"}, { - value: "30%", - label: "Retention Increase", - }, + value: "30%", label: "Retention Increase"}, ]} /> @@ -277,17 +181,11 @@ export default function App() { description="Quick answers to the most common questions." items={[ { - question: "Is it easy to use?", - answer: "Yes, our dashboard is designed for ease of use without technical expertise.", - }, + question: "Is it easy to use?", answer: "Yes, our dashboard is designed for ease of use without technical expertise."}, { - question: "Can I integrate my POS?", - answer: "Yes, we support most major restaurant point-of-sale systems.", - }, + question: "Can I integrate my POS?", answer: "Yes, we support most major restaurant point-of-sale systems."}, { - question: "How long does setup take?", - answer: "Most restaurants are fully up and running in under 24 hours.", - }, + question: "How long does setup take?", answer: "Most restaurants are fully up and running in under 24 hours."}, ]} /> @@ -297,13 +195,9 @@ export default function App() { tag="Get Started" text="Ready to digitize your menu?" primaryButton={{ - text: "Contact Sales", - href: "#", - }} + text: "Contact Sales", href: "#"}} secondaryButton={{ - text: "Try Free Now", - href: "#", - }} + text: "Try Free Now", href: "#"}} /> @@ -312,42 +206,28 @@ export default function App() { brand="MenuFlow" columns={[ { - title: "Platform", - items: [ + title: "Platform", items: [ { - label: "Features", - href: "#features", - }, + label: "Features", href: "#features"}, { - label: "Pricing", - href: "#pricing", - }, + label: "Pricing", href: "#pricing"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About", - href: "#", - }, + label: "About", href: "#"}, { - label: "Careers", - href: "#", - }, + label: "Careers", href: "#"}, ], }, ]} copyright="© 2024 MenuFlow Inc. All rights reserved." links={[ { - label: "Privacy", - href: "#", - }, + label: "Privacy", href: "#"}, { - label: "Terms", - href: "#", - }, + label: "Terms", href: "#"}, ]} />