141 lines
6.8 KiB
TypeScript
141 lines
6.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import { Star } from "lucide-react";
|
|
|
|
export default function PricingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="ANLY"
|
|
navItems={[
|
|
{ name: "Templates", id: "templates" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
button={{
|
|
text: "Browse Templates", href: "#templates"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Subscription Tiers"
|
|
description="Flexible editing subscriptions to match your customization needs"
|
|
tag="Pricing Plans"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="scale-rotate"
|
|
plans={[
|
|
{
|
|
id: "basic", price: "$29/year", name: "Basic", features: [
|
|
"5 edits per year", "Email support", "Template library access", "Basic customization tools"],
|
|
buttons: [
|
|
{
|
|
text: "Get Started", href: "/contact"},
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
id: "standard", badge: "Most Popular", badgeIcon: Star,
|
|
price: "$59/year", name: "Standard", features: [
|
|
"10 edits per year", "Priority email support", "Template library access", "Advanced customization", "Analytics dashboard"],
|
|
buttons: [
|
|
{
|
|
text: "Get Started", href: "/contact"},
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
id: "premium", price: "$149/year", name: "Premium", features: [
|
|
"Unlimited edits", "24/7 priority support", "Template library access", "Custom design requests", "Advanced analytics", "White-label options"],
|
|
buttons: [
|
|
{
|
|
text: "Get Started", href: "/contact"},
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
title="Trusted by Thousands"
|
|
description="Join freelancers, agencies, and small business owners using ANLY templates"
|
|
tag="Social Proof"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Freelance Creative Co", "TechFlow Agencies", "BuildMore Studios", "DesignHub Pro", "StartUp Launch", "Portfolio Masters", "Business Growth Inc", "Web Innovation Lab"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about ANLY templates and services"
|
|
tag="Help & Support"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's included in each template?", content:
|
|
"Every template includes a fully responsive design, SEO optimization, contact forms, social media integration, and access to our editing tools. Additional features vary by template type and tier."},
|
|
{
|
|
id: "2", title: "Can I customize the templates?", content:
|
|
"Yes! All templates are fully customizable. You can edit content, colors, fonts, and layout using our intuitive interface. Premium subscribers get unlimited edits and priority support for customizations."},
|
|
{
|
|
id: "3", title: "Do I need coding knowledge?", content:
|
|
"Not at all! Our templates and editing tools are designed for non-technical users. Everything is drag-and-drop, making it easy for anyone to create and maintain a professional website."},
|
|
{
|
|
id: "4", title: "What are the subscription tiers for?", content:
|
|
"Subscriptions cover editing services. Basic includes 5 edits/year, Standard includes 10 edits/year, and Premium includes unlimited edits with priority support. You can purchase templates separately or bundled with subscriptions."},
|
|
{
|
|
id: "5", title: "Can agencies use these templates for clients?", content:
|
|
"Yes! Our Professional & Agencies tier includes white-label options, making templates perfect for reselling to your clients. Volume pricing is available for agencies using multiple templates."},
|
|
{
|
|
id: "6", title: "What payment methods do you accept?", content:
|
|
"We accept all major credit cards, PayPal, and offer monthly billing options. Enterprise customers can arrange custom payment terms. All transactions are secure and encrypted."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="ANLY"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |