183 lines
7.4 KiB
TypeScript
183 lines
7.4 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Sparkles, Lightbulb } from "lucide-react";
|
|
|
|
export default function PricingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="TechAcademy"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Courses", id: "/courses" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
button={{
|
|
text: "Enroll Now",
|
|
href: "/pricing"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Choose Your Learning Path"
|
|
description="Invest in your future with flexible pricing options designed for every career stage and budget. All plans include lifetime access to materials and ongoing support."
|
|
tag="Pricing"
|
|
plans={[
|
|
{
|
|
id: "starter",
|
|
badge: "Best for Beginners",
|
|
price: "$199",
|
|
subtitle: "Per month - Start your tech journey",
|
|
buttons: [{ text: "Start Learning", href: "/contact" }],
|
|
features: [
|
|
"Access to 2-3 foundational courses",
|
|
"Self-paced video tutorials",
|
|
"Community forum access",
|
|
"Basic project templates",
|
|
"Course completion certificates",
|
|
"Email support within 48 hours"
|
|
]
|
|
},
|
|
{
|
|
id: "professional",
|
|
badge: "Most Popular",
|
|
badgeIcon: Sparkles,
|
|
price: "$399",
|
|
subtitle: "Per month - Accelerate your career",
|
|
buttons: [{ text: "Go Professional", href: "/contact" }],
|
|
features: [
|
|
"Access to all 8+ comprehensive courses",
|
|
"Live weekly mentoring sessions",
|
|
"Code review and project feedback",
|
|
"Industry-recognized certificates",
|
|
"Job placement assistance program",
|
|
"Exclusive webinars and workshops",
|
|
"Priority support within 24 hours"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise",
|
|
badge: "For Organizations",
|
|
price: "Custom",
|
|
subtitle: "Tailored corporate training solutions",
|
|
buttons: [{ text: "Contact Sales", href: "/contact" }],
|
|
features: [
|
|
"Custom curriculum development",
|
|
"Team-based learning programs",
|
|
"Dedicated account management",
|
|
"Advanced analytics dashboard",
|
|
"On-site or remote training options",
|
|
"Corporate certification programs",
|
|
"Priority technical support",
|
|
"Bulk enrollment discounts"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Success Stories from Our Students"
|
|
description="See how TechAcademy students transformed their careers and achieved their professional goals"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Michael Brown",
|
|
handle: "@mbrown",
|
|
testimonial: "The Professional plan gave me everything I needed. Live sessions were game-changers, and the job placement support landed me a $75k role!",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186124.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Rachel Davis",
|
|
handle: "@racheld",
|
|
testimonial: "Started with the beginner plan and upgraded after 2 months. The progression path is clear and the mentorship is invaluable. Worth every dollar!",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "David Kim",
|
|
handle: "@davidkim",
|
|
testimonial: "Our company used the Enterprise plan to upskill our entire development team. The custom curriculum was perfectly aligned with our tech stack.",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Transform Your Career?"
|
|
ctaDescription="Join thousands of successful graduates. Our enrollment specialists will help you choose the perfect plan and get started today."
|
|
ctaIcon={Lightbulb}
|
|
ctaButton={{
|
|
text: "Start Your Journey",
|
|
href: "/contact"
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Can I upgrade or downgrade my plan?",
|
|
content: "Absolutely! You can change your plan anytime. When upgrading, you'll get immediate access to additional features. Downgrades take effect at your next billing cycle."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Is there a money-back guarantee?",
|
|
content: "Yes! We offer a 14-day money-back guarantee on all plans. If you're not completely satisfied, contact us for a full refund within your first 14 days."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you offer payment plans?",
|
|
content: "Yes, we offer flexible payment options including monthly billing and discounted annual plans. Enterprise customers can also arrange custom payment terms."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What happens if I pause my subscription?",
|
|
content: "You can pause your subscription for up to 3 months per year. During the pause, you'll retain access to previously accessed materials but won't receive new content or live sessions."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<FooterLogoReveal
|
|
logoText="TechAcademy"
|
|
logoLineHeight={1.2}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |