Update src/app/pricing/page.tsx
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Sparkles, Heart, CreditCard } from "lucide-react";
|
||||
|
||||
export default function PricingPage() {
|
||||
@@ -15,7 +15,7 @@ export default function PricingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -26,14 +26,12 @@ export default function PricingPage() {
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "How It Works", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
button={{
|
||||
text: "Start Free Trial",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Start Free Trial", href: "contact"}}
|
||||
brandName="ViralAI Studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -42,63 +40,31 @@ export default function PricingPage() {
|
||||
<PricingCardTwo
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Starter Plan",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Free",
|
||||
subtitle: "Perfect for trying out ViralAI Studio",
|
||||
buttons: [
|
||||
{ text: "Get Started", href: "/contact" },
|
||||
id: "free", badge: "Starter Plan", badgeIcon: Sparkles,
|
||||
price: "Free", subtitle: "Perfect for trying out ViralAI Studio", buttons: [
|
||||
{ text: "Get Started", href: "contact" },
|
||||
{ text: "Learn More", href: "/" },
|
||||
],
|
||||
features: [
|
||||
"3 AI-generated shorts per month",
|
||||
"Basic caption generation",
|
||||
"Standard animation styles",
|
||||
"720p export quality",
|
||||
"Single platform export",
|
||||
],
|
||||
"3 AI-generated shorts per month", "Basic caption generation", "Standard animation styles", "720p export quality", "Single platform export"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro Plan",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$29/month",
|
||||
subtitle: "Ideal for active content creators",
|
||||
buttons: [
|
||||
{ text: "Start Pro Trial", href: "/contact" },
|
||||
{ text: "Chat to Sales", href: "/contact" },
|
||||
id: "pro", badge: "Pro Plan", badgeIcon: Sparkles,
|
||||
price: "$29/month", subtitle: "Ideal for active content creators", buttons: [
|
||||
{ text: "Start Pro Trial", href: "contact" },
|
||||
{ text: "Chat to Sales", href: "contact" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI-generated shorts",
|
||||
"Advanced animated captions",
|
||||
"All animation styles (3D, Anime, Sketch)",
|
||||
"4K export quality",
|
||||
"Multi-platform simultaneous export",
|
||||
"AI avatar presenter",
|
||||
"Priority support",
|
||||
],
|
||||
"Unlimited AI-generated shorts", "Advanced animated captions", "All animation styles (3D, Anime, Sketch)", "4K export quality", "Multi-platform simultaneous export", "AI avatar presenter", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium Plan",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$99/month",
|
||||
subtitle: "For professional studios and agencies",
|
||||
buttons: [
|
||||
{ text: "Start Premium", href: "/contact" },
|
||||
{ text: "Custom Quote", href: "/contact" },
|
||||
id: "premium", badge: "Premium Plan", badgeIcon: Sparkles,
|
||||
price: "$99/month", subtitle: "For professional studios and agencies", buttons: [
|
||||
{ text: "Start Premium", href: "contact" },
|
||||
{ text: "Custom Quote", href: "contact" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited everything",
|
||||
"Video translation to 50+ languages",
|
||||
"Advanced lip-sync technology",
|
||||
"8K export quality",
|
||||
"API access for integrations",
|
||||
"White-label options",
|
||||
"Dedicated account manager",
|
||||
"Custom branding templates",
|
||||
],
|
||||
"Unlimited everything", "Video translation to 50+ languages", "Advanced lip-sync technology", "8K export quality", "API access for integrations", "White-label options", "Dedicated account manager", "Custom branding templates"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Subscription Plans"
|
||||
@@ -115,29 +81,14 @@ export default function PricingPage() {
|
||||
<TestimonialCardSixteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "Content Creator",
|
||||
company: "SarahCreates",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/professional-headshot-of-a-content-creat-1772497229916-9dd35fab.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "Content Creator", company: "SarahCreates", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/professional-headshot-of-a-content-creat-1772497229916-9dd35fab.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
role: "YouTube Producer",
|
||||
company: "Epic Productions",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/young-female-video-editor-creator-in-a-c-1772497230751-a76dc93c.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Marcus Johnson", role: "YouTube Producer", company: "Epic Productions", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/young-female-video-editor-creator-in-a-c-1772497230751-a76dc93c.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "TikTok Creator",
|
||||
company: "ViralVibes",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/male-filmmaker-content-creator-in-casual-1772497230900-ce88c137.png?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emma Rodriguez", role: "TikTok Creator", company: "ViralVibes", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxq631vx47XjqYF1A9jKfIGG/male-filmmaker-content-creator-in-casual-1772497230900-ce88c137.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "10x", label: "Faster video editing" },
|
||||
@@ -182,17 +133,15 @@ export default function PricingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Features", href: "/features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "features" },
|
||||
{ label: "Pricing", href: "pricing" },
|
||||
{ label: "API Docs", href: "https://docs.viralaistudio.com" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "https://blog.viralaistudio.com" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -200,10 +149,9 @@ export default function PricingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Help Center", href: "#faq" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "faq" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Status Page", href: "#" },
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user