Add src/app/kds/page.tsx
This commit is contained in:
179
src/app/kds/page.tsx
Normal file
179
src/app/kds/page.tsx
Normal file
@@ -0,0 +1,179 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { CheckCircle, Sliders, Monitor, Clock, Settings, Wifi } from 'lucide-react';
|
||||
|
||||
export default function KdsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/#hero" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "KDS", id: "/kds" },
|
||||
{ name: "Products", id: "/#products" },
|
||||
{ name: "Pricing", id: "/#pricing" },
|
||||
{ name: "FAQ", id: "/#faq" },
|
||||
{ name: "Contact", id: "/#contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Get in Touch", href: "/#contact" }}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/letter-b-luxury-brand-logo_1035-8689.jpg"
|
||||
brandName="16 Av. de Blossac"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Streamline Your Kitchen Operations with KDS"
|
||||
description="Our Kitchen Display System (KDS) optimizes your kitchen workflow, ensuring efficient order preparation and seamless management."
|
||||
tag="KDS Solutions"
|
||||
tagIcon={Monitor}
|
||||
buttonText="Get Started Today"
|
||||
inputPlaceholder="Your Email"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-with-stainless-steel-appliances_23-2148768007.jpg"
|
||||
imageAlt="Modern kitchen with a KDS display"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Key Features of Our KDS"
|
||||
description="From order intake to dispatch, our KDS offers comprehensive tools to enhance efficiency and customer satisfaction."
|
||||
features={[
|
||||
{
|
||||
title: "Order Ticket Display", description: "Clear, real-time display of incoming orders with customizable views for easy readability.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-dish-restaurant-kitchen_23-2149537237.jpg", titleImageSrc: "", buttonText: "Learn More"
|
||||
},
|
||||
{
|
||||
title: "Preparation Status Tracking", description: "Track each order from pending to ready for pickup with intuitive status indicators.", imageSrc: "http://img.b2bpic.net/free-photo/busy-restaurant-kitchen-staff_23-2149303513.jpg", titleImageSrc: "", buttonText: "See Tracking"
|
||||
},
|
||||
{
|
||||
title: "Order Management Controls", description: "Intuitive controls to manage orders, mark as complete, or flag issues, all at your fingertips.", imageSrc: "http://img.b2bpic.net/free-photo/various-ingredients-vegetables-chef-restaurant-kitchen-stove_23-2149303531.jpg", titleImageSrc: "", buttonText: "Explore Controls"
|
||||
},
|
||||
{
|
||||
title: "Real-time Updates", description: "Automatic updates ensure your kitchen staff always has the most current information.", imageSrc: "http://img.b2bpic.net/free-photo/smart-watches_1398-4447.jpg", titleImageSrc: "", buttonText: "Discover Real-time"
|
||||
},
|
||||
{
|
||||
title: "Customizable Views", description: "Adapt the KDS display to your kitchen's unique needs, preferences, and workflow.", imageSrc: "http://img.b2bpic.net/free-photo/monitor-display-with-analytics_141793-27039.jpg", titleImageSrc: "", buttonText: "Customize Now"
|
||||
},
|
||||
{
|
||||
title: "Seamless POS Integration", description: "Easily integrate with your existing Point of Sale system for a unified ecosystem.", imageSrc: "http://img.b2bpic.net/free-photo/payment-terminal-with-credit-card_23-2147781197.jpg", titleImageSrc: "", buttonText: "Integrate"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="kds-faq" data-section="kds-faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "kdsfaq1", title: "What hardware is required for the KDS?", content: "Our KDS is designed to be flexible and can run on standard kitchen-grade tablets, touchscreens, or monitors. We can advise on compatible hardware."
|
||||
},
|
||||
{
|
||||
id: "kdsfaq2", title: "Can the KDS integrate with my existing POS system?", content: "Yes, our KDS is built with API-first principles, allowing seamless integration with most modern POS systems. Contact us for specific compatibility."
|
||||
},
|
||||
{
|
||||
id: "kdsfaq3", title: "Is training provided for kitchen staff?", content: "Absolutely! We offer comprehensive training sessions for your kitchen staff to ensure a smooth transition and optimal utilization of the KDS."
|
||||
},
|
||||
{
|
||||
id: "kdsfaq4", title: "How does the KDS handle order modifications?", content: "Order modifications are updated in real-time on the KDS display. Our system highlights changes, ensuring staff are always aware of adjustments."
|
||||
},
|
||||
{
|
||||
id: "kdsfaq5", title: "What kind of support do you offer?", content: "We provide 24/7 technical support, including remote assistance and on-site visits for critical issues, ensuring your kitchen runs smoothly."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/question-mark-speech-bubble-blue-background_53876-111003.jpg"
|
||||
imageAlt="Question mark icon"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="left"
|
||||
title="KDS Frequently Asked Questions"
|
||||
description="Find answers to common questions about implementing and using our Kitchen Display System."
|
||||
faqsAnimation="slide-up"
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Your Kitchen Ready"
|
||||
title="Ready to Transform Your Kitchen?"
|
||||
description="Contact us today to schedule a demo and see how our KDS can revolutionize your restaurant's back-of-house operations."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-restaurant-kitchen-working-his-food_23-2149303504.jpg"
|
||||
imageAlt="Chef working in a restaurant kitchen"
|
||||
mediaAnimation="none"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email for a demo"
|
||||
buttonText="Request Demo"
|
||||
termsText="By clicking Request Demo you're confirming that you agree with our Terms and Conditions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
videoSrc="http://img.b2bpic.net/free-photo/neva-river-dawn-saint-petersburg_1398-4592.jpg"
|
||||
videoAriaLabel="Footer video"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ckq9bk"
|
||||
logoText="16 Av. de Blossac"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/#hero" },
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Services", href: "/#services" },
|
||||
{ label: "KDS", href: "/kds" },
|
||||
{ label: "Products", href: "/#products" },
|
||||
{ label: "Pricing", href: "/#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
{ label: "Directions", href: "/#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 | 16 Av. de Blossac. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user