306 lines
20 KiB
TypeScript
306 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { BarChart3, Package, Shield, Sparkles, Store, TrendingUp } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Product", id: "product" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Solutions", id: "solutions" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Resources", id: "resources" }
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
brandName="Koutix"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Koutix"
|
|
description="Run your entire retail business from one intelligent platform. Manage branches, inventory, billing, and analytics—all in real-time."
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "pricing" },
|
|
{ text: "Book Demo", href: "contact" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-modern-retail-management-dashboard-int-1773310314414-d61bb7bc.png"
|
|
imageAlt="Koutix retail management dashboard showing multi-branch control"
|
|
showDimOverlay={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by 500+ Retail Businesses"
|
|
description="From independent stores to multi-branch chains, retailers worldwide rely on Koutix to streamline operations."
|
|
tag="Social Proof"
|
|
names={["Retail Chain Pro", "Urban Groceries", "MultiStore Logistics", "Fresh Market Networks", "Hypermart Solutions", "ChainStore Plus", "Retail Nexus", "Smart Supermarkets"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product-overview" data-section="product-overview">
|
|
<TestimonialAboutCard
|
|
tag="Platform Overview"
|
|
title="Everything Your Retail Business Needs"
|
|
description="Unified Management"
|
|
subdescription="One platform for all operations"
|
|
icon={Package}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-modern-analytics-dashboard-showing-sal-1773310314114-e5f83e90.png?_wi=1"
|
|
imageAlt="Koutix comprehensive retail management features"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
title="Core Features"
|
|
description="Everything you need to run smarter retail operations"
|
|
tag="Capabilities"
|
|
features={[
|
|
{
|
|
id: "1", title: "Chain Management", author: "Centralized Control", description: "Manage unlimited branches from one dashboard. Real-time visibility across all locations.", tags: ["Multi-Branch", "Real-Time"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-modern-supermarket-interior-with-self--1773310313980-814cbf71.png?_wi=1", imageAlt: "Multi-branch retail chain coordination"
|
|
},
|
|
{
|
|
id: "2", title: "Smart Inventory Tracking", author: "Automated Updates", description: "Real-time inventory sync, low-stock alerts, and automated reordering. Never run out of critical items.", tags: ["Automation", "Alerts"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-focused-illustration-of-smart-inventor-1773310314329-455de0cc.png?_wi=1", imageAlt: "Smart inventory management system"
|
|
},
|
|
{
|
|
id: "3", title: "POS & Billing Integration", author: "Seamless Checkout", description: "Unified billing system across all branches. Multiple payment methods, instant reconciliation.", tags: ["Integration", "Payments"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-clean-illustration-of-pos-billing-inte-1773310316614-97aa526e.png", imageAlt: "Integrated POS and billing solution"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="demo" data-section="demo">
|
|
<TestimonialAboutCard
|
|
tag="Dashboard Preview"
|
|
title="See Your Entire Business In One Place"
|
|
description="Complete Visibility"
|
|
subdescription="All metrics at your fingertips"
|
|
icon={BarChart3}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-comprehensive-product-demo-screenshot--1773310314150-8df18521.png?_wi=1"
|
|
imageAlt="Koutix complete dashboard with all retail metrics"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardTwentyFour
|
|
title="How It Works"
|
|
description="Get up and running in minutes, not weeks"
|
|
tag="Setup"
|
|
features={[
|
|
{
|
|
id: "1", title: "Connect Your Stores", author: "Step 1", description: "Link all your retail locations in minutes. Koutix auto-configures for your existing systems.", tags: ["Setup", "Quick"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-large-hypermarket-space-showing-multip-1773310313691-7b557d13.png?_wi=1", imageAlt: "Connected retail stores setup"
|
|
},
|
|
{
|
|
id: "2", title: "Manage Products & Inventory", author: "Step 2", description: "Upload your product catalog and inventory levels. Automated synchronization across all branches.", tags: ["Automation", "Sync"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-focused-illustration-of-smart-inventor-1773310314329-455de0cc.png?_wi=2", imageAlt: "Inventory management setup"
|
|
},
|
|
{
|
|
id: "3", title: "Monitor Sales & Growth", author: "Step 3", description: "Watch real-time analytics, identify trends, and optimize operations with AI-driven insights.", tags: ["Analytics", "AI"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-modern-analytics-dashboard-showing-sal-1773310314114-e5f83e90.png?_wi=2", imageAlt: "Sales analytics and performance tracking"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="use-cases" data-section="use-cases">
|
|
<FeatureCardTwentyFour
|
|
title="Built for Every Retail Format"
|
|
description="From single stores to nationwide chains, Koutix scales with your business"
|
|
tag="Use Cases"
|
|
features={[
|
|
{
|
|
id: "1", title: "Supermarkets", author: "Day-to-Day Operations", description: "Manage inventory, staffing, and POS systems across multiple departments. Real-time sales tracking and customer insights.", tags: ["Multi-Dept", "Analytics"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-modern-supermarket-interior-with-self--1773310313980-814cbf71.png?_wi=2", imageAlt: "Supermarket retail operations"
|
|
},
|
|
{
|
|
id: "2", title: "Hypermarkets", author: "Large-Scale Control", description: "Coordinate vast product ranges, manage high transaction volumes, and optimize staffing across massive retail spaces.", tags: ["Scale", "Volume"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-large-hypermarket-space-showing-multip-1773310313691-7b557d13.png?_wi=2", imageAlt: "Large hypermarket management"
|
|
},
|
|
{
|
|
id: "3", title: "Retail Chains", author: "Centralized Management", description: "Unify operations across locations, standardize processes, and gain competitive intelligence from aggregated data.", tags: ["Unification", "Intelligence"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/multiple-retail-store-locations-connecte-1773310315693-1c2a247b.png", imageAlt: "Retail chain coordination"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Simple, Transparent Pricing"
|
|
description="Scale up or down as your business grows. No hidden fees."
|
|
tag="Plans"
|
|
plans={[
|
|
{
|
|
id: "starter", price: "$299/mo", name: "Starter", buttons: [
|
|
{ text: "Start Free Trial", href: "contact" },
|
|
{ text: "Learn More", href: "#pricing" }
|
|
],
|
|
features: ["Up to 3 retail locations", "Essential inventory management", "Basic POS integration", "Standard email support", "Monthly reporting"]
|
|
},
|
|
{
|
|
id: "growth", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "$799/mo", name: "Growth", buttons: [
|
|
{ text: "Start Free Trial", href: "contact" },
|
|
{ text: "Learn More", href: "#pricing" }
|
|
],
|
|
features: ["Up to 15 retail locations", "Advanced inventory & analytics", "Multi-store POS sync", "Priority support", "Real-time dashboards", "AI-driven insights"]
|
|
},
|
|
{
|
|
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
|
{ text: "Contact Sales", href: "contact" },
|
|
{ text: "Demo", href: "contact" }
|
|
],
|
|
features: ["Unlimited locations", "Custom integrations", "White-label options", "24/7 dedicated support", "Advanced security", "Custom reporting"]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Koutix by the Numbers"
|
|
description="Real impact for real businesses"
|
|
tag="Impact"
|
|
metrics={[
|
|
{ id: "1", value: "500", title: "Retailers", description: "Manage their business with Koutix", icon: Store },
|
|
{ id: "2", value: "12", title: "Million", description: "Transactions processed daily", icon: TrendingUp },
|
|
{ id: "3", value: "99.9", title: "Uptime", description: "Enterprise-grade reliability", icon: Shield }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Loved by Retail Leaders"
|
|
description="Hear from business owners who've transformed their operations with Koutix"
|
|
tag="Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Store Manager", testimonial: "Koutix cut our inventory management time by 60%. We went from manual spreadsheets to real-time automated tracking across all stores. Game-changer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/professional-headshot-of-a-female-retail-1773310312764-6689310a.png", imageAlt: "Sarah Mitchell portrait"
|
|
},
|
|
{
|
|
id: "2", name: "David Chen", role: "Regional Director", testimonial: "Managing 12 locations used to require a separate team. Now we handle it with our existing staff thanks to Koutix's intelligent automation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/professional-headshot-of-a-male-business-1773310315016-80e32d0d.png", imageAlt: "David Chen portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", role: "Operations Director", testimonial: "The analytics insights have helped us identify trends we never saw before. We're making data-driven decisions instead of guessing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/professional-headshot-of-a-younger-femal-1773310313545-a3719a5b.png", imageAlt: "Elena Rodriguez portrait"
|
|
},
|
|
{
|
|
id: "4", name: "Marcus Thompson", role: "Retail Chain CEO", testimonial: "We saved $150k in the first year just from inventory optimization. Koutix paid for itself three times over.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/professional-headshot-of-a-male-retail-c-1773310313520-a25692df.png", imageAlt: "Marcus Thompson portrait"
|
|
},
|
|
{
|
|
id: "5", name: "Priya Kapoor", role: "Owner", testimonial: "The customer support is exceptional. Every question gets answered within hours, and their team genuinely cares about our success.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/professional-headshot-of-a-female-retail-1773310312965-04eec39c.png", imageAlt: "Priya Kapoor portrait"
|
|
},
|
|
{
|
|
id: "6", name: "James Wilson", role: "IT Manager", testimonial: "Integration was seamless. Our existing systems work perfectly with Koutix. No compatibility issues, no downtime during migration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/professional-headshot-of-a-male-retail-s-1773310313448-d774e0a2.png", imageAlt: "James Wilson portrait"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Koutix"
|
|
tag="Help"
|
|
faqs={[
|
|
{ id: "1", title: "What is Koutix?", content: "Koutix is an AI-powered cloud-based retail management platform designed to help supermarkets, hypermarkets, and retail chains operate their entire business from one unified system. It combines branch management, inventory tracking, POS integration, and advanced analytics into a single intelligent platform." },
|
|
{ id: "2", title: "How does Koutix help supermarkets?", content: "Koutix streamlines daily operations by automating inventory management, centralizing POS systems, providing real-time sales analytics, and enabling smart staffing decisions. Supermarkets using Koutix report 30% reduction in inventory costs, 25% improvement in checkout efficiency, and 40% faster reporting cycles." },
|
|
{ id: "3", title: "Can Koutix manage multiple branches?", content: "Yes, Koutix is specifically designed for multi-location retail businesses. You can manage unlimited branches from a single dashboard, with real-time synchronization across all locations, unified inventory tracking, consolidated reporting, and centralized staff management." },
|
|
{ id: "4", title: "Does Koutix support existing POS systems?", content: "Yes, Koutix integrates seamlessly with most major POS systems including Square, Toast, Shopify, and traditional legacy systems. Our integration layer ensures data flows smoothly between your existing setup and Koutix without disruption." },
|
|
{ id: "5", title: "Is Koutix cloud-based?", content: "Yes, Koutix is a 100% cloud-based platform with 99.9% uptime guarantee. Your data is encrypted, backed up automatically, and accessible from anywhere with internet connection. No on-premise installation required." },
|
|
{ id: "6", title: "How long does setup take?", content: "Most retailers are operational within 24-48 hours. Our onboarding team handles system configuration, data migration, and staff training. Starter plans can be live in under 24 hours with minimal manual work required." }
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Ready to Transform Your Retail Business?"
|
|
description="Join 500+ retailers already running smarter operations with Koutix. Start your free trial today."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Business email", required: true },
|
|
{ name: "company", type: "text", placeholder: "Store or chain name", required: false }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your business...", rows: 4, required: false }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqBTs2uTGIxmOyBLQ5zNwNEBuW/a-comprehensive-product-demo-screenshot--1773310314150-8df18521.png?_wi=2"
|
|
imageAlt="Koutix platform features"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Get Started"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Koutix"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |