4 Commits

2 changed files with 57 additions and 57 deletions

View File

@@ -4,21 +4,21 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #e3deea;; /* --background: #2c001e;;
--card: #ffffff;; --card: #4a148c;;
--foreground: #27231f;; --foreground: #ffffff;;
--primary-cta: #27231f;; --primary-cta: #ba68c8;;
--secondary-cta: #ffffff;; --secondary-cta: #9575cd;;
--accent: #c68a62;; --accent: #ff8a80;;
--background-accent: #c68a62;; */ --background-accent: #6a0dad;; */
--background: #e3deea;; --background: #2c001e;;
--card: #ffffff;; --card: #4a148c;;
--foreground: #27231f;; --foreground: #ffffff;;
--primary-cta: #27231f;; --primary-cta: #ba68c8;;
--secondary-cta: #ffffff;; --secondary-cta: #9575cd;;
--accent: #c68a62;; --accent: #ff8a80;;
--background-accent: #c68a62;; --background-accent: #6a0dad;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

View File

@@ -58,6 +58,49 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Simple, Transparent Pricing"
description="Choose the plan that fits your learning goals. All plans include lifetime access to course materials."
tag="Pricing"
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="slide-up"
plans={[
{
id: "1", badge: "Foundation", badgeIcon: BookOpen,
price: "$74.50", subtitle: "Perfect for beginners", buttons: [
{ text: "Get Started", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"Self-paced online learning", "Access to course materials", "Community support forum", "Certificate of completion"
]
},
{
id: "2", badge: "Professional", badgeIcon: Code,
price: "$149.50", subtitle: "Best for career changers", buttons: [
{ text: "Enroll Now", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"Live instructor sessions", "1-on-1 mentorship", "Real-world projects", "Job placement assistance", "Career coaching"
]
},
{
id: "3", badge: "Elite", badgeIcon: Zap,
price: "$249.50", subtitle: "Comprehensive mastery", buttons: [
{ text: "Premium Access", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"All Professional features", "Interview preparation", "Portfolio building", "Guaranteed job interviews", "Lifetime community access", "Advanced specializations"
]
}
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
title="Why Choose CodeMaster Academy?" title="Why Choose CodeMaster Academy?"
@@ -99,49 +142,6 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Simple, Transparent Pricing"
description="Choose the plan that fits your learning goals. All plans include lifetime access to course materials."
tag="Pricing"
textboxLayout="default"
useInvertedBackground="invertDefault"
animationType="slide-up"
plans={[
{
id: "1", badge: "Foundation", badgeIcon: BookOpen,
price: "$299", subtitle: "Perfect for beginners", buttons: [
{ text: "Get Started", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"Self-paced online learning", "Access to course materials", "Community support forum", "Certificate of completion"
]
},
{
id: "2", badge: "Professional", badgeIcon: Code,
price: "$599", subtitle: "Best for career changers", buttons: [
{ text: "Enroll Now", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"Live instructor sessions", "1-on-1 mentorship", "Real-world projects", "Job placement assistance", "Career coaching"
]
},
{
id: "3", badge: "Elite", badgeIcon: Zap,
price: "$999", subtitle: "Comprehensive mastery", buttons: [
{ text: "Premium Access", href: "contact" },
{ text: "Learn More", href: "#" }
],
features: [
"All Professional features", "Interview preparation", "Portfolio building", "Guaranteed job interviews", "Lifetime community access", "Advanced specializations"
]
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
title="Success Stories from Our Graduates" title="Success Stories from Our Graduates"