fastfood-qr — gitlawb

repository

loading code, commits, and activity

repositories

loading repo index

#1	import { useNavigate } from 'react-router-dom';
#2	import { IconSmartphone, IconMessageCircle, IconQrCode, IconZap, IconArrowRight } from '../icons';
#3
#4	export default function Landing() {
#5	const navigate = useNavigate();
#6
#7	return (
#8	<div className="landing">
#9	<section className="hero">
#10	<div className="hero-content">
#11	<span className="hero-badge">
#12	<span>●</span> Now in Beta
#13	</span>
#14	<h1 className="hero-title">Your restaurant menu, one QR code away</h1>
#15	<p className="hero-subtitle">
#16	Create a digital menu in minutes. Let customers scan, browse, and order via WhatsApp.
#17	</p>
#18	<div className="hero-actions">
#19	<button className="btn btn-accent btn-large" onClick={() => navigate('/dashboard')}>
#20	Get Started Free
#21	</button>
#22	<button className="btn btn-secondary btn-large" onClick={() => navigate('/menu/burger-house')}>
#23	View Demo Menu
#24	</button>
#25	</div>
#26	</div>
#27	</section>
#28
#29	<section className="features">
#30	<h2 className="section-title">Everything you need</h2>
#31	<p className="section-subtitle">Go digital in minutes, not months</p>
#32	<div className="features-grid">
#33	<div className="feature-card">
#34	<div className="feature-icon"><IconSmartphone size={24} /></div>
#35	<h3 className="feature-title">Digital Menu</h3>
#36	<p className="feature-desc">Beautiful mobile-first menu your customers can browse instantly</p>
#37	</div>
#38	<div className="feature-card">
#39	<div className="feature-icon"><IconMessageCircle size={24} /></div>
#40	<h3 className="feature-title">WhatsApp Orders</h3>
#41	<p className="feature-desc">Customers order directly through WhatsApp with pre-filled messages</p>
#42	</div>
#43	<div className="feature-card">
#44	<div className="feature-icon"><IconQrCode size={24} /></div>
#45	<h3 className="feature-title">QR Code Generator</h3>
#46	<p className="feature-desc">Generate and download QR codes for tables, posters, and menus</p>
#47	</div>
#48	<div className="feature-card">
#49	<div className="feature-icon"><IconZap size={24} /></div>
#50	<h3 className="feature-title">Real-time Updates</h3>
#51	<p className="feature-desc">Update prices, add items, and manage your menu instantly</p>
#52	</div>
#53	</div>
#54	</section>
#55
#56	<section className="how-it-works">
#57	<h2 className="section-title">How it works</h2>
#58	<div className="steps">
#59	<div className="step">
#60	<div className="step-number">1</div>
#61	<h3 className="step-title">Create Your Menu</h3>
#62	<p className="step-desc">Add your restaurant info, categories, and products</p>
#63	</div>
#64	<div className="step">
#65	<div className="step-number">2</div>
#66	<h3 className="step-title">Generate QR Code</h3>
#67	<p className="step-desc">Download your unique QR code and print it</p>
#68	</div>
#69	<div className="step">
#70	<div className="step-number">3</div>
#71	<h3 className="step-title">Receive Orders</h3>
#72	<p className="step-desc">Customers scan, order, and you get WhatsApp messages</p>
#73	</div>
#74	</div>
#75	</section>
#76
#77	<section className="cta-section">
#78	<h2 className="cta-title">Ready to go digital?</h2>
#79	<p className="cta-desc">Start for free today. No credit card required.</p>
#80	<button className="btn btn-accent btn-large" onClick={() => navigate('/dashboard')}>
#81	Start for Free <IconArrowRight size={18} />
#82	</button>
#83	</section>
#84	</div>
#85	);
#86	}
#87

z6Mkfh4Y/fastfood-qr