Initial commit

2026-01-20 16:04:59 +02:00
commit ccc56bff3a
264 changed files with 50499 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Sparkles } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="mediumLargeSizeMediumTitles"
+      background="radialGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="BogCoder"
+          navItems={[
+            { name: "Courses", id: "courses" },
+            { name: "About", id: "about" },
+            { name: "Pricing", id: "pricing" },
+            { name: "FAQ", id: "faq" }
+          ]}
+          button={{
+            text: "Enroll Now",
+            href: "/contact"
+          }}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing" className="pt-20">
+        <PricingCardThree
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect learning plan for your goals and budget. All plans include lifetime access to course materials and our supportive community."
+          tag="Plans"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          plans={[
+            {
+              id: "starter",
+              price: "$99/month",
+              name: "Starter Course",
+              buttons: [
+                { text: "Get Started", href: "/contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Access to 3 core courses",
+                "Community support forum",
+                "Certificate of completion",
+                "Lifetime course access"
+              ]
+            },
+            {
+              id: "professional",
+              badge: "Most Popular",
+              badgeIcon: Sparkles,
+              price: "$199/month",
+              name: "Professional Plan",
+              buttons: [
+                { text: "Get Started", href: "/contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Access to all 15+ courses",
+                "1-on-1 mentorship sessions",
+                "Career guidance support",
+                "Job placement assistance",
+                "Priority community access"
+              ]
+            },
+            {
+              id: "enterprise",
+              price: "$499/month",
+              name: "Enterprise Program",
+              buttons: [
+                { text: "Contact Sales", href: "/contact" },
+                { text: "Schedule Demo", href: "#" }
+              ],
+              features: [
+                "Custom curriculum design",
+                "Team training programs",
+                "Dedicated instructor support",
+                "Corporate certifications",
+                "On-site workshops available"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="BogCoder"
+          columns={[
+            {
+              items: [
+                { label: "Courses", href: "/courses" },
+                { label: "Pricing", href: "/pricing" },
+                { label: "Career Support", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Our Team", href: "#" },
+                { label: "Blog", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "FAQ", href: "/faq" },
+                { label: "Contact", href: "/contact" },
+                { label: "Support", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Terms of Service", href: "#" },
+                { label: "Privacy Policy", href: "#" },
+                { label: "Refund Policy", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}