Update src/app/pricing/page.tsx
This commit is contained in:
@@ -10,37 +10,34 @@ import { Rocket, Sparkles, Crown } from "lucide-react";
|
||||
|
||||
export default function PricingPage() {
|
||||
const navItems = [
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "product" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "How It Works", id: "/" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "FAQ", id: "/contact" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "features" },
|
||||
{ label: "Pricing", href: "pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Integrations", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Support", href: "contact" },
|
||||
{ label: "Support", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
@@ -49,22 +46,22 @@ export default function PricingPage() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
background="aurora"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Report Desk"
|
||||
navItems={navItems}
|
||||
button={{ text: "Start Your Free Pilot", href: "#contact" }}
|
||||
button={{ text: "Start Your Free Pilot", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,48 +75,22 @@ export default function PricingPage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Quick Start",
|
||||
badgeIcon: Rocket,
|
||||
price: "$500/mo",
|
||||
subtitle: "For teams managing 10–50 machines",
|
||||
features: [
|
||||
"Up to 50 machines tracked",
|
||||
"Unlimited QR code reports",
|
||||
"Basic maintenance history",
|
||||
"Single location support",
|
||||
"Email support",
|
||||
],
|
||||
id: "starter", tag: "Quick Start", tagIcon: Rocket,
|
||||
price: "$500", period: "/mo", description: "For teams managing 10–50 machines", button: { text: "Start Free Pilot", href: "/contact" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Up to 50 machines tracked", "Unlimited QR code reports", "Basic maintenance history", "Single location support", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$2,500/mo",
|
||||
subtitle: "For growing multi-location operations",
|
||||
features: [
|
||||
"Up to 500 machines tracked",
|
||||
"Real-time dashboards",
|
||||
"Parts inventory management",
|
||||
"Multi-location coordination",
|
||||
"Zapier & API integration",
|
||||
"Priority support",
|
||||
],
|
||||
id: "growth", tag: "Most Popular", tagIcon: Sparkles,
|
||||
price: "$2,500", period: "/mo", description: "For growing multi-location operations", button: { text: "Start Free Pilot", href: "/contact" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Up to 500 machines tracked", "Real-time dashboards", "Parts inventory management", "Multi-location coordination", "Zapier & API integration", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Maximum Scale",
|
||||
badgeIcon: Crown,
|
||||
price: "Custom",
|
||||
subtitle: "For large enterprise networks",
|
||||
features: [
|
||||
"Unlimited machines",
|
||||
"Advanced analytics & reporting",
|
||||
"Custom integrations",
|
||||
"Dedicated account manager",
|
||||
"SLA & compliance options",
|
||||
"24/7 support",
|
||||
],
|
||||
id: "enterprise", tag: "Maximum Scale", tagIcon: Crown,
|
||||
price: "Custom", period: "", description: "For large enterprise networks", button: { text: "Contact Sales", href: "/contact" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"Unlimited machines", "Advanced analytics & reporting", "Custom integrations", "Dedicated account manager", "SLA & compliance options", "24/7 support"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -134,21 +105,13 @@ export default function PricingPage() {
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-large-eq-1772557688616-0148851e.png",
|
||||
alt: "Acme Equipment Group",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-large-eq-1772557688616-0148851e.png", alt: "Acme Equipment Group"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-technolo-1772557688817-0b9ef049.png",
|
||||
alt: "TechFlow Operations",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-technolo-1772557688817-0b9ef049.png", alt: "TechFlow Operations"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-innovat-1772557689587-cb86315e.png",
|
||||
alt: "Innovate Fleet Services",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-an-innovat-1772557689587-cb86315e.png", alt: "Innovate Fleet Services"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-cloud-op-1772557688873-d070161a.png",
|
||||
alt: "CloudOps Solutions",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARZomrYSJPepWQ9jhpRU73w8Ar/professional-company-logo-for-a-cloud-op-1772557688873-d070161a.png", alt: "CloudOps Solutions"},
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
@@ -164,4 +127,4 @@ export default function PricingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user