46 lines
2.5 KiB
TypeScript
46 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import ReactLenis from "lenis/react";
|
|
|
|
export default function PricingPage() {
|
|
return (
|
|
<ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="soft" contentWidth="medium" sizing="medium" background="grid" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
|
<ReactLenis root>
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/#about" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "Team", id: "/team" },
|
|
]}
|
|
brandName="Vantage Media"
|
|
button={{ text: "Get Proposal", href: "/#contact" }}
|
|
/>
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Choose Your Growth Path"
|
|
description="Flexible tiers designed for every stage of your digital journey."
|
|
plans={[
|
|
{ id: "starter", badge: "Essential", price: "$2,999", subtitle: "For early-stage brands", features: ["Social Audit", "2x Posts/Week", "Monthly Report"] },
|
|
{ id: "growth", badge: "Scale", price: "$5,999", subtitle: "For growing companies", features: ["Full Strategy", "5x Posts/Week", "Performance Ads", "Priority Support"] },
|
|
{ id: "enterprise", badge: "Dominance", price: "Custom", subtitle: "For industry leaders", features: ["Everything in Scale", "Daily Content", "Full Team Access", "Dedicated Account Manager"] }
|
|
]}
|
|
/>
|
|
<FooterMedia
|
|
logoText="Vantage Media"
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg"
|
|
columns={[
|
|
{ title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/#features" }, { label: "Pricing", href: "/pricing" }, { label: "Team", href: "/team" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
|
]}
|
|
/>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |