266 lines
11 KiB
TypeScript
266 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Star, Search, Filter, Zap, Cloud, Shield, Layers, Database, GitBranch, Mail, BarChart3, Settings, TrendingUp, HelpCircle } from "lucide-react";
|
|
|
|
export default function SolutionsPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="WebVend"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Solutions", id: "/solutions" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Case Studies", id: "case-studies" },
|
|
{ name: "About", id: "about" },
|
|
]}
|
|
button={{
|
|
text: "Schedule Demo",
|
|
href: "contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
{/* Solutions Features Section */}
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
title="Explore Our Complete Platform Capabilities"
|
|
description="Discover the full range of tools and integrations designed to streamline your solution selection and deployment process."
|
|
tag="Solution Features"
|
|
tagIcon={Star}
|
|
features={[
|
|
{
|
|
title: "Industry-Specific Solutions",
|
|
description: "Browse pre-configured solutions tailored for your industry with compliance standards built-in.",
|
|
bentoComponent: "icon-info-cards",
|
|
items: [
|
|
{ icon: Search, label: "Smart Matching", value: "Industry-Aligned" },
|
|
{ icon: Filter, label: "Custom Filters", value: "50+ Options" },
|
|
{ icon: Zap, label: "Pre-Compliance", value: "Ready Deploy" },
|
|
],
|
|
},
|
|
{
|
|
title: "Enterprise Deployment Options",
|
|
description: "Deploy across multiple cloud providers or on-premises with full flexibility and control.",
|
|
bentoComponent: "3d-stack-cards",
|
|
items: [
|
|
{
|
|
icon: Cloud,
|
|
title: "Multi-Cloud",
|
|
subtitle: "AWS, Azure, GCP",
|
|
detail: "Deploy anywhere",
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "On-Premises",
|
|
subtitle: "Complete Control",
|
|
detail: "Full sovereignty",
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Hybrid",
|
|
subtitle: "Best of Both",
|
|
detail: "Flexible setup",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Real-Time Analytics Dashboard",
|
|
description: "Monitor solution performance and usage metrics with comprehensive dashboards and reporting.",
|
|
bentoComponent: "animated-bar-chart",
|
|
},
|
|
{
|
|
title: "Extensive Integration Library",
|
|
description: "Connect seamlessly with 200+ enterprise tools and custom API endpoints.",
|
|
bentoComponent: "orbiting-icons",
|
|
centerIcon: Layers,
|
|
items: [
|
|
{ icon: Database, ring: 1 },
|
|
{ icon: GitBranch, ring: 1 },
|
|
{ icon: Mail, ring: 2 },
|
|
{ icon: BarChart3, ring: 2 },
|
|
{ icon: Settings, ring: 3 },
|
|
{ icon: Shield, ring: 3 },
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
{/* Solutions Catalog Section */}
|
|
<div id="solutions-catalog" data-section="solutions-catalog">
|
|
<ProductCardTwo
|
|
title="Solutions Catalog"
|
|
description="Explore our complete marketplace of enterprise-ready web solutions with detailed specifications and pricing."
|
|
tag="Available"
|
|
tagIcon={TrendingUp}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "CloudCore",
|
|
name: "Enterprise CRM Platform",
|
|
price: "$4,990/mo",
|
|
rating: 5,
|
|
reviewCount: "847",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoshJfjlEVWHjVUvJyQBZWRMDn/an-enterprise-grade-crm-platform-dashboa-1773270549447-d6fca519.png",
|
|
imageAlt: "Enterprise CRM dashboard with customer management tools",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "DataVault",
|
|
name: "Advanced Analytics Suite",
|
|
price: "$2,490/mo",
|
|
rating: 5,
|
|
reviewCount: "612",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoshJfjlEVWHjVUvJyQBZWRMDn/a-comprehensive-analytics-and-business-i-1773270549217-2a6e3753.png",
|
|
imageAlt: "Analytics dashboard with real-time data visualization",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "SecureFlow",
|
|
name: "Identity & Access Manager",
|
|
price: "$3,290/mo",
|
|
rating: 5,
|
|
reviewCount: "734",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoshJfjlEVWHjVUvJyQBZWRMDn/an-identity-and-access-management-iam-pl-1773270548622-7eca7422.png",
|
|
imageAlt: "Identity management interface with security controls",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "AutoScale",
|
|
name: "Infrastructure Automation",
|
|
price: "$1,990/mo",
|
|
rating: 5,
|
|
reviewCount: "521",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoshJfjlEVWHjVUvJyQBZWRMDn/an-infrastructure-automation-platform-sh-1773270550247-396f7fc7.png",
|
|
imageAlt: "Infrastructure automation dashboard with monitoring tools",
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Solutions FAQ Section */}
|
|
<div id="solutions-faq" data-section="solutions-faq">
|
|
<FaqSplitMedia
|
|
title="Solutions & Deployment FAQs"
|
|
description="Find detailed answers about our solution offerings, deployment options, and integration capabilities."
|
|
tag="Help"
|
|
tagIcon={HelpCircle}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How do I choose the right solution for my business?",
|
|
content: "WebVend's intelligent matching system analyzes your business requirements and recommends solutions based on your industry, company size, and specific needs. Our solution architects are also available for personalized consultations to ensure the perfect fit.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What is the typical deployment timeline?",
|
|
content: "Most solutions deploy within 24-48 hours with our pre-configured infrastructure. Complex enterprise deployments may take 3-5 business days. All timelines include comprehensive setup, testing, and go-live support from our team.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Can solutions be customized for my specific needs?",
|
|
content: "Yes, all enterprise solutions support customization. Our Professional Services team works with you to tailor configurations, integrations, and workflows to your exact requirements. Custom development is available for Enterprise customers.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What support is included with each solution?",
|
|
content: "Every solution includes 24/7 technical support from the vendor, access to documentation, and community forums. Business and Enterprise plans add dedicated account managers and priority support channels.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "How are solutions maintained and updated?",
|
|
content: "WebVend manages all infrastructure, security patches, and platform updates. Solution vendors handle product updates and feature releases. You're always running the latest stable version with zero downtime during updates.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What happens if I outgrow a solution?",
|
|
content: "We help you migrate to a higher-tier solution or different product seamlessly. Your data is portable, and we manage the entire migration process including testing and validation to ensure a smooth transition.",
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AoshJfjlEVWHjVUvJyQBZWRMDn/a-professional-illustration-of-a-busines-1773270548061-b870883b.png"
|
|
imageAlt="Solutions support illustration"
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer Section */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="WebVend"
|
|
columns={[
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{ label: "Solutions", href: "/solutions" },
|
|
{ label: "Pricing", href: "pricing" },
|
|
{ label: "For Vendors", href: "#" },
|
|
{ label: "API Docs", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Case Studies", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Contact Support", href: "contact" },
|
|
{ label: "Status Page", href: "#" },
|
|
{ label: "Security", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 WebVend. All rights reserved. Transforming enterprise web solutions."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |