diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx new file mode 100644 index 0000000..86aacf3 --- /dev/null +++ b/src/app/pricing/page.tsx @@ -0,0 +1,134 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import { CreditCard, Sparkles, Zap } from 'lucide-react'; +import { useState } from 'react'; + +export default function PricingPage() { + const [unlockedPlan, setUnlockedPlan] = useState(null); + + const handlePayPalCheckout = (planId: string) => { + // Simulate PayPal integration + // In production, integrate with PayPal SDK + const confirmed = window.confirm( + `Redirect to PayPal for ${planId} plan? (Demo: Click OK to simulate payment)` + ); + if (confirmed) { + // Simulate successful payment + setUnlockedPlan(planId); + alert(`Payment successful! ${planId} plan unlocked.`); + } + }; + + return ( + + + +
+ handlePayPalCheckout("starter") + }, + featuresTitle: "What's Included:", features: [ + "10 clips per month", "720p video quality", "Auto-captions in 5 languages", "Basic analytics dashboard", "Email support" + ] + }, + { + id: "creator", tag: "Creator Plan", tagIcon: Sparkles, + price: "$29", period: "/month", description: "Designed for serious content creators scaling their presence.", button: { + text: unlockedPlan === "creator" ? "✓ Unlocked" : "Subscribe with PayPal", onClick: () => handlePayPalCheckout("creator") + }, + featuresTitle: "What's Included:", features: [ + "50 clips per month", "1080p video quality", "Auto-captions in 15 languages", "Advanced analytics & insights", "Trending effects library", "Priority support" + ] + }, + { + id: "pro", tag: "Pro Plan", tagIcon: Zap, + price: "$79", period: "/month", description: "For agencies and professional creators maximizing revenue.", button: { + text: unlockedPlan === "pro" ? "✓ Unlocked" : "Subscribe with PayPal", onClick: () => handlePayPalCheckout("pro") + }, + featuresTitle: "What's Included:", features: [ + "200 clips per month", "4K video quality", "Auto-captions in 25 languages", "Premium analytics suite", "Custom branding options", "Batch processing (10 videos)", "API access", "Dedicated account manager" + ] + } + ]} + animationType="slide-up" + textboxLayout="default" + useInvertedBackground={false} + /> +
+ + +
+ ); +} \ No newline at end of file