Initial commit
This commit is contained in:
192
src/app/pricing/page.tsx
Normal file
192
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,192 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Sparkles, Star, Crown, Mail } from 'lucide-react';
|
||||
|
||||
export default function PricingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="TechAcademy"
|
||||
navItems={[
|
||||
{ name: "Courses", id: "/courses" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Choose Your Learning Path"
|
||||
description="Flexible pricing options designed to fit your learning goals and career aspirations"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
tag="Pricing Plans"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Most Affordable",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$99/mo",
|
||||
subtitle: "Perfect for beginners exploring tech careers",
|
||||
features: [
|
||||
"Access to 3 beginner courses",
|
||||
"Community forum access",
|
||||
"Email support",
|
||||
"Basic certificate of completion",
|
||||
"Course materials download"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$199/mo",
|
||||
subtitle: "For serious learners ready to advance their careers",
|
||||
features: [
|
||||
"Access to all courses",
|
||||
"1-on-1 mentorship sessions",
|
||||
"Priority email support",
|
||||
"Professional certificates",
|
||||
"Exclusive career resources",
|
||||
"Job placement assistance",
|
||||
"Live Q&A sessions"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Premium Experience",
|
||||
badgeIcon: Crown,
|
||||
price: "$399/mo",
|
||||
subtitle: "Complete learning experience with maximum support",
|
||||
features: [
|
||||
"Everything in Professional",
|
||||
"Dedicated career coach",
|
||||
"Resume review and coaching",
|
||||
"Mock interview practice",
|
||||
"Lifetime course access",
|
||||
"Priority job placement",
|
||||
"Direct instructor access",
|
||||
"Custom learning path"
|
||||
]
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Pricing Questions"
|
||||
description="Everything you need to know about our pricing and subscription plans"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Can I change my plan at any time?",
|
||||
content: "Yes! You can upgrade or downgrade your plan at any time. Changes take effect immediately, and you'll be billed pro-rata for any differences."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is there a free trial available?",
|
||||
content: "We offer a 7-day free trial for all plans. You can access full course content and features during the trial period with no commitment."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, PayPal, and bank transfers. All payments are processed securely through our encrypted payment gateway."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer student discounts?",
|
||||
content: "Yes! Students with valid .edu email addresses receive a 30% discount on all plans. Contact our support team to verify your student status."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What happens if I cancel my subscription?",
|
||||
content: "You'll retain access to all course materials until the end of your current billing period. After cancellation, you can still access completed course certificates."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are there any hidden fees?",
|
||||
content: "No hidden fees ever. The price you see is exactly what you'll pay. We believe in transparent, straightforward pricing with no surprises."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Start?"
|
||||
title="Begin Your Tech Career Journey Today"
|
||||
description="Join thousands of successful graduates who transformed their careers through TechAcademy. Start with our free trial and see the difference quality education makes."
|
||||
tagIcon={Mail}
|
||||
useInvertedBackground="noInvert"
|
||||
inputPlaceholder="Enter your email to get started"
|
||||
buttonText="Start Free Trial"
|
||||
termsText="Start your 7-day free trial. No credit card required. Cancel anytime."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterMedia
|
||||
imageSrc="https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010118.jpg"
|
||||
imageAlt="Technology and digital transformation"
|
||||
logoText="TechAcademy"
|
||||
copyrightText="© 2025 TechAcademy. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Courses",
|
||||
items: [
|
||||
{ label: "All Courses", href: "/courses" },
|
||||
{ label: "Web Development", href: "/courses" },
|
||||
{ label: "Data Science", href: "/courses" },
|
||||
{ label: "Mobile Apps", href: "/courses" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user