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