140 lines
7.3 KiB
TypeScript
140 lines
7.3 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Phone } from "lucide-react";
|
|
|
|
export default function PricingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Plastilin"
|
|
button={{
|
|
text: "Book a Class", href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Membership Options"
|
|
description="Find the perfect membership plan that supports your yoga journey and fits your lifestyle"
|
|
tag="Pricing"
|
|
plans={[
|
|
{
|
|
id: "beginner", title: "Starter", price: "$29", period: "/month", imageSrc: "https://img.b2bpic.net/free-photo/silhouette-beautiful-woman-practicing-yoga-surfboard-sunrise_176420-2020.jpg", imageAlt: "Beginner yoga membership", button: { text: "Start Free Trial", href: "/contact" },
|
|
features: [
|
|
"4 group classes per month", "Access to online resources", "Community forum access", "Beginner workshops", "Cancel anytime"
|
|
]
|
|
},
|
|
{
|
|
id: "intermediate", title: "Active", price: "$59", period: "/month", imageSrc: "https://img.b2bpic.net/free-photo/yoga-sunset-beach-woman-doing-yoga-performing-asanas-enjoying-life-river_639032-2796.jpg", imageAlt: "Active yoga membership", button: { text: "Join Now", href: "/contact" },
|
|
features: [
|
|
"Unlimited group classes", "Priority class booking", "Monthly specialty workshops", "Member exclusive events", "Personalized progress tracking", "Guest passes (2 per month)"
|
|
]
|
|
},
|
|
{
|
|
id: "premium", title: "Premium", price: "$149", period: "/month", imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-sitting-outdoors_23-2148897883.jpg", imageAlt: "Premium yoga membership", button: { text: "Get Premium Access", href: "/contact" },
|
|
features: [
|
|
"Everything in Active plan", "2 private sessions per month", "One-on-one personalized coaching", "All workshops and events", "Nutrition consultation", "24/7 member support", "Unlimited guest passes"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial-pricing" data-section="testimonial-pricing">
|
|
<TestimonialCardFifteen
|
|
testimonial="The Active membership has been perfect for me. Unlimited classes mean I can come whenever my schedule allows, and the community events have introduced me to wonderful people who share my passion for wellness."
|
|
rating={5}
|
|
author="Alex Rodriguez, Software Engineer"
|
|
avatars={[
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg", alt: "Alex Rodriguez"
|
|
},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg", alt: "Member testimonial"
|
|
},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/portrait-beautiful-smiling-young-woman-against-colored-background_23-2147890569.jpg", alt: "Member testimonial"
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="membership-faq" data-section="membership-faq">
|
|
<ContactFaq
|
|
ctaTitle="Questions About Membership?"
|
|
ctaDescription="We're here to help you choose the right plan and get started on your yoga journey"
|
|
ctaButton={{ text: "Talk to Our Team", href: "mailto:info@plastilin-yoga.com" }}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Can I upgrade or downgrade my membership?", content: "Yes! You can change your membership level at any time. Upgrades take effect immediately, while downgrades will apply at your next billing cycle. Contact us to make changes."
|
|
},
|
|
{
|
|
id: "2", title: "What happens if I need to pause my membership?", content: "Life happens! You can freeze your membership for up to 3 months per year for medical reasons, travel, or other circumstances. Just give us 48 hours notice."
|
|
},
|
|
{
|
|
id: "3", title: "Are there any additional fees or commitments?", content: "No hidden fees! All memberships are month-to-month with no long-term contracts. The only additional costs would be optional workshops or retail items in our studio."
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navigate", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Classes", href: "/classes" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Pricing", href: "/pricing" }
|
|
]
|
|
},
|
|
{
|
|
title: "Community", items: [
|
|
{ label: "Meet Our Team", href: "/#team" },
|
|
{ label: "Member Stories", href: "/#testimonials" },
|
|
{ label: "Events", href: "/contact" },
|
|
{ label: "Wellness Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "FAQ", href: "/#faq" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Plastilin Yoga Center. All rights reserved."
|
|
bottomRightText="Namaste"
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |