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