126 lines
5.9 KiB
TypeScript
126 lines
5.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Rocket, Check } from "lucide-react";
|
|
|
|
export default function PricingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Nexus Marketing"
|
|
navItems={[
|
|
{ name: "Services", id: "/" },
|
|
{ name: "About", id: "/" },
|
|
{ name: "Results", id: "/" },
|
|
{ name: "Works", id: "/" },
|
|
{ name: "Testimonials", id: "/" },
|
|
{ name: "Pricing", id: "/pricing" }
|
|
]}
|
|
button={{
|
|
text: "Get Started", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the plan that fits your business needs. All plans include dedicated support and comprehensive analytics."
|
|
tag="Pricing"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", tag: "Starter Plan", price: "$2,500", period: "/month", description: "Perfect for small businesses and startups looking to establish their digital presence.", button: {
|
|
text: "Get Started", href: "#contact"
|
|
},
|
|
featuresTitle: "What's Included:", features: [
|
|
"Social Media Management", "Monthly Content Calendar", "Basic SEO Optimization", "Monthly Performance Report", "Email Support"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", tag: "Professional Plan", price: "$5,000", period: "/month", description: "Ideal for growing businesses ready to scale their marketing efforts across multiple channels.", button: {
|
|
text: "Schedule a Call", href: "#contact"
|
|
},
|
|
featuresTitle: "What's Included:", features: [
|
|
"Everything in Starter", "Paid Advertising Management", "Content Creation (8 pieces/month)", "Advanced SEO Strategy", "Bi-weekly Strategy Calls", "Priority Support", "A/B Testing & Optimization"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", tag: "Enterprise Plan", price: "Custom", period: "/month", description: "Comprehensive marketing transformation for established companies looking for complete brand evolution.", button: {
|
|
text: "Contact Sales", href: "#contact"
|
|
},
|
|
featuresTitle: "What's Included:", features: [
|
|
"Everything in Professional", "Dedicated Account Manager", "Custom Strategy Development", "Full-Service Content Production", "Video Marketing & Production", "Market Research & Analysis", "Weekly Strategy Sessions", "Custom Integrations & Tools"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to Choose Your Plan?"
|
|
description="Let's discuss which pricing plan is right for your business. Schedule a consultation with our team today."
|
|
tagIcon={Rocket}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@company.com"
|
|
buttonText="Schedule Consultation"
|
|
termsText="We respect your privacy. We'll only use your contact information to discuss pricing and how we can help your business grow."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Digital Strategy", href: "/" },
|
|
{ label: "Content Marketing", href: "/" },
|
|
{ label: "SEO & SEM", href: "/" },
|
|
{ label: "Brand Design", href: "/" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/" },
|
|
{ label: "Our Work", href: "/" },
|
|
{ label: "Testimonials", href: "/" },
|
|
{ label: "Pricing", href: "/pricing" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Nexus Marketing. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|