Merge version_1_1781595339028 into main #2

Merged
bender merged 3 commits from version_1_1781595339028 into main 2026-06-16 07:36:55 +00:00
2 changed files with 154 additions and 386 deletions

View File

@@ -7,95 +7,51 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Features",
"href": "#features"
},
{
"name": "Dashboard",
"href": "#dashboard"
},
{
"name": "Pricing",
"href": "#pricing"
},
{
"name": "Contact",
"href": "#contact"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "Metrics",
"href": "#metrics"
},
{
"name": "Testimonials",
"href": "#testimonials"
}
];
{ name: "Features", href: "#features" },
{ name: "Dashboard", href: "#dashboard" },
{ name: "Pricing", href: "#pricing" },
{ name: "Contact", href: "#contact" }
];
return (
<StyleProvider buttonVariant="bubble" siteBackground="floatingGradient" heroBackground="gradientBars">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Dremiqo"
ctaButton={{
text: "Get Started",
href: "#contact",
}}
navItems={navItems} />
logo="Dremiqo"
logoImageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=8p8lyh"
ctaButton={{
text: "Get Started", href: "#contact"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleCard
brand="Dremiqo"
columns={[
{
title: "Platform",
items: [
brand="Dremiqo"
columns={[
{
label: "Dashboard",
href: "#",
title: "Platform", items: [
{ label: "Dashboard", href: "#" },
{ label: "Pricing", href: "#" },
],
},
{
label: "Pricing",
href: "#",
title: "Company", items: [
{ label: "About", href: "#" },
{ label: "Careers", href: "#" },
],
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
]}
copyright="© 2024 Dremiqo. All rights reserved."
links={[
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
]}
/>
]}
copyright="© 2024 Dremiqo. All rights reserved."
links={[
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" },
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);
}
}

View File

@@ -12,333 +12,145 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlayMarquee
tag="Next-Gen Fintech POS"
title="Empower Your Retail Business with Dremiqo"
description="Cloud-based POS system built for the modern era. Secure, scalable, and intuitive management for every transaction."
primaryButton={{
text: "Start Free Trial",
href: "#contact",
}}
secondaryButton={{
text: "See Demo",
href: "#dashboard",
}}
items={[
{
text: "Multi-Tenant Ready",
icon: Shield,
},
{
name: "Fast Deployment",
icon: Zap,
},
{
text: "Real-time Sync",
icon: RefreshCw,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8280.jpg?_wi=1"
/>
</SectionErrorBoundary>
</div>
tag="Next-Gen Fintech POS"
title="Empower Your Retail Business with Dremiqo"
description="Cloud-based POS system built for the modern era. Secure, scalable, and intuitive management for every transaction."
primaryButton={{ text: "Start Free Trial", href: "#contact" }}
secondaryButton={{ text: "See Demo", href: "#dashboard" }}
items={[
{ text: "Multi-Tenant Ready", icon: Shield },
{ text: "Fast Deployment", icon: Zap },
{ text: "Real-time Sync", icon: RefreshCw },
]}
imageSrc="http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8280.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBento
tag="Built for Scale"
title="Everything You Need to Manage Operations"
description="From inventory tracking to deep analytics, Dremiqo has you covered."
features={[
{
title: "Inventory Management",
description: "Automated stock alerts and sync.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Package,
label: "Items",
value: "12k",
},
{
icon: AlertTriangle,
label: "Low",
value: "45",
},
{
icon: TrendingUp,
label: "Turnover",
value: "98%",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
imageAlt: "modern pos dashboard dark mode",
},
{
title: "Robust Security",
description: "Enterprise-grade JWT authentication.",
bentoComponent: "orbiting-icons",
centerIcon: Lock,
orbitIcons: [
"Shield",
"Key",
"ShieldCheck",
"Cpu",
],
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=8p8lyh",
imageAlt: "modern pos dashboard dark mode",
},
{
title: "Multi-Tenant Architecture",
description: "Isolate data securely for every store.",
bentoComponent: "media-stack",
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8280.jpg?_wi=2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/senior-tailor-designing-sketches_482257-85350.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904323.jpg?_wi=1",
imageAlt: "modern pos dashboard dark mode",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Built for Scale"
title="Everything You Need to Manage Operations"
description="From inventory tracking to deep analytics, Dremiqo has you covered."
features={[
{
title: "Inventory Management", description: "Automated stock alerts and sync.", bentoComponent: "info-card-marquee", infoCards: [
{ icon: "Package", label: "Items", value: "12k" },
{ icon: "AlertTriangle", label: "Low", value: "45" },
{ icon: "TrendingUp", label: "Turnover", value: "98%" },
]
},
{
title: "Robust Security", description: "Enterprise-grade JWT authentication.", bentoComponent: "orbiting-icons", centerIcon: "Lock", orbitIcons: ["Shield", "Key", "ShieldCheck", "Cpu"]
},
{
title: "Multi-Tenant Architecture", description: "Isolate data securely for every store.", bentoComponent: "media-stack", mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8280.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-tailor-designing-sketches_482257-85350.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-smart-house-controlling-ambience-with-wifi-gadget_482257-9703.jpg" }
]
}
]}
/>
</SectionErrorBoundary>
</div>
<div id="dashboard" data-section="dashboard">
<SectionErrorBoundary name="dashboard">
<div id="dashboard" data-section="dashboard">
<SectionErrorBoundary name="dashboard">
<FeaturesRevealCardsBento
tag="Interface Excellence"
title="Intuitive POS Interface"
description="Seamless user experience for every cashier role."
items={[
{
title: "Dashboard",
description: "Live sales data",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg",
},
{
title: "Products",
description: "Edit inventory details",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
},
{
title: "Sales",
description: "Recent orders tracker",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg",
},
{
title: "Tenants",
description: "Store management panel",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/asian-employee-typing-tracking-info-from-airway-bill-labels-before-shipping-parcels-managing_482257-136323.jpg",
},
{
title: "Payments",
description: "Integrated gateway view",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
},
{
title: "Users",
description: "Role-based access view",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/postal-storehouse-employees-managing-order-picking-shipping-operation-postal-warehouse-asian-coworkers-taking-cardboard-box-from-shelf-analyzing-product-checklist-digital-tablet_482257-73632.jpg",
},
{
title: "Reports",
description: "Financial analytics export",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2841.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Interface Excellence"
title="Intuitive POS Interface"
description="Seamless user experience for every cashier role."
items={[
{ title: "Dashboard", description: "Live sales data", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg" },
{ title: "Products", description: "Edit inventory details", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg" },
{ title: "Sales", description: "Recent orders tracker", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg" },
{ title: "Tenants", description: "Store management panel", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/asian-employee-typing-tracking-info-from-airway-bill-labels-before-shipping-parcels-managing_482257-136323.jpg" },
{ title: "Payments", description: "Integrated gateway view", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg" },
{ title: "Users", description: "Role-based access view", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/postal-storehouse-employees-managing-order-picking-shipping-operation-postal-warehouse-asian-coworkers-taking-cardboard-box-from-shelf-analyzing-product-checklist-digital-tablet_482257-73632.jpg" },
{ title: "Reports", description: "Financial analytics export", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2841.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsIconCards
tag="Performance"
title="By The Numbers"
description="Reliable data at lightning speed."
metrics={[
{
icon: Zap,
title: "Uptime",
value: "99.99%",
},
{
icon: Clock,
title: "Avg Response",
value: "45ms",
},
{
icon: ShieldCheck,
title: "Verified Stores",
value: "250+",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Performance"
title="By The Numbers"
description="Reliable data at lightning speed."
metrics={[
{ icon: "Zap", title: "Uptime", value: "99.99%" },
{ icon: "Clock", title: "Avg Response", value: "45ms" },
{ icon: "ShieldCheck", title: "Verified Stores", value: "250+" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingMediaCards
tag="Transparent Pricing"
title="Plans That Scale"
description="Simple tiered pricing for every store type."
plans={[
{
tag: "Essentials",
price: "$49",
period: "/mo",
features: [
"Inventory System",
"Basic Reports",
"1 Store",
],
primaryButton: {
text: "Get Started",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904323.jpg?_wi=2",
},
{
tag: "Professional",
price: "$129",
period: "/mo",
features: [
"All Essentials",
"Multi-Store Management",
"Advanced Analytics",
],
primaryButton: {
text: "Get Started",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
},
{
tag: "Enterprise",
price: "Custom",
period: "/mo",
features: [
"Unlimited Stores",
"Custom Integrations",
"Dedicated Support",
],
primaryButton: {
text: "Contact Sales",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66719.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Transparent Pricing"
title="Plans That Scale"
description="Simple tiered pricing for every store type."
plans={[
{ tag: "Essentials", price: "$49", period: "/mo", features: ["Inventory System", "Basic Reports", "1 Store"], primaryButton: { text: "Get Started", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904323.jpg" },
{ tag: "Professional", price: "$129", period: "/mo", features: ["All Essentials", "Multi-Store Management", "Advanced Analytics"], primaryButton: { text: "Get Started", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg" },
{ tag: "Enterprise", price: "Custom", period: "/mo", features: ["Unlimited Stores", "Custom Integrations", "Dedicated Support"], primaryButton: { text: "Contact Sales", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66719.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeOverlayCards
tag="Our Merchants"
title="Trusted by Leaders"
description="See why retail leaders choose Dremiqo."
testimonials={[
{
name: "Sarah Miller",
role: "CEO",
company: "Urban Retail",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
},
{
name: "John Doe",
role: "Store Manager",
company: "Fast Grocery",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg",
},
{
name: "Alice Chen",
role: "Founder",
company: "Trendy Goods",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
},
{
name: "Bob Smith",
role: "Operations",
company: "City Eats",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-medium-shot_23-2148692818.jpg",
},
{
name: "Eve Adams",
role: "COO",
company: "Global Trade",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Merchants"
title="Trusted by Leaders"
description="See why retail leaders choose Dremiqo."
testimonials={[
{ name: "Sarah Miller", role: "CEO", company: "Urban Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
{ name: "John Doe", role: "Store Manager", company: "Fast Grocery", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-glasses-headband-looking-camera-showing-thumb-up-isolated-red-background_141793-137078.jpg" },
{ name: "Alice Chen", role: "Founder", company: "Trendy Goods", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
{ name: "Bob Smith", role: "Operations", company: "City Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-medium-shot_23-2148692818.jpg" },
{ name: "Eve Adams", role: "COO", company: "Global Trade", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Support"
title="Got Questions?"
description="Here are common answers to get you started."
items={[
{
question: "Is Dremiqo multi-tenant?",
answer: "Yes, it is designed for multi-tenancy from the ground up.",
},
{
question: "Does it support roles?",
answer: "Yes, we support ADMIN, MANAGER, and CASHIER roles.",
},
{
question: "Are payments secure?",
answer: "All payments are processed via PCI-compliant gateways.",
},
]}
imageSrc="http://img.b2bpic.net/free-vector/dashboard-admin-panel-template-with-flat-design_23-2147885569.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Support"
title="Got Questions?"
description="Here are common answers to get you started."
items={[
{ question: "Is Dremiqo multi-tenant?", answer: "Yes, it is designed for multi-tenancy from the ground up." },
{ question: "Does it support roles?", answer: "Yes, we support ADMIN, MANAGER, and CASHIER roles." },
{ question: "Are payments secure?", answer: "All payments are processed via PCI-compliant gateways." },
]}
imageSrc="http://img.b2bpic.net/free-vector/dashboard-admin-panel-template-with-flat-design_23-2147885569.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready?"
text="Get your store running on Dremiqo today."
primaryButton={{
text: "Schedule Demo",
href: "#",
}}
secondaryButton={{
text: "Contact Support",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Ready?"
text="Get your store running on Dremiqo today."
primaryButton={{ text: "Schedule Demo", href: "#" }}
secondaryButton={{ text: "Contact Support", href: "#" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}