bender/67fe18b7-8bcb-4ef3-94db-7c6d7d37cfd2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-04 12:30:18 +00:00
parent df7fa9fdba b291666cdc
commit cc3c9bceab
1 changed files with 78 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

340
src/app/page.tsx
View File

@@ -34,43 +34,25 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Dashboard",
id: "#dashboard",
},
name: "Dashboard", id: "#dashboard"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="DramFlow POS"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
@@ -82,13 +64,9 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
{
text: "Get a Demo",
href: "#contact",
},
text: "Get a Demo", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/bartender-with-tattoo_23-2147681044.jpg"
@@ -98,25 +76,15 @@ export default function LandingPage() {
textPosition="bottom"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg",
alt: "Smiling owner",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg", alt: "Smiling owner"},
{
src: "http://img.b2bpic.net/free-photo/confident-charming-young-female-teacher-arts-wearing-striped-top-grey-apron-posing-her-studio-keeping-arms-crossed-waiting-students-morning-class-people-occupation-concept_273609-945.jpg",
alt: "Confident teacher",
},
src: "http://img.b2bpic.net/free-photo/confident-charming-young-female-teacher-arts-wearing-striped-top-grey-apron-posing-her-studio-keeping-arms-crossed-waiting-students-morning-class-people-occupation-concept_273609-945.jpg", alt: "Confident teacher"},
{
src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",
alt: "Woman in kitchen",
},
src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg", alt: "Woman in kitchen"},
{
src: "http://img.b2bpic.net/free-photo/concentrated-young-lady-baker-standing-with-arms-crossed_171337-16097.jpg",
alt: "Lady baker",
},
src: "http://img.b2bpic.net/free-photo/concentrated-young-lady-baker-standing-with-arms-crossed_171337-16097.jpg", alt: "Lady baker"},
{
src: "http://img.b2bpic.net/free-photo/people-meeting-barter-event-exchange-goods_23-2150208164.jpg",
alt: "People bartering",
},
src: "http://img.b2bpic.net/free-photo/people-meeting-barter-event-exchange-goods_23-2150208164.jpg", alt: "People bartering"},
]}
avatarText="Trusted by 100+ Liquor Stores"
/>
@@ -129,17 +97,11 @@ export default function LandingPage() {
description="DramFlow POS is designed specifically for liquor stores, offering robust tools to manage sales, inventory, and finances. Gain insights, reduce losses, and empower your team."
metrics={[
{
value: "100+",
title: "Stores Using DramFlow",
},
value: "100+", title: "Stores Using DramFlow"},
{
value: "24/7",
title: "Dedicated Support",
},
value: "24/7", title: "Dedicated Support"},
{
value: "50%",
title: "Efficiency Increase",
},
value: "50%", title: "Efficiency Increase"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-bar-tender-holding-bottle-wine_107420-65379.jpg"
imageAlt="Business owner reviewing sales reports on a tablet"
@@ -155,39 +117,25 @@ export default function LandingPage() {
features={[
{
icon: CreditCard,
title: "Seamless Point of Sale",
description: "Fast barcode scanning, product search, multi-payment options (Cash, M-Pesa, Card), and instant receipt printing.",
},
title: "Seamless Point of Sale", description: "Fast barcode scanning, product search, multi-payment options (Cash, M-Pesa, Card), and instant receipt printing."},
{
icon: Package,
title: "Advanced Inventory Control",
description: "Add, edit, delete stock, manage transfers, track batches, monitor expiry dates, and receive low stock alerts.",
},
title: "Advanced Inventory Control", description: "Add, edit, delete stock, manage transfers, track batches, monitor expiry dates, and receive low stock alerts."},
{
icon: Droplet,
title: "Detailed Product Management",
description: "Store comprehensive product details including buying/selling price, quantity, category, barcode, and supplier.",
},
title: "Detailed Product Management", description: "Store comprehensive product details including buying/selling price, quantity, category, barcode, and supplier."},
{
icon: TrendingUp,
title: "Profit & Loss Tracking",
description: "Automatically calculate profits per sale and overall, ensuring you always know your bottom line.",
},
title: "Profit & Loss Tracking", description: "Automatically calculate profits per sale and overall, ensuring you always know your bottom line."},
{
icon: FileText,
title: "Comprehensive Expense Management",
description: "Easily track all operational expenses like rent, salaries, electricity, and maintenance for clear financial oversight.",
},
title: "Comprehensive Expense Management", description: "Easily track all operational expenses like rent, salaries, electricity, and maintenance for clear financial oversight."},
{
icon: BarChart,
title: "Insightful Daily Sales Reports",
description: "Generate daily sales, gross profit, expenses, and net profit reports to make informed business decisions.",
},
title: "Insightful Daily Sales Reports", description: "Generate daily sales, gross profit, expenses, and net profit reports to make informed business decisions."},
{
icon: Users,
title: "Flexible User Roles",
description: "Define distinct roles for Admins (full access) and Cashiers (sales only, no inventory editing) to secure your operations.",
},
title: "Flexible User Roles", description: "Define distinct roles for Admins (full access) and Cashiers (sales only, no inventory editing) to secure your operations."},
]}
title="Key Features to Power Your Store"
description="From intuitive sales processing to in-depth reporting, DramFlow POS covers every aspect of your liquor business operations."
@@ -203,47 +151,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Tusker Lager",
price: "KSh 250",
imageSrc: "http://img.b2bpic.net/free-photo/set-beer-bottles-isolated_93675-132049.jpg",
imageAlt: "Tusker Lager bottle",
},
id: "p1", name: "Tusker Lager", price: "KSh 250", imageSrc: "http://img.b2bpic.net/free-photo/set-beer-bottles-isolated_93675-132049.jpg", imageAlt: "Tusker Lager bottle"},
{
id: "p2",
name: "White Cap Lager",
price: "KSh 200",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottles-beer-dark-background-drink-lemonade-color-photo-alcohol_140725-98336.jpg",
imageAlt: "White Cap Lager bottle",
},
id: "p2", name: "White Cap Lager", price: "KSh 200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bottles-beer-dark-background-drink-lemonade-color-photo-alcohol_140725-98336.jpg", imageAlt: "White Cap Lager bottle"},
{
id: "p3",
name: "Chrome Vodka",
price: "KSh 1800",
imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163028.jpg",
imageAlt: "Chrome Vodka bottle",
},
id: "p3", name: "Chrome Vodka", price: "KSh 1800", imageSrc: "http://img.b2bpic.net/free-photo/sustainably-produced-alcoholic-beverage_23-2150163028.jpg", imageAlt: "Chrome Vodka bottle"},
{
id: "p4",
name: "Johnnie Walker Red Label",
price: "KSh 3500",
imageSrc: "http://img.b2bpic.net/free-photo/liquor-round-bottle_176474-6072.jpg",
imageAlt: "Johnnie Walker Red Label bottle",
},
id: "p4", name: "Johnnie Walker Red Label", price: "KSh 3500", imageSrc: "http://img.b2bpic.net/free-photo/liquor-round-bottle_176474-6072.jpg", imageAlt: "Johnnie Walker Red Label bottle"},
{
id: "p5",
name: "Smirnoff Vodka",
price: "KSh 2200",
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-glass-with-lemon-slice_23-2149384424.jpg",
imageAlt: "Smirnoff Vodka bottle",
},
id: "p5", name: "Smirnoff Vodka", price: "KSh 2200", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-glass-with-lemon-slice_23-2149384424.jpg", imageAlt: "Smirnoff Vodka bottle"},
{
id: "p6",
name: "Gilbey's Gin",
price: "KSh 1600",
imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057974.jpg",
imageAlt: "Gilbey's Gin bottle",
},
id: "p6", name: "Gilbey's Gin", price: "KSh 1600", imageSrc: "http://img.b2bpic.net/free-photo/sotol-drink-still-life_23-2151057974.jpg", imageAlt: "Gilbey's Gin bottle"},
]}
title="Manage Your Diverse Product Catalog"
description="Effortlessly add, update, and monitor all your liquor products with precise details, ensuring accurate stock levels and pricing."
@@ -258,41 +176,23 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Wallet,
title: "Today's Sales",
value: "KSh 45,000",
},
id: "m1", icon: Wallet,
title: "Today's Sales", value: "KSh 45,000"},
{
id: "m2",
icon: LineChart,
title: "Today's Profit",
value: "KSh 12,000",
},
id: "m2", icon: LineChart,
title: "Today's Profit", value: "KSh 12,000"},
{
id: "m3",
icon: DollarSign,
title: "Expenses",
value: "KSh 2,500",
},
id: "m3", icon: DollarSign,
title: "Expenses", value: "KSh 2,500"},
{
id: "m4",
icon: AlertTriangle,
title: "Low Stock Alerts",
value: "5 Items",
},
id: "m4", icon: AlertTriangle,
title: "Low Stock Alerts", value: "5 Items"},
{
id: "m5",
icon: ShoppingCart,
title: "Best Selling Products",
value: "Tusker Lager",
},
id: "m5", icon: ShoppingCart,
title: "Best Selling Products", value: "Tusker Lager"},
{
id: "m6",
icon: Building,
title: "Total Inventory Value",
value: "KSh 1.2M",
},
id: "m6", icon: Building,
title: "Total Inventory Value", value: "KSh 1.2M"},
]}
title="Your Daily Dashboard at a Glance"
description="Instantly access critical performance metrics including sales, profit, expenses, and inventory value to make informed decisions."
@@ -307,65 +207,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
badgeIcon: Sparkles,
price: "KSh 2,500/month",
subtitle: "Essential tools for new stores",
buttons: [
id: "basic", badge: "Starter", badgeIcon: Sparkles,
price: "KSh 2,500/month", subtitle: "Essential tools for new stores", buttons: [
{
text: "Start Free Trial",
href: "#contact",
},
text: "Start Free Trial", href: "#contact"},
],
features: [
"Point of Sale",
"Basic Inventory",
"Daily Sales Reports",
"Admin & Cashier Roles",
],
"Point of Sale", "Basic Inventory", "Daily Sales Reports", "Admin & Cashier Roles"],
},
{
id: "pro",
badge: "Popular",
badgeIcon: Crown,
price: "KSh 5,000/month",
subtitle: "Grow your business with advanced features",
buttons: [
id: "pro", badge: "Popular", badgeIcon: Crown,
price: "KSh 5,000/month", subtitle: "Grow your business with advanced features", buttons: [
{
text: "Get Pro",
href: "#contact",
},
text: "Get Pro", href: "#contact"},
],
features: [
"All Starter Features",
"Profit & Loss Tracking",
"Expense Management",
"Low Stock Alerts",
"Weekly & Monthly Reports",
"SMS Notifications",
],
"All Starter Features", "Profit & Loss Tracking", "Expense Management", "Low Stock Alerts", "Weekly & Monthly Reports", "SMS Notifications"],
},
{
id: "enterprise",
badge: "Enterprise",
badgeIcon: Building,
price: "Contact Us",
subtitle: "Tailored solutions for large operations",
buttons: [
id: "enterprise", badge: "Enterprise", badgeIcon: Building,
price: "Contact Us", subtitle: "Tailored solutions for large operations", buttons: [
{
text: "Request Quote",
href: "#contact",
},
text: "Request Quote", href: "#contact"},
],
features: [
"All Pro Features",
"Multi-Branch Management",
"Custom Integrations",
"Dedicated Account Manager",
"Cloud Backup",
"Mobile App Access",
],
"All Pro Features", "Multi-Branch Management", "Custom Integrations", "Dedicated Account Manager", "Cloud Backup", "Mobile App Access"],
},
]}
title="Flexible Pricing for Every Liquor Store"
@@ -376,63 +242,33 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Alex K.",
role: "Owner",
company: "The Grand Cellar",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg",
},
id: "1", name: "Alex K.", role: "Owner", company: "The Grand Cellar", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170382.jpg"},
{
id: "2",
name: "Maria S.",
role: "Manager",
company: "Bottle & Barrel",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg",
},
id: "2", name: "Maria S.", role: "Manager", company: "Bottle & Barrel", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg"},
{
id: "3",
name: "Ben T.",
role: "Retail Consultant",
company: "Spirit Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-psychologist-work_1098-21007.jpg",
},
id: "3", name: "Ben T.", role: "Retail Consultant", company: "Spirit Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-psychologist-work_1098-21007.jpg"},
{
id: "4",
name: "Chloe L.",
role: "Founder",
company: "Urban Sips",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-barista-feeling-happy-smiling-urban-cafe_7861-3251.jpg",
},
id: "4", name: "Chloe L.", role: "Founder", company: "Urban Sips", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-barista-feeling-happy-smiling-urban-cafe_7861-3251.jpg"},
{
id: "5",
name: "David M.",
role: "Proprietor",
company: "Brew Haven",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg",
},
id: "5", name: "David M.", role: "Proprietor", company: "Brew Haven", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg"},
]}
kpiItems={[
{
value: "99%",
label: "Satisfaction",
},
value: "99%", label: "Satisfaction"},
{
value: "2X",
label: "Profit Growth",
},
value: "2X", label: "Profit Growth"},
{
value: "1HR",
label: "Saved Daily",
},
value: "1HR", label: "Saved Daily"},
]}
title="What Liquor Store Owners Say"
description="Hear from our satisfied clients about how DramFlow POS transformed their business operations and profitability."
@@ -446,30 +282,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What payment methods does DramFlow POS support?",
content: "DramFlow POS supports Cash, M-Pesa, and Card payments to cater to all your customer's needs, making transactions smooth and efficient.",
},
id: "faq1", title: "What payment methods does DramFlow POS support?", content: "DramFlow POS supports Cash, M-Pesa, and Card payments to cater to all your customer's needs, making transactions smooth and efficient."},
{
id: "faq2",
title: "How does inventory management work?",
content: "Our system allows you to add, edit, and delete stock, perform transfers, track batches, monitor expiry dates, and receive automated low stock notifications.",
},
id: "faq2", title: "How does inventory management work?", content: "Our system allows you to add, edit, and delete stock, perform transfers, track batches, monitor expiry dates, and receive automated low stock notifications."},
{
id: "faq3",
title: "Can I track my profits and losses?",
content: "Yes, DramFlow POS automatically calculates profit per sale (Selling Price - Buying Price) and provides comprehensive Profit & Loss reports, along with expense tracking.",
},
id: "faq3", title: "Can I track my profits and losses?", content: "Yes, DramFlow POS automatically calculates profit per sale (Selling Price - Buying Price) and provides comprehensive Profit & Loss reports, along with expense tracking."},
{
id: "faq4",
title: "Are there different user access levels?",
content: "Absolutely. We offer Admin roles with full system access and Cashier roles limited to sales functions, ensuring secure and controlled operations.",
},
id: "faq4", title: "Are there different user access levels?", content: "Absolutely. We offer Admin roles with full system access and Cashier roles limited to sales functions, ensuring secure and controlled operations."},
{
id: "faq5",
title: "What kind of reports can I generate?",
content: "You can generate Daily, Weekly, and Monthly Sales Reports, Profit Reports, Expense Reports, and detailed Inventory Reports to keep a pulse on your business.",
},
id: "faq5", title: "What kind of reports can I generate?", content: "You can generate Daily, Weekly, and Monthly Sales Reports, Profit Reports, Expense Reports, and detailed Inventory Reports to keep a pulse on your business."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about DramFlow POS, our features, pricing, and support."
@@ -482,8 +303,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Ready to Transform Your Store?"
title="Get Your DramFlow POS Demo Today"
description="Contact us to schedule a personalized demonstration and see how our system can optimize your liquor store's sales and management."
@@ -500,13 +320,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="DramFlow POS"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>