Add src/app/pricing/page.tsx
This commit is contained in:
45
src/app/pricing/page.tsx
Normal file
45
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,45 @@
|
||||
"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>
|
||||
<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"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user