+
+
+
+ Create a UNIVERSITY
+ Site for your SAAS in
+ MINUTES
+
+
+
+
+ With our prebuilt templates, you can setup a fully functional customer educational site
+ for your product in minutes.
+
+ Similar to the likes of
+
+
+
+
+
+
+
+{/if}
diff --git a/packages/course-app/src/template/src/lib/components/ui/label/index.ts b/packages/course-app/src/template/src/lib/components/ui/label/index.ts
new file mode 100644
index 00000000..8bfca0b3
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/components/ui/label/index.ts
@@ -0,0 +1,7 @@
+import Root from "./label.svelte";
+
+export {
+ Root,
+ //
+ Root as Label,
+};
diff --git a/packages/course-app/src/template/src/lib/components/ui/label/label.svelte b/packages/course-app/src/template/src/lib/components/ui/label/label.svelte
new file mode 100644
index 00000000..74c58e21
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/components/ui/label/label.svelte
@@ -0,0 +1,27 @@
+
+
+
+ {@render children?.()}
+
diff --git a/packages/course-app/src/template/src/lib/components/ui/skeleton/index.ts b/packages/course-app/src/template/src/lib/components/ui/skeleton/index.ts
new file mode 100644
index 00000000..186db219
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/components/ui/skeleton/index.ts
@@ -0,0 +1,7 @@
+import Root from "./skeleton.svelte";
+
+export {
+ Root,
+ //
+ Root as Skeleton,
+};
diff --git a/packages/course-app/src/template/src/lib/components/ui/skeleton/skeleton.svelte b/packages/course-app/src/template/src/lib/components/ui/skeleton/skeleton.svelte
new file mode 100644
index 00000000..f097e9cf
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/components/ui/skeleton/skeleton.svelte
@@ -0,0 +1,16 @@
+
+
+
diff --git a/packages/course-app/src/template/src/lib/data/pages.json b/packages/course-app/src/template/src/lib/data/pages.json
new file mode 100644
index 00000000..81b666d8
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/data/pages.json
@@ -0,0 +1,444 @@
+[
+ {
+ "id": "shared-page",
+ "title": "Shared",
+ "slug": "#",
+ "status": "published",
+ "sections": [
+ {
+ "type": "seo",
+ "show": true,
+ "settings": {
+ "title": "Cal.com University",
+ "description": "The one place to learn everything about Cal.com",
+ "url": "https://cal.com",
+ "appUrl": "https://app.cal.com",
+ "keywords": ["cal.com", "saas university"],
+ "logo": "/logo.svg"
+ }
+ },
+ {
+ "type": "navigation",
+ "show": true,
+ "settings": {
+ "navItems": [
+ {
+ "title": "Courses",
+ "link": "/courses"
+ },
+ {
+ "title": "Blog",
+ "link": "https://cal.com/blog",
+ "redirect": true
+ },
+ {
+ "title": "API",
+ "link": "https://cal.com/docs/api-reference/v2/introduction",
+ "redirect": true
+ },
+ {
+ "title": "Docs",
+ "link": "https://cal.com/docs/developing/introduction",
+ "redirect": true
+ }
+ ]
+ }
+ },
+ {
+ "type": "footer",
+ "show": true,
+ "settings": {
+ "links": [
+ { "label": "Privacy Policy", "url": "/privacy" },
+ { "label": "Terms of Service", "url": "/terms" }
+ ],
+ "facebook": "#",
+ "instagram": "#",
+ "twitter": "#",
+ "linkedin": "#"
+ }
+ }
+ ]
+ },
+ {
+ "id": "home-page",
+ "title": "Home Page",
+ "slug": "/",
+ "status": "published",
+ "sections": [
+ {
+ "type": "header",
+ "show": true,
+ "settings": {
+ "title": "Scheduling Education",
+ "titleHighlight": "The Cal University - Learn All About Scheduling",
+ "subtitle": "Cal.com university is the one stop shop for learning everything about scheduling with Cal.com. Save countless hours and improve your team's productivity.",
+ "action": {
+ "label": "Explore courses",
+ "link": "/courses",
+ "redirect": false
+ },
+ "banner": {
+ "video": "https://www.youtube.com/watch?v=qqAYW7uxErI",
+ "image": "",
+ "type": "video",
+ "show": true
+ }
+ }
+ },
+ {
+ "type": "about",
+ "show": true,
+ "settings": {
+ "title": "Learn with us: To unlock your potential and fuel your Expertise",
+ "subtitle": "Our courses will help you make sense of the numbers, drive improvements, and create products that stick.",
+ "benefits": {
+ "title": "What you will gain",
+ "list": [
+ {
+ "title": "Real-world coding challenges.",
+ "subtitle": "Work through projects that mirror real-world tasks, helping you build a portfolio that showcases your skills to potential employers."
+ },
+ {
+ "title": "Experienced Instructors",
+ "subtitle": "Learn from industry experts who bring their hands-on experience to the classroom, guiding you every step of the way."
+ },
+ {
+ "title": "Comprehensive Materials",
+ "subtitle": "Get access to up-to-date resources that cover all key topics and methodologies, ensuring a complete learning experience."
+ },
+ {
+ "title": "Proven Success",
+ "subtitle": "With over 20 years of combined teaching experience, our methods have been proven to lead to better results and a deep understanding of the subject matter."
+ }
+ ]
+ }
+ }
+ },
+ {
+ "type": "courses",
+ "show": true,
+ "settings": {
+ "title": "Featured Courses",
+ "titleHighlight": "",
+ "subtitle": "Explore our most popular courses that will help you master the art of scheduling with Cal.com"
+ }
+ },
+ {
+ "type": "pathway",
+ "show": true,
+ "settings": {
+ "title": "Become an expert with our \"Learning Path\" Programs",
+ "titleHighlight": "",
+ "subtitle": "With over 5 years of extensive coding experience, I am equipped to help you achieve success in your choice of coding career."
+ }
+ },
+ {
+ "type": "instructors",
+ "show": true,
+ "settings": {
+ "list": [
+ {
+ "rating": 4,
+ "name": "Adewale",
+ "description": "Adewale Adebayo is a seasoned professional with a wealth of experience in software development. He is passionate about coding and teaching, and his classes are designed to be engaging and practical, ensuring that students gain hands-on skills and knowledge."
+ },
+ {
+ "rating": 4,
+ "name": "Folakemi Adeyemi",
+ "description": "Folake Adeyemi has extensive expertise in project management and leadership. She combines theoretical knowledge with practical case studies, ensuring that students are well-prepared for real-world challenges. "
+ },
+ {
+ "rating": 4,
+ "name": "Ifedayo Olabisi",
+ "description": "Ifedayo Olabisi is a distinguished instructor in web development. With a deep understanding of both front-end and back-end technologies, he provides comprehensive training that covers all aspects of web development."
+ },
+ {
+ "rating": 4,
+ "name": "Kemi Adediran",
+ "description": "Kemi Adediran is a skilled digital marketer with a passion for sharing her knowledge. Her courses cover the latest trends and techniques in digital marketing, from SEO to social media strategy."
+ }
+ ]
+ }
+ },
+ {
+ "type": "faq",
+ "show": true,
+ "settings": {
+ "title": "Frequently Asked Questions.",
+ "subtitle": "Our courses will help you make sense of the numbers, drive improvements, and create products that stick.",
+ "questions": [
+ {
+ "id": 1,
+ "title": "What sets your platform apart from others?",
+ "content": "Our platform is focused on providing practical, project-based learning. We aim to equip learners with skills that are directly applicable to their career paths. From real-world projects to experienced instructors, we focus on a hands-on approach to help you master each topic efficiently."
+ },
+ {
+ "id": 2,
+ "title": "Are the courses beginner-friendly?",
+ "content": "Absolutely! Whether you're a complete beginner or looking to advance your skills, we have courses designed for every level. Our step-by-step approach ensures that even the most complex topics are broken down into easy-to-understand lessons."
+ },
+ {
+ "id": 3,
+ "title": "How long does it take to complete a course?",
+ "content": "Course lengths vary depending on the subject. However, most of our courses are designed to be completed at your own pace, allowing you to take the time you need to fully understand the material before moving on."
+ }
+ ]
+ }
+ },
+ {
+ "type": "testimonial",
+ "show": true,
+ "settings": {
+ "list": [
+ {
+ "name": "Zulaike Elebute",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "role": "Content Writer",
+ "description": "The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Frontend Developement",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "role": "Web Developer",
+ "description": "The feedback and real-world projects were invaluable—I’m now confident in delivering high-quality work that connects and engages"
+ },
+
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Content Writer",
+ "description": "The lessons were comprehensive, covering everything from HTML to advanced JavaScript. Working on interactive projects transformed my approach, and I’m now ready to create polished, user-friendly interfaces!"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Content Writer",
+ "description": " revelation. I learned techniques to craft compelling, audience-focused content that tells a story. The feedback and real-world projects were invaluable—I’m now confident in delivering high-quality work that connects and engages"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Frontend Developement",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "Through hands-on projects, I learned to build responsive, secure websites from scratch. I now feel equipped to tackle complex challenges with confidence"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ }
+ ]
+ }
+ },
+ {
+ "type": "contact",
+ "show": true,
+ "settings": {
+ "title": "Have you got any",
+ "titleHighlight": "Questions?",
+ "subtitle": "Reach out to us with any questions you might have.",
+ "address": "Ashwoodfield House Farm, Kidderminster Rd, Stourbridge, Kingswinford DY6 0AA",
+ "phone": "+4407339904995",
+ "email": "help@digdippa.com"
+ }
+ },
+ {
+ "type": "cta",
+ "settings": {
+ "title": "programs that you will love.",
+ "titleHighlight": "100% guaranteed",
+ "subtitle": "Unlock skills you'll use for life with courses designed to inspire, empower, and elevate your expertise.",
+ "buttonLabel": "Learn More"
+ },
+ "show": true
+ },
+ {
+ "type": "mailinglist",
+ "settings": {
+ "title": "Join our mailing list",
+ "subtitle": "We are constantly releasing new courses and sharing them with our email list. Subscribe to get notified once we release a new course.",
+ "buttonLabel": "Subscribe",
+ "show": true
+ }
+ }
+ ]
+ },
+ {
+ "id": "courses-page",
+ "title": "Courses Page",
+ "slug": "/courses",
+ "status": "published",
+ "sections": [
+ {
+ "type": "header",
+ "show": true,
+ "settings": {
+ "title": "Learn with us",
+ "titleHighlight": "Our Courses",
+ "subtitle": "Designed to guide you step-by-step through essential skills. Browse, enroll, and start transforming your career today!",
+ "action": {
+ "label": "Explore Courses",
+ "link": "/courses",
+ "redirect": false
+ },
+ "banner": {
+ "video": "https://www.youtube.com/watch?v=qqAYW7uxErI",
+ "image": "",
+ "type": "video",
+ "show": true
+ }
+ }
+ },
+ {
+ "type": "courses",
+ "show": true,
+ "settings": {
+ "title": "Unlock your potential with Engaging and innovative online courses",
+ "titleHighlight": "",
+ "subtitle": "Explore creative and tech courses that will help you own you skill set"
+ }
+ },
+ {
+ "type": "pathway",
+ "show": true,
+ "settings": {
+ "title": "Become an expert with our \"Learning Path\" Programs",
+ "titleHighlight": "",
+ "subtitle": "With over 5 years of extensive coding experience, I am equipped to help you achieve success in your choice of coding career."
+ }
+ },
+ {
+ "type": "faq",
+ "show": true,
+ "settings": {
+ "title": "Frequently Asked Questions.",
+ "subtitle": "Our courses will help you make sense of the numbers, drive improvements, and create products that stick.",
+ "questions": [
+ {
+ "id": 1,
+ "title": "What sets your platform apart from others?",
+ "content": "Our platform is focused on providing practical, project-based learning. We aim to equip learners with skills that are directly applicable to their career paths. From real-world projects to experienced instructors, we focus on a hands-on approach to help you master each topic efficiently."
+ },
+ {
+ "id": 2,
+ "title": "Are the courses beginner-friendly?",
+ "content": "Absolutely! Whether you're a complete beginner or looking to advance your skills, we have courses designed for every level. Our step-by-step approach ensures that even the most complex topics are broken down into easy-to-understand lessons."
+ },
+ {
+ "id": 3,
+ "title": "How long does it take to complete a course?",
+ "content": "Course lengths vary depending on the subject. However, most of our courses are designed to be completed at your own pace, allowing you to take the time you need to fully understand the material before moving on."
+ }
+ ]
+ }
+ },
+ {
+ "type": "testimonial",
+ "show": true,
+ "settings": {
+ "list": [
+ {
+ "name": "Zulaike Elebute",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "role": "Content Writer",
+ "description": "The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Frontend Developement",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "role": "Web Developer",
+ "description": "The feedback and real-world projects were invaluable—I’m now confident in delivering high-quality work that connects and engages"
+ },
+
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Content Writer",
+ "description": "The lessons were comprehensive, covering everything from HTML to advanced JavaScript. Working on interactive projects transformed my approach, and I’m now ready to create polished, user-friendly interfaces!"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Content Writer",
+ "description": " revelation. I learned techniques to craft compelling, audience-focused content that tells a story. The feedback and real-world projects were invaluable—I’m now confident in delivering high-quality work that connects and engages"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Frontend Developement",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "Through hands-on projects, I learned to build responsive, secure websites from scratch. I now feel equipped to tackle complex challenges with confidence"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ }
+ ]
+ }
+ },
+ {
+ "type": "contact",
+ "show": true,
+ "settings": {
+ "title": "Have you got any",
+ "titleHighlight": "Questions?",
+ "subtitle": "Reach out to us with any questions you might have.",
+ "address": "Ashwoodfield House Farm, Kidderminster Rd, Stourbridge, Kingswinford DY6 0AA",
+ "phone": "+4407339904995",
+ "email": "help@digdippa.com"
+ }
+ },
+ {
+ "type": "cta",
+ "settings": {
+ "title": "programs that you will love.",
+ "titleHighlight": "100% guaranteed",
+ "subtitle": "Unlock skills you'll use for life with courses designed to inspire, empower, and elevate your expertise.",
+ "buttonLabel": "Learn More",
+ "show": true
+ }
+ },
+ {
+ "type": "mailinglist",
+ "settings": {
+ "title": "Join our mailing list",
+ "subtitle": "We are constantly releasing new courses and sharing them with our email list. Subscribe to get notified once we release a new course.",
+ "buttonLabel": "Subscribe",
+ "show": true
+ }
+ }
+ ]
+ }
+]
diff --git a/packages/course-app/src/template/src/lib/data/posthog-pages.json b/packages/course-app/src/template/src/lib/data/posthog-pages.json
new file mode 100644
index 00000000..bf9a2448
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/data/posthog-pages.json
@@ -0,0 +1,418 @@
+[
+ {
+ "id": "shared-page",
+ "title": "Shared",
+ "slug": "#",
+ "status": "published",
+ "sections": [
+ {
+ "type": "seo",
+ "show": true,
+ "settings": {
+ "title": "Posthog University",
+ "description": "The one place to learn everything about Posthog",
+ "url": "https://posthog.com",
+ "appUrl": "https://app.posthog.com",
+ "keywords": ["posthog", "saas university"],
+ "logo": "/posthog-logo.svg"
+ }
+ },
+ {
+ "type": "navigation",
+ "show": true,
+ "settings": {
+ "navItems": [
+ {
+ "title": "Courses",
+ "link": "/courses"
+ },
+ {
+ "title": "Blog",
+ "link": "https://posthog.com/blog/all",
+ "redirect": true
+ },
+ {
+ "title": "API",
+ "link": "https://posthog.com/docs/api",
+ "redirect": true
+ },
+ {
+ "title": "Docs",
+ "link": "https://posthog.com/docs",
+ "redirect": true
+ }
+ ]
+ }
+ },
+ {
+ "type": "footer",
+ "show": true,
+ "settings": {
+ "links": [
+ { "label": "Privacy Policy", "url": "/privacy" },
+ { "label": "Terms of Service", "url": "/terms" }
+ ],
+ "facebook": "#",
+ "instagram": "#",
+ "twitter": "#",
+ "linkedin": "#"
+ }
+ }
+ ]
+ },
+ {
+ "id": "home-page",
+ "title": "Home Page",
+ "slug": "/",
+ "status": "published",
+ "sections": [
+ {
+ "type": "header",
+ "show": true,
+ "settings": {
+ "title": "How Product People Master PostHog: Track, Test, and Transform Your Product",
+ "titleHighlight": "The Posthog University - Learn All About Analytics",
+ "subtitle": "PostHog university is the one stop shop for learning everything about analytics with PostHog. Save countless hours and improve your team's productivity.",
+ "action": {
+ "label": "Explore courses",
+ "link": "/courses",
+ "redirect": false
+ },
+ "banner": {
+ "video": "https://www.youtube.com/watch?v=qqAYW7uxErI",
+ "image": "",
+ "type": "video",
+ "show": true
+ }
+ }
+ },
+ {
+ "type": "about",
+ "show": true,
+ "settings": {
+ "title": "Learn with us: To unlock your potential and fuel your Expertise",
+ "subtitle": "Our courses will help you make sense of the numbers, drive improvements, and create products that stick.",
+ "benefits": {
+ "title": "What you will gain",
+ "list": [
+ {
+ "title": "Real-world coding challenges.",
+ "subtitle": "Work through projects that mirror real-world tasks, helping you build a portfolio that showcases your skills to potential employers."
+ },
+ {
+ "title": "Experienced Instructors",
+ "subtitle": "Learn from industry experts who bring their hands-on experience to the classroom, guiding you every step of the way."
+ },
+ {
+ "title": "Comprehensive Materials",
+ "subtitle": "Get access to up-to-date resources that cover all key topics and methodologies, ensuring a complete learning experience."
+ },
+ {
+ "title": "Proven Success",
+ "subtitle": "With over 20 years of combined teaching experience, our methods have been proven to lead to better results and a deep understanding of the subject matter."
+ }
+ ]
+ }
+ }
+ },
+ {
+ "type": "courses",
+ "show": true,
+ "settings": {
+ "title": "Our Course Lineup: Build Skills",
+ "titleHighlight": "That Drive Results",
+ "subtitle": "Explore our most popular courses that will help you master the art of scheduling with Cal.com"
+ }
+ },
+ {
+ "type": "pathway",
+ "show": true,
+ "settings": {
+ "title": "Become an expert with our \"Learning Path\" Programs",
+ "titleHighlight": "",
+ "subtitle": "With over 5 years of extensive coding experience, I am equipped to help you achieve success in your choice of coding career."
+ }
+ },
+ {
+ "type": "instructors",
+ "show": true,
+ "settings": {
+ "list": [
+ {
+ "rating": 4,
+ "name": "Adewale",
+ "description": "Adewale Adebayo is a seasoned professional with a wealth of experience in software development. He is passionate about coding and teaching, and his classes are designed to be engaging and practical, ensuring that students gain hands-on skills and knowledge."
+ },
+ {
+ "rating": 4,
+ "name": "Folakemi Adeyemi",
+ "description": "Folake Adeyemi has extensive expertise in project management and leadership. She combines theoretical knowledge with practical case studies, ensuring that students are well-prepared for real-world challenges. "
+ },
+ {
+ "rating": 4,
+ "name": "Ifedayo Olabisi",
+ "description": "Ifedayo Olabisi is a distinguished instructor in web development. With a deep understanding of both front-end and back-end technologies, he provides comprehensive training that covers all aspects of web development."
+ },
+ {
+ "rating": 4,
+ "name": "Kemi Adediran",
+ "description": "Kemi Adediran is a skilled digital marketer with a passion for sharing her knowledge. Her courses cover the latest trends and techniques in digital marketing, from SEO to social media strategy."
+ }
+ ]
+ }
+ },
+ {
+ "type": "faq",
+ "show": true,
+ "settings": {
+ "title": "Frequently Asked Questions.",
+ "subtitle": "Our courses will help you make sense of the numbers, drive improvements, and create products that stick.",
+ "questions": [
+ {
+ "id": 1,
+ "title": "What sets your platform apart from others?",
+ "content": "Our platform is focused on providing practical, project-based learning. We aim to equip learners with skills that are directly applicable to their career paths. From real-world projects to experienced instructors, we focus on a hands-on approach to help you master each topic efficiently."
+ },
+ {
+ "id": 2,
+ "title": "Are the courses beginner-friendly?",
+ "content": "Absolutely! Whether you're a complete beginner or looking to advance your skills, we have courses designed for every level. Our step-by-step approach ensures that even the most complex topics are broken down into easy-to-understand lessons."
+ },
+ {
+ "id": 3,
+ "title": "How long does it take to complete a course?",
+ "content": "Course lengths vary depending on the subject. However, most of our courses are designed to be completed at your own pace, allowing you to take the time you need to fully understand the material before moving on."
+ }
+ ]
+ }
+ },
+ {
+ "type": "testimonial",
+ "show": true,
+ "settings": {
+ "list": [
+ {
+ "name": "Zulaike Elebute",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "role": "Content Writer",
+ "description": "The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Frontend Developement",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "role": "Web Developer",
+ "description": "The feedback and real-world projects were invaluable—I’m now confident in delivering high-quality work that connects and engages"
+ },
+
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Content Writer",
+ "description": "The lessons were comprehensive, covering everything from HTML to advanced JavaScript. Working on interactive projects transformed my approach, and I’m now ready to create polished, user-friendly interfaces!"
+ }
+ ]
+ }
+ },
+ {
+ "type": "contact",
+ "show": true,
+ "settings": {
+ "title": "Have you got any",
+ "titleHighlight": "Questions?",
+ "subtitle": "Reach out to us with any questions you might have.",
+ "address": "Ashwoodfield House Farm, Kidderminster Rd, Stourbridge, Kingswinford DY6 0AA",
+ "phone": "+4407339904995",
+ "email": "help@digdippa.com"
+ }
+ },
+ {
+ "type": "cta",
+ "settings": {
+ "title": "programs that you will love.",
+ "titleHighlight": "100% guaranteed",
+ "subtitle": "Unlock skills you'll use for life with courses designed to inspire, empower, and elevate your expertise.",
+ "buttonLabel": "Learn More"
+ },
+ "show": true
+ },
+ {
+ "type": "mailinglist",
+ "settings": {
+ "title": "Join our mailing list",
+ "subtitle": "We are constantly releasing new courses and sharing them with our email list. Subscribe to get notified once we release a new course.",
+ "buttonLabel": "Subscribe",
+ "show": true
+ }
+ }
+ ]
+ },
+ {
+ "id": "courses-page",
+ "title": "Courses Page",
+ "slug": "/courses",
+ "status": "published",
+ "sections": [
+ {
+ "type": "header",
+ "show": true,
+ "settings": {
+ "title": "You are closest to mastering PostHog!",
+ "titleHighlight": "Explore our Courses",
+ "subtitle": "Courses are tailored to help you master PostHog’s tools and make impactful data-driven choices.",
+ "action": {
+ "label": "Explore Courses",
+ "link": "/courses",
+ "redirect": false
+ },
+ "banner": {
+ "video": "https://www.youtube.com/watch?v=qqAYW7uxErI",
+ "image": "",
+ "type": "video",
+ "show": true
+ }
+ }
+ },
+ {
+ "type": "courses",
+ "show": true,
+ "settings": {
+ "title": "Unlock your potential with Engaging and innovative online courses",
+ "titleHighlight": "",
+ "subtitle": "Explore creative and tech courses that will help you own you skill set"
+ }
+ },
+ {
+ "type": "pathway",
+ "show": true,
+ "settings": {
+ "title": "Become an expert with our \"Learning Path\" Programs",
+ "titleHighlight": "",
+ "subtitle": "With over 5 years of extensive coding experience, I am equipped to help you achieve success in your choice of coding career."
+ }
+ },
+ {
+ "type": "faq",
+ "show": true,
+ "settings": {
+ "title": "Frequently Asked Questions.",
+ "subtitle": "Our courses will help you make sense of the numbers, drive improvements, and create products that stick.",
+ "questions": [
+ {
+ "id": 1,
+ "title": "What sets your platform apart from others?",
+ "content": "Our platform is focused on providing practical, project-based learning. We aim to equip learners with skills that are directly applicable to their career paths. From real-world projects to experienced instructors, we focus on a hands-on approach to help you master each topic efficiently."
+ },
+ {
+ "id": 2,
+ "title": "Are the courses beginner-friendly?",
+ "content": "Absolutely! Whether you're a complete beginner or looking to advance your skills, we have courses designed for every level. Our step-by-step approach ensures that even the most complex topics are broken down into easy-to-understand lessons."
+ },
+ {
+ "id": 3,
+ "title": "How long does it take to complete a course?",
+ "content": "Course lengths vary depending on the subject. However, most of our courses are designed to be completed at your own pace, allowing you to take the time you need to fully understand the material before moving on."
+ }
+ ]
+ }
+ },
+ {
+ "type": "testimonial",
+ "show": true,
+ "settings": {
+ "list": [
+ {
+ "name": "Zulaike Elebute",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "role": "Content Writer",
+ "description": "The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Frontend Developement",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "role": "Web Developer",
+ "description": "The feedback and real-world projects were invaluable—I’m now confident in delivering high-quality work that connects and engages"
+ },
+
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Content Writer",
+ "description": "The lessons were comprehensive, covering everything from HTML to advanced JavaScript. Working on interactive projects transformed my approach, and I’m now ready to create polished, user-friendly interfaces!"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Content Writer",
+ "description": " revelation. I learned techniques to craft compelling, audience-focused content that tells a story. The feedback and real-world projects were invaluable—I’m now confident in delivering high-quality work that connects and engages"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Frontend Developement",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "Through hands-on projects, I learned to build responsive, secure websites from scratch. I now feel equipped to tackle complex challenges with confidence"
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "role": "Web Developer",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ }
+ ]
+ }
+ },
+ {
+ "type": "contact",
+ "show": true,
+ "settings": {
+ "title": "Have you got any",
+ "titleHighlight": "Questions?",
+ "subtitle": "Reach out to us with any questions you might have.",
+ "address": "Ashwoodfield House Farm, Kidderminster Rd, Stourbridge, Kingswinford DY6 0AA",
+ "phone": "+4407339904995",
+ "email": "help@digdippa.com"
+ }
+ },
+ {
+ "type": "cta",
+ "settings": {
+ "title": "programs that you will love.",
+ "titleHighlight": "100% guaranteed",
+ "subtitle": "Unlock skills you'll use for life with courses designed to inspire, empower, and elevate your expertise.",
+ "buttonLabel": "Learn More",
+ "show": true
+ }
+ },
+ {
+ "type": "mailinglist",
+ "settings": {
+ "title": "Join our mailing list",
+ "subtitle": "We are constantly releasing new courses and sharing them with our email list. Subscribe to get notified once we release a new course.",
+ "buttonLabel": "Subscribe",
+ "show": true
+ }
+ }
+ ]
+ }
+]
diff --git a/packages/course-app/src/template/src/lib/index.ts b/packages/course-app/src/template/src/lib/index.ts
new file mode 100644
index 00000000..856f2b6c
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/index.ts
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/packages/course-app/src/template/src/lib/utils.ts b/packages/course-app/src/template/src/lib/utils.ts
new file mode 100644
index 00000000..ac680b30
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
diff --git a/packages/course-app/src/template/src/lib/utils/constants/course.ts b/packages/course-app/src/template/src/lib/utils/constants/course.ts
new file mode 100644
index 00000000..c6ede2c3
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/constants/course.ts
@@ -0,0 +1,6 @@
+import type { CourseType } from '$lib/utils/types/course';
+
+export const COURSE_TYPE: Record = {
+ PACED: 'paced',
+ LIVE: 'live'
+};
diff --git a/packages/course-app/src/template/src/lib/utils/constants/page.ts b/packages/course-app/src/template/src/lib/utils/constants/page.ts
new file mode 100644
index 00000000..cfedd204
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/constants/page.ts
@@ -0,0 +1,5 @@
+export const PAGE = {
+ HOME: 'home-page',
+ COURSES: 'courses-page',
+ SHARED: 'shared-page'
+};
diff --git a/packages/course-app/src/template/src/lib/utils/helpers/course.ts b/packages/course-app/src/template/src/lib/utils/helpers/course.ts
new file mode 100644
index 00000000..b764ac58
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/helpers/course.ts
@@ -0,0 +1,106 @@
+import type { Course, Lesson, Section } from '$lib/utils/types/course';
+
+const DYNAMIC_KEYS_START = 3;
+let courses: Course[] = [];
+
+export async function getCourse(slug: string): Promise {
+ // Get all markdown and metadata files in courses directory
+ const metadataFiles = import.meta.glob(`/src/courses/**/metadata.json`, { eager: true });
+
+ let course: Course | undefined;
+ const sections: Section[] = [];
+
+ for (const [metadataPath, _metadata] of Object.entries(metadataFiles)) {
+ const [courseSlug, sectionSlug] = metadataPath.split('/').slice(DYNAMIC_KEYS_START);
+
+ if (courseSlug !== slug) {
+ continue;
+ }
+
+ if (sectionSlug === 'metadata.json') {
+ const metadata = (_metadata as { default: Course }).default;
+ course = {
+ ...metadata,
+ slug
+ };
+
+ continue;
+ }
+
+ const lessons = await getSectionLessons(courseSlug, sectionSlug);
+
+ const metadata = (_metadata as { default: Section }).default;
+ sections.push({
+ ...metadata,
+ sectionSlug,
+ children: lessons
+ });
+ }
+
+ if (!course) {
+ throw new Error(`Course with slug "${slug}" not found`);
+ }
+
+ course.sections = sections;
+
+ return course;
+}
+
+async function getSectionLessons(cSlug: string, sSlug: string): Promise {
+ const lessons: Lesson[] = [];
+
+ const mdFiles = import.meta.glob(`/src/courses/**/*.md`);
+
+ for (const [mdPath, md] of Object.entries(mdFiles)) {
+ const [courseSlug, sectionSlug, lessonSlug] = mdPath.split('/').slice(DYNAMIC_KEYS_START);
+
+ if (courseSlug !== cSlug || sectionSlug !== sSlug) {
+ continue;
+ }
+
+ const lesson = (await md()) as {
+ metadata: Lesson;
+ };
+
+ lessons.push({ ...lesson.metadata, filename: lessonSlug });
+ }
+
+ return lessons;
+}
+
+export async function getCourses(): Promise {
+ if (courses.length > 0) {
+ return courses;
+ }
+
+ console.time('FETCH COURSES STAT');
+
+ // Get all markdown and metadata files in courses directory
+ const mdFiles = import.meta.glob('/src/courses/**/*.md');
+ const metadataFiles = import.meta.glob('/src/courses/*/metadata.json', { eager: true });
+
+ // Process metadata files to build courses array
+ courses = await Promise.all(
+ Object.entries(metadataFiles).map(async ([metadataPath, _metadata]) => {
+ // Extract course folder name as slug
+ const pathParts = metadataPath.split('/');
+ const slug = pathParts[pathParts.length - 2];
+
+ // Count .md files for this course
+ const lessonsCount = Object.keys(mdFiles).filter((path) =>
+ path.startsWith(`/src/courses/${slug}/`)
+ ).length;
+
+ const metadata = (_metadata as { default: Course }).default;
+ return {
+ ...metadata,
+ slug,
+ lessonsCount
+ };
+ })
+ );
+
+ console.timeEnd('FETCH COURSES STAT');
+
+ return courses;
+}
diff --git a/packages/course-app/src/template/src/lib/utils/helpers/page.ts b/packages/course-app/src/template/src/lib/utils/helpers/page.ts
new file mode 100644
index 00000000..adda6601
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/helpers/page.ts
@@ -0,0 +1,22 @@
+// import pages from '$lib/data/pages.json';
+import posthogPages from '$lib/data/posthog-pages.json';
+import type { Page } from '$lib/utils/types/page';
+
+/**
+ * Get a page by its id
+ * @param pageId - The id of the page
+ * @returns type Page
+ */
+export function getPage(pageId: string) {
+ return posthogPages.find((page) => page.id === pageId) as Page;
+}
+
+/**
+ * Get a section by its type
+ * @param page - The page
+ * @param sectionType - The type of the section
+ * @returns type Section | undefined
+ */
+export function getPageSection(page: Page, sectionType: string) {
+ return page.sections.find((section) => section.type === sectionType);
+}
diff --git a/packages/course-app/src/template/src/lib/utils/page.server.test.ts b/packages/course-app/src/template/src/lib/utils/page.server.test.ts
new file mode 100644
index 00000000..b4f72bf4
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/page.server.test.ts
@@ -0,0 +1,47 @@
+import { describe, it, expect, vi } from 'vitest';
+import { load } from '../../routes/+page.server';
+
+describe('+page.server load function', () => {
+ const mockData = {
+ courses: [
+ {
+ data: {
+ title: 'Test Course',
+ description: 'Test Description',
+ banner: '/test-banner.jpg',
+ created_at: '2024-03-20',
+ cost: 0,
+ currency: 'USD',
+ type: 'self paced'
+ },
+ lessons: 5
+ }
+ ]
+ };
+
+ it('loads data successfully', async () => {
+ // Mock fetch function
+ const mockFetch = vi.fn(() =>
+ Promise.resolve({
+ ok: true,
+ json: () => Promise.resolve(mockData)
+ })
+ );
+
+ const result = await load({ fetch: mockFetch });
+
+ expect(mockFetch).toHaveBeenCalledWith('/api/courses');
+ expect(result.courses).toEqual(mockData.courses);
+ });
+
+ it('throws error when fetch fails', async () => {
+ // Mock fetch function that fails
+ const mockFetch = vi.fn(() =>
+ Promise.resolve({
+ ok: false
+ })
+ );
+
+ await expect(load({ fetch: mockFetch })).rejects.toThrow('Failed to load courses data');
+ });
+});
diff --git a/packages/course-app/src/template/src/lib/utils/page.test.ts b/packages/course-app/src/template/src/lib/utils/page.test.ts
new file mode 100644
index 00000000..41493af2
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/page.test.ts
@@ -0,0 +1,65 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render } from '@testing-library/svelte';
+import Page from '../../routes/+page.svelte';
+
+// Mock the Home component since we're just testing the page wrapper
+vi.mock('$lib/index.svelte', () => ({
+ default: vi.fn().mockImplementation(() => ({
+ $$: {
+ on_mount: [],
+ on_destroy: [],
+ before_update: [],
+ after_update: [],
+ context: new Map(),
+ fragment: document.createDocumentFragment()
+ }
+ }))
+}));
+
+// Mock toggleBodyByMode
+vi.mock('$lib/utils/toggleMode', () => ({
+ toggleBodyByMode: vi.fn()
+}));
+
+describe('+page.svelte', () => {
+ const mockData = {
+ org: {
+ header: {
+ banner: { show: true, image: '/test-image.jpg' },
+ title: 'Test Title',
+ titleHighlight: 'Test Highlight',
+ subtitle: 'Test Subtitle',
+ action: { label: 'Start Now', link: '/start' }
+ }
+ },
+ courses: [
+ {
+ data: {
+ title: 'Test Course',
+ description: 'Test Description',
+ banner: '/test-banner.jpg',
+ created_at: '2024-03-20',
+ cost: 0,
+ currency: 'USD',
+ type: 'self paced'
+ },
+ lessons: 5
+ }
+ ]
+ };
+
+ beforeEach(() => {
+ vi.clearAllMocks();
+ });
+
+ it('renders with correct class', () => {
+ const { container } = render(Page, { props: { data: mockData } });
+ expect(container.querySelector('.font-matter')).toBeTruthy();
+ });
+
+ it('passes data prop to Home component', () => {
+ render(Page, { props: { data: mockData } });
+ // Since we're mocking the Home component, we just verify the page renders
+ expect(document.querySelector('.font-matter')).toBeTruthy();
+ });
+});
diff --git a/packages/course-app/src/template/src/lib/utils/stores/course.ts b/packages/course-app/src/template/src/lib/utils/stores/course.ts
new file mode 100644
index 00000000..414d15d6
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/stores/course.ts
@@ -0,0 +1,6 @@
+import { writable } from 'svelte/store';
+import type { Course } from '$lib/utils/types/course';
+
+export const courses = writable([]);
+
+export const course = writable(null);
diff --git a/packages/course-app/src/template/src/lib/utils/stores/global.ts b/packages/course-app/src/template/src/lib/utils/stores/global.ts
new file mode 100644
index 00000000..bc18cb77
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/stores/global.ts
@@ -0,0 +1,5 @@
+import { writable } from 'svelte/store';
+
+export let isDark = writable(false);
+
+export let globalData = writable({});
diff --git a/packages/course-app/src/template/src/lib/utils/stores/pages.ts b/packages/course-app/src/template/src/lib/utils/stores/pages.ts
new file mode 100644
index 00000000..9afe7ed7
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/stores/pages.ts
@@ -0,0 +1,13 @@
+import { writable } from 'svelte/store';
+import type { Page } from '$lib/utils/types/page';
+
+const defaultPage: Page = {
+ id: '',
+ title: '',
+ slug: '',
+ status: 'draft',
+ sections: []
+};
+
+export const homePage = writable(defaultPage);
+export const sharedPage = writable(defaultPage);
diff --git a/packages/course-app/src/template/src/lib/utils/toggleMode.test.ts b/packages/course-app/src/template/src/lib/utils/toggleMode.test.ts
new file mode 100644
index 00000000..5d4ed864
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/toggleMode.test.ts
@@ -0,0 +1,42 @@
+import { describe, it, expect, beforeEach } from 'vitest';
+import { toggleBodyByMode } from './toggleMode';
+
+describe('toggleBodyByMode', () => {
+ // Reset the document.body.className before each test
+ beforeEach(() => {
+ document.body.className = '';
+ });
+
+ it('should add dark class when isDark is true', () => {
+ toggleBodyByMode(true);
+ expect(document.body.className).toContain('dark');
+ });
+
+ it('should remove dark class when isDark is false', () => {
+ // First add the dark class
+ document.body.className = 'some-class dark other-class';
+
+ // Then remove it
+ toggleBodyByMode(false);
+ expect(document.body.className).not.toContain('dark');
+ expect(document.body.className).toContain('some-class');
+ expect(document.body.className).toContain('other-class');
+ });
+
+
+ it('should handle empty class name', () => {
+ document.body.className = '';
+
+ toggleBodyByMode(true);
+ expect(document.body.className.trim()).toBe('dark');
+ });
+
+ it('should preserve existing classes when adding dark mode', () => {
+ document.body.className = 'existing-class another-class';
+
+ toggleBodyByMode(true);
+ expect(document.body.className).toContain('existing-class');
+ expect(document.body.className).toContain('another-class');
+ expect(document.body.className).toContain('dark');
+ });
+});
diff --git a/packages/course-app/src/template/src/lib/utils/toggleMode.ts b/packages/course-app/src/template/src/lib/utils/toggleMode.ts
new file mode 100644
index 00000000..abe0bec4
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/toggleMode.ts
@@ -0,0 +1,9 @@
+export function toggleBodyByMode(isDark: boolean) {
+ if (!document) return;
+
+ if (isDark) {
+ document.body.className = document.body.className.concat('', ' dark');
+ } else {
+ document.body.className = document.body.className.replaceAll(' dark', '');
+ }
+}
diff --git a/packages/course-app/src/template/src/lib/utils/types/course.ts b/packages/course-app/src/template/src/lib/utils/types/course.ts
new file mode 100644
index 00000000..837cef74
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/types/course.ts
@@ -0,0 +1,32 @@
+export type CourseType = 'paced' | 'live';
+
+export type CourseFilterItem = {
+ title: string;
+ type: CourseType;
+ checked: boolean;
+};
+
+export type Course = {
+ title: string;
+ description: string;
+ banner: string;
+ created_at: string;
+ cost: number;
+ currency: string;
+ type: string;
+ slug: string;
+ lessonsCount?: number;
+ sections: Section[];
+};
+
+export type Section = {
+ title: string;
+ sectionSlug: string;
+ published: boolean;
+ children: Lesson[];
+};
+
+export type Lesson = {
+ title: string;
+ filename: string;
+};
diff --git a/packages/course-app/src/template/src/lib/utils/types/page.ts b/packages/course-app/src/template/src/lib/utils/types/page.ts
new file mode 100644
index 00000000..567f1623
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/types/page.ts
@@ -0,0 +1,13 @@
+export type Page = {
+ id: string;
+ title: string;
+ slug: string;
+ status: 'draft' | 'published';
+ sections: Section[];
+};
+
+export type Section = {
+ settings: Record;
+ show: boolean;
+ type: string;
+};
diff --git a/packages/course-app/src/template/src/lib/utils/types/template.ts b/packages/course-app/src/template/src/lib/utils/types/template.ts
new file mode 100644
index 00000000..c80efe49
--- /dev/null
+++ b/packages/course-app/src/template/src/lib/utils/types/template.ts
@@ -0,0 +1,9 @@
+import type { Component } from 'svelte';
+
+export type TemplateComponents = {
+ navigation: Component;
+ footer: Component;
+ button: Component;
+ coursespage: Component;
+ homepage: Component;
+};
diff --git a/packages/course-app/src/template/src/routes/+layout.server.ts b/packages/course-app/src/template/src/routes/+layout.server.ts
new file mode 100644
index 00000000..bec5d594
--- /dev/null
+++ b/packages/course-app/src/template/src/routes/+layout.server.ts
@@ -0,0 +1,23 @@
+import { getPage } from '$lib/utils/helpers/page';
+import { PAGE } from '$lib/utils/constants/page';
+import type { Course } from '@/utils/types/course';
+import { homePage, sharedPage as sharedPageStore } from '$lib/utils/stores/pages';
+import { courses as coursesStore } from '$lib/utils/stores/course';
+
+export const load = async ({ fetch }) => {
+ const page = getPage(PAGE.HOME)!;
+ const sharedPage = getPage(PAGE.SHARED)!;
+
+ const response = await fetch('/api/courses');
+ const courses: Course[] = await response.json();
+
+ homePage.set(page);
+ sharedPageStore.set(sharedPage);
+ coursesStore.set(courses);
+
+ return {
+ page,
+ sharedPage,
+ courses
+ };
+};
diff --git a/packages/course-app/src/template/src/routes/+layout.svelte b/packages/course-app/src/template/src/routes/+layout.svelte
new file mode 100644
index 00000000..0bb28d26
--- /dev/null
+++ b/packages/course-app/src/template/src/routes/+layout.svelte
@@ -0,0 +1,53 @@
+
+
+
+ {seo?.settings.title}
+
+
+
+{#if $homePage.id}
+
+
+ {#if !$page.url.pathname.includes('course/')}
+
+ {/if}
+
+ {@render children?.()}
+
+ {#if !$page.url.pathname.includes('course/')}
+
+ {/if}
+
+
+{/if}
diff --git a/packages/course-app/src/template/src/routes/+layout.ts b/packages/course-app/src/template/src/routes/+layout.ts
new file mode 100644
index 00000000..189f71e2
--- /dev/null
+++ b/packages/course-app/src/template/src/routes/+layout.ts
@@ -0,0 +1 @@
+export const prerender = true;
diff --git a/packages/course-app/src/template/src/routes/+page.svelte b/packages/course-app/src/template/src/routes/+page.svelte
new file mode 100644
index 00000000..b3447772
--- /dev/null
+++ b/packages/course-app/src/template/src/routes/+page.svelte
@@ -0,0 +1,5 @@
+
+
+
diff --git a/packages/course-app/src/template/src/routes/api/course/[slug]/+server.ts b/packages/course-app/src/template/src/routes/api/course/[slug]/+server.ts
new file mode 100644
index 00000000..ab043e81
--- /dev/null
+++ b/packages/course-app/src/template/src/routes/api/course/[slug]/+server.ts
@@ -0,0 +1,15 @@
+import { json, error } from '@sveltejs/kit';
+import { getCourse } from '$lib/utils/helpers/course';
+
+export const GET = async ({ params }) => {
+ try {
+ const { slug } = params;
+ const course = await getCourse(slug);
+
+ return json(course);
+ } catch (e) {
+ console.error(e);
+
+ error(404, `${e}`);
+ }
+};
diff --git a/packages/course-app/src/template/src/routes/api/courses/+server.ts b/packages/course-app/src/template/src/routes/api/courses/+server.ts
new file mode 100644
index 00000000..a1da104b
--- /dev/null
+++ b/packages/course-app/src/template/src/routes/api/courses/+server.ts
@@ -0,0 +1,14 @@
+import { json, error } from '@sveltejs/kit';
+import { getCourses } from '$lib/utils/helpers/course';
+
+export const GET = async () => {
+ try {
+ const courses = await getCourses();
+
+ return json(courses);
+ } catch (e) {
+ console.error(e);
+
+ error(500, `${e}`);
+ }
+};
diff --git a/packages/course-app/src/template/src/routes/course/[slug]/+layout.server.ts b/packages/course-app/src/template/src/routes/course/[slug]/+layout.server.ts
new file mode 100644
index 00000000..bc3e844c
--- /dev/null
+++ b/packages/course-app/src/template/src/routes/course/[slug]/+layout.server.ts
@@ -0,0 +1,26 @@
+import type { Course, Section } from '$lib/utils/types/course';
+import { redirect } from '@sveltejs/kit';
+
+export const load = async ({ params, fetch }) => {
+ const slug = params.slug || '';
+
+ const response = await fetch(`/api/course/${slug}`);
+ const course = (await response.json()) as Course;
+
+ if (!params.section) {
+ redirectToFirstLesson(course.sections, slug);
+ }
+
+ return { ...course, sections: course.sections, slug };
+};
+
+function redirectToFirstLesson(sections: Section[], slug: string) {
+ const firstSection = sections[0];
+ const firstLesson = firstSection.children[0];
+
+ if (!firstSection || !firstLesson) {
+ throw new Error('No course content found');
+ }
+
+ redirect(302, `/course/${slug}/${firstSection.sectionSlug}/${firstLesson.filename}`);
+}
diff --git a/packages/course-app/src/template/src/routes/course/[slug]/+layout.svelte b/packages/course-app/src/template/src/routes/course/[slug]/+layout.svelte
new file mode 100644
index 00000000..1b0db41f
--- /dev/null
+++ b/packages/course-app/src/template/src/routes/course/[slug]/+layout.svelte
@@ -0,0 +1,94 @@
+
+
+
+
diff --git a/packages/course-app/src/webflow/src/lib/components/ui/button/button.svelte b/packages/course-app/src/webflow/src/lib/components/ui/button/button.svelte
new file mode 100644
index 00000000..649b4cf4
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/components/ui/button/button.svelte
@@ -0,0 +1,38 @@
+
+
+
+ {@render children?.()}
+
diff --git a/packages/course-app/src/webflow/src/lib/components/ui/button/index.ts b/packages/course-app/src/webflow/src/lib/components/ui/button/index.ts
new file mode 100644
index 00000000..af1e188c
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/components/ui/button/index.ts
@@ -0,0 +1,49 @@
+import { type VariantProps, tv } from "tailwind-variants";
+import type { Button as ButtonPrimitive } from "bits-ui";
+import Root from "./button.svelte";
+
+const buttonVariants = tv({
+ base: "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+ variants: {
+ variant: {
+ default: "bg-primary text-primary-foreground hover:bg-primary/90",
+ destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+ outline:
+ "border-input bg-background hover:bg-accent hover:text-accent-foreground border",
+ secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ ghost: "hover:bg-accent hover:text-accent-foreground",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-10 px-4 py-2",
+ sm: "h-9 rounded-md px-3",
+ lg: "h-11 rounded-md px-8",
+ icon: "h-10 w-10",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+});
+
+type Variant = VariantProps["variant"];
+type Size = VariantProps["size"];
+
+type Props = ButtonPrimitive.Props & {
+ variant?: Variant;
+ size?: Size;
+};
+
+type Events = ButtonPrimitive.Events;
+
+export {
+ Root,
+ type Props,
+ type Events,
+ //
+ Root as Button,
+ type Props as ButtonProps,
+ type Events as ButtonEvents,
+ buttonVariants,
+};
diff --git a/packages/course-app/src/webflow/src/lib/components/ui/skeleton/index.ts b/packages/course-app/src/webflow/src/lib/components/ui/skeleton/index.ts
new file mode 100644
index 00000000..186db219
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/components/ui/skeleton/index.ts
@@ -0,0 +1,7 @@
+import Root from "./skeleton.svelte";
+
+export {
+ Root,
+ //
+ Root as Skeleton,
+};
diff --git a/packages/course-app/src/webflow/src/lib/components/ui/skeleton/skeleton.svelte b/packages/course-app/src/webflow/src/lib/components/ui/skeleton/skeleton.svelte
new file mode 100644
index 00000000..f097e9cf
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/components/ui/skeleton/skeleton.svelte
@@ -0,0 +1,16 @@
+
+
+
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/metadata.json b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/metadata.json
new file mode 100644
index 00000000..6f8e36c8
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/metadata.json
@@ -0,0 +1,9 @@
+{
+ "title": "An Introduction to Programming",
+ "description": "Introduction to programming is an introductory course to programming fundamentals and other related learning materials",
+ "banner": "/classroomio-course-img-template.jpg",
+ "created_at": "23rd march 2024",
+ "cost": 20,
+ "currency": "N",
+ "type": "paced"
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/algorithms.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/algorithms.md
new file mode 100644
index 00000000..71e587d7
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/algorithms.md
@@ -0,0 +1,6 @@
+---
+title: 'Algorithms in programming'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/fundamentals-of-programming.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/fundamentals-of-programming.md
new file mode 100644
index 00000000..2e82bc1e
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/fundamentals-of-programming.md
@@ -0,0 +1,6 @@
+---
+title: 'fundamentals of programming'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/introduction.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/introduction.md
new file mode 100644
index 00000000..22bcbb88
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/introduction.md
@@ -0,0 +1,23 @@
+---
+title: 'Introduction to programming'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/metadata.json b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/metadata.json
new file mode 100644
index 00000000..a43419bc
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionA/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "Basics of Programming",
+ "unlocked": true,
+ "position": 1
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/fundamentals-of-system-design.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/fundamentals-of-system-design.md
new file mode 100644
index 00000000..03649733
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/fundamentals-of-system-design.md
@@ -0,0 +1,6 @@
+---
+title: 'fundamentals of system design'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/introduction.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/introduction.md
new file mode 100644
index 00000000..5d1b3ea3
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/introduction.md
@@ -0,0 +1,23 @@
+---
+title: 'Introduction to system design'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/metadata.json b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/metadata.json
new file mode 100644
index 00000000..f5c4cd3d
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "System Design",
+ "unlocked": true,
+ "position": 2
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/system-architecture.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/system-architecture.md
new file mode 100644
index 00000000..ea70e475
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionB/system-architecture.md
@@ -0,0 +1,6 @@
+---
+title: 'System Architecture'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/ai-convention.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/ai-convention.md
new file mode 100644
index 00000000..fe59cd27
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/ai-convention.md
@@ -0,0 +1,6 @@
+---
+title: 'Convention for AI in programming'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/ai-in-programming.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/ai-in-programming.md
new file mode 100644
index 00000000..142cb3bc
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/ai-in-programming.md
@@ -0,0 +1,6 @@
+---
+title: 'AI for Programmers'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/machine-learning.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/machine-learning.md
new file mode 100644
index 00000000..c848f949
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/machine-learning.md
@@ -0,0 +1,23 @@
+---
+title: 'Machine Learning'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/metadata.json b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/metadata.json
new file mode 100644
index 00000000..0966e89b
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-programming/sectionC/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "AI in programming: Pros and Cons",
+ "unlocked": false,
+ "position": 3
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/metadata.json b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/metadata.json
new file mode 100644
index 00000000..120e984b
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/metadata.json
@@ -0,0 +1,9 @@
+{
+ "title": "Introduction to testing",
+ "description": "Introduction to testing is an introductory course to programming fundamentals and other related learning materials",
+ "banner": "/classroomio-course-img-template.jpg",
+ "created_at": "23rd march 2024",
+ "cost": 20,
+ "currency": "N",
+ "type": "paced"
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/intro-to-testing.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/intro-to-testing.md
new file mode 100644
index 00000000..a29bd9e4
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/intro-to-testing.md
@@ -0,0 +1,6 @@
+---
+title:'Introduction to testing'
+position:1
+---
+
+This is the content of this lesson
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/metadata.json b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/metadata.json
new file mode 100644
index 00000000..404f4545
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "Testing101",
+ "unlocked": true,
+ "position": 1
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/testing-in-svelte.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/testing-in-svelte.md
new file mode 100644
index 00000000..3995eedf
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-One/testing-in-svelte.md
@@ -0,0 +1,6 @@
+---
+title: 'testing in svelte'
+position:2
+---
+
+this is the second lesson
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/intro-to-testing.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/intro-to-testing.md
new file mode 100644
index 00000000..11f571f7
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/intro-to-testing.md
@@ -0,0 +1,6 @@
+---
+title:'Test driven development'
+position:1
+---
+
+This is the content of this lesson
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/metadata.json b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/metadata.json
new file mode 100644
index 00000000..4525be06
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "Overview of testing",
+ "unlocked": true,
+ "position": 2
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/testing-in-svelte.md b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/testing-in-svelte.md
new file mode 100644
index 00000000..a12e80cd
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/Introduction-to-testing/section-Two/testing-in-svelte.md
@@ -0,0 +1,6 @@
+---
+title: 'Testing in svelte using Vitest'
+position:2
+---
+
+this is the second lesson
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/metadata.json b/packages/course-app/src/webflow/src/lib/courses/patterns/metadata.json
new file mode 100644
index 00000000..7058c1d9
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/metadata.json
@@ -0,0 +1,9 @@
+{
+ "title": "Design Patterns",
+ "description": "Design patterns is an introductory course to patterns in designs and other related learning materials",
+ "banner": "/classroomio-course-img-template.jpg",
+ "created_at": "23rd march 2024",
+ "cost": 50,
+ "currency": "N",
+ "type": "paced"
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/design-for begginers.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/design-for begginers.md
new file mode 100644
index 00000000..d1e98ff7
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/design-for begginers.md
@@ -0,0 +1,6 @@
+---
+title: 'Design for begginners'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/introduction.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/introduction.md
new file mode 100644
index 00000000..7bfdf3e5
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/introduction.md
@@ -0,0 +1,23 @@
+---
+title: 'Introduction to Design'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/metadata.json b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/metadata.json
new file mode 100644
index 00000000..cb660f90
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "fundamentals of Design",
+ "unlocked": true,
+ "position": 1
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/using-figma.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/using-figma.md
new file mode 100644
index 00000000..ed9c85dc
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionA/using-figma.md
@@ -0,0 +1,6 @@
+---
+title: 'using figma'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/introduction.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/introduction.md
new file mode 100644
index 00000000..bce72886
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/introduction.md
@@ -0,0 +1,23 @@
+---
+title: 'Design patterns'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/metadata.json b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/metadata.json
new file mode 100644
index 00000000..a3a7dc97
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "Design Patterns: Deep dive",
+ "unlocked": true,
+ "position": 2
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/pattern designs.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/pattern designs.md
new file mode 100644
index 00000000..464e5f9d
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/pattern designs.md
@@ -0,0 +1,6 @@
+---
+title: 'patterns in design'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/patterns-and-systems.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/patterns-and-systems.md
new file mode 100644
index 00000000..7170f915
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionB/patterns-and-systems.md
@@ -0,0 +1,6 @@
+---
+title: 'patterns and systems'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/Introduction.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/Introduction.md
new file mode 100644
index 00000000..6f6cb961
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/Introduction.md
@@ -0,0 +1,23 @@
+---
+title: 'design trends'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/creating-trends.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/creating-trends.md
new file mode 100644
index 00000000..ba0d6598
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/creating-trends.md
@@ -0,0 +1,6 @@
+---
+title: 'creating trends in design'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/design-that-trends.md b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/design-that-trends.md
new file mode 100644
index 00000000..1b09fd2c
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/design-that-trends.md
@@ -0,0 +1,6 @@
+---
+title: 'designs that trends'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/metadata.json b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/metadata.json
new file mode 100644
index 00000000..de583a1d
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/patterns/sectionC/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "Design trends",
+ "unlocked": false,
+ "position": 3
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/metadata.json b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/metadata.json
new file mode 100644
index 00000000..cfa10202
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/metadata.json
@@ -0,0 +1,9 @@
+{
+ "title": "UIUX fundamentals",
+ "description": "Introduction to uiux is an introductory course to uiux fundamentals and other related learning materials",
+ "banner": "/classroomio-course-img-template.jpg",
+ "created_at": "23rd march 2024",
+ "cost": 0,
+ "currency": "N",
+ "type": "live"
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/Introduction.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/Introduction.md
new file mode 100644
index 00000000..22bcbb88
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/Introduction.md
@@ -0,0 +1,23 @@
+---
+title: 'Introduction to programming'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/conclusion.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/conclusion.md
new file mode 100644
index 00000000..3e88005b
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/conclusion.md
@@ -0,0 +1,6 @@
+---
+title: 'Summary and conclusion'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/fundamentals-of-programming.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/fundamentals-of-programming.md
new file mode 100644
index 00000000..2e82bc1e
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/fundamentals-of-programming.md
@@ -0,0 +1,6 @@
+---
+title: 'fundamentals of programming'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/metadata.json b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/metadata.json
new file mode 100644
index 00000000..9df4679f
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionA/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "UIUX 101",
+ "unlocked": true,
+ "position": 1
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/Introduction.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/Introduction.md
new file mode 100644
index 00000000..22bcbb88
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/Introduction.md
@@ -0,0 +1,23 @@
+---
+title: 'Introduction to programming'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/conclusion.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/conclusion.md
new file mode 100644
index 00000000..3e88005b
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/conclusion.md
@@ -0,0 +1,6 @@
+---
+title: 'Summary and conclusion'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/fundamentals-of-programming.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/fundamentals-of-programming.md
new file mode 100644
index 00000000..2e82bc1e
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/fundamentals-of-programming.md
@@ -0,0 +1,6 @@
+---
+title: 'fundamentals of programming'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/metadata.json b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/metadata.json
new file mode 100644
index 00000000..7aaa4035
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionB/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "Case Study in UIUX",
+ "unlocked": true,
+ "position": 2
+}
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/Introduction.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/Introduction.md
new file mode 100644
index 00000000..22bcbb88
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/Introduction.md
@@ -0,0 +1,23 @@
+---
+title: 'Introduction to programming'
+position: 1
+---
+
+
+_Rotimi Best at the 2 day EduAI Hub Summit held at the University of Lagos_
+
+I was invited by [EduAI Hub](https://eduaihub.org/) to their 2 day summit at the University of Lagos to talk about the progress we've made as a company and how we are using AI in education.
+
+A bit about EduAI Hub before I jump into my experience at the summit:
+
+> The EduAI hub is an African based research network on responsible artificial intelligence innovations that seek to advance education across Africa.
+>
+> The EduAI hub is located within the University of Lagos main campus. The Hub network presently comprises the University of Lagos, Université d’Abomey Calavi, in Benin Republic, and Data Science Nigeria (DSN).
+>
+> Learn more [here](https://eduaihub.org/).
+
+### My experience
+
+Now to my experience - **it was nothing less than amazing**.
+
+I could see how the eyes of some of the educators lite up when I said we can allow them build a customisable alternative to Google Classroom without writing a single line of code. I spoke about the importance of a customisable no-code elearning platform that anyone could use to deploy their own learning management system that suits their brand. I also gave an analogy using Shopify and Wordpress, how Shopify is allowing businesses create ecommerce stores in minutes or Wordpress allowing writters and businesses create robust websites in minutes - that's exactly what we want to do in the educational space starting with bootcamps.
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/conclusion.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/conclusion.md
new file mode 100644
index 00000000..3e88005b
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/conclusion.md
@@ -0,0 +1,6 @@
+---
+title: 'Summary and conclusion'
+position: 3
+---
+
+I started my open source journey in October of 2023 by working on [Formbricks](https://formbricks.com). It was the first time I got to really work on a project that was used by hundreds of people and at the same time the [code was public](https://github.com/formbricks/formbricks/commits?author=rotimi-best) for everyone to see.
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/fundamentals-of-programming.md b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/fundamentals-of-programming.md
new file mode 100644
index 00000000..2e82bc1e
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/fundamentals-of-programming.md
@@ -0,0 +1,6 @@
+---
+title: 'fundamentals of programming'
+position: 2
+---
+
+this is the fundamentals of programming
diff --git a/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/metadata.json b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/metadata.json
new file mode 100644
index 00000000..b59d51a6
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/courses/uiux-fundamentals/sectionC/metadata.json
@@ -0,0 +1,5 @@
+{
+ "title": "UIUX for developers",
+ "unlocked": false,
+ "position": 3
+}
diff --git a/packages/course-app/src/webflow/src/lib/data/home.json b/packages/course-app/src/webflow/src/lib/data/home.json
new file mode 100644
index 00000000..17a5dd25
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/data/home.json
@@ -0,0 +1,147 @@
+{
+ "header": {
+ "title": "Go from Beginner to Pro with our Bootcamp Courses",
+ "titleHighlight": "Learn how to code your way to stardom",
+ "subtitle": "Gain practical skills and industry knowledge through our intensive, hands-on bootcamp programs.",
+ "action": {
+ "label": "Explore Available courses",
+ "link": "/courses",
+ "redirect": false
+ },
+ "banner": {
+ "video": "https://www.youtube.com/watch?v=qqAYW7uxErI",
+ "image": "",
+ "type": "video",
+ "show": true
+ },
+ "show": true
+ },
+ "courseHeader": {
+ "title": "Courses",
+ "titleHighlight": "",
+ "subtitle": "Designed to guide you step-by-step through essential skills. Browse, enroll, and start transforming your career today!",
+ "action": {
+ "label": "Explore Courses",
+ "link": "/courses",
+ "redirect": false
+ },
+ "banner": {
+ "video": "https://www.youtube.com/watch?v=qqAYW7uxErI",
+ "image": "",
+ "type": "video",
+ "show": true
+ },
+ "show": true
+ },
+ "aboutUs": {
+ "title": "Learn with us but you will hate this courses if.......",
+ "subtitle": " You prefer waiting for data or don’t want full control over your product’s destiny. But if you’re ready to take charge, get instant insights, and leave guesswork behind, this is your playbook. Dive in, learn PostHog, and start building products users love",
+
+ "imageUrl": "https://tapaozmyjsuykgerrfkt.supabase.co/storage/v1/object/public/avatars/landingpage/riverside.jpeg",
+ "benefits": {
+ "title": "What you will gain",
+ "list": [
+ {
+ "title": "Real-world coding challenges.",
+ "subtitle": "Work through projects that mirror real-world tasks, helping you build a portfolio that showcases your skills to potential employers."
+ },
+ {
+ "title": "Experienced Instructors",
+ "subtitle": "Learn from industry experts who bring their hands-on experience to the classroom, guiding you every step of the way."
+ },
+ {
+ "title": "Comprehensive Materials",
+ "subtitle": "Get access to up-to-date resources that cover all key topics and methodologies, ensuring a complete learning experience."
+ },
+ {
+ "title": "Proven Success",
+ "subtitle": "With over 20 years of combined teaching experience, our methods have been proven to lead to better results and a deep understanding of the subject matter."
+ }
+ ]
+ },
+ "show": true
+ },
+ "courses": {
+ "title": "Available bootcamp courses",
+ "titleHighlight": "",
+ "subtitle": "Explore creative and tech courses that will help you own you skill set",
+ "show": true
+ },
+ "pathway": {
+ "title": "Become an expert with our “Learning Path” Programs",
+ "titleHighlight": "",
+ "subtitle": "With over 5 years of extensive coding experience, I am equipped to help you achieve success in your choice of coding career.",
+ "show": true
+ },
+ "faq": {
+ "title": "Frequently Asked Questions.",
+ "questions": [
+ {
+ "id": 1,
+ "title": "What sets your platform apart from others?",
+ "content": "Our platform is focused on providing practical, project-based learning. We aim to equip learners with skills that are directly applicable to their career paths. From real-world projects to experienced instructors, we focus on a hands-on approach to help you master each topic efficiently."
+ },
+ {
+ "id": 2,
+ "title": "Are the courses beginner-friendly?",
+ "content": "Absolutely! Whether you're a complete beginner or looking to advance your skills, we have courses designed for every level. Our step-by-step approach ensures that even the most complex topics are broken down into easy-to-understand lessons."
+ },
+ {
+ "id": 3,
+ "title": "How long does it take to complete a course?",
+ "content": "Course lengths vary depending on the subject. However, most of our courses are designed to be completed at your own pace, allowing you to take the time you need to fully understand the material before moving on."
+ }
+ ],
+ "show": true
+ },
+ "testimonial": {
+ "show": true,
+ "list": [
+ {
+ "name": "Zulaike Elebute",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Oluwaseun olaniyan",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ },
+ {
+ "name": "Zulaike Elebute",
+ "description": "I can't recommend the Mobile App Development bootcamp enough. The course was challenging, but the support from my peers and instructors was incredible. I learned so much about both iOS and Android development, and I'm now developing apps for a tech startup."
+ }
+ ]
+ },
+ "contact": {
+ "title": "Have you got any",
+ "titleHighlight": "Questions?",
+ "subtitle": "Reach out to us with any questions you might have.",
+ "address": "Ashwoodfield House Farm, Kidderminster Rd, Stourbridge, Kingswinford DY6 0AA",
+ "phone": "+4407339904995",
+ "email": "help@digdippa.com",
+ "show": true
+ },
+ "footerNote": {
+ "title": "Start Learning Today – Own Your",
+ "titleHighlight": "Product Data",
+ "subtitle": "Gain the skills to take control of your analytics, optimize features, and deliver a productyour users love. Enroll now to start mastering PostHog and transforming your approach to product development!",
+ "buttonLabel": "Get Started",
+ "show": true
+ },
+ "mailinglist": {
+ "title": "Join our mailing list",
+ "subtitle": "We are constantly releasing new courses and sharing them with our email list. Subscribe to get notified once we release a new course.",
+ "buttonLabel": "Subscribe",
+ "show": true
+ },
+ "footer": {
+ "facebook": "#",
+ "instagram": "#",
+ "twitter": "#",
+ "linkedin": "#",
+ "show": true
+ }
+}
diff --git a/packages/course-app/src/webflow/src/lib/index.svelte b/packages/course-app/src/webflow/src/lib/index.svelte
new file mode 100644
index 00000000..27bbbaf6
--- /dev/null
+++ b/packages/course-app/src/webflow/src/lib/index.svelte
@@ -0,0 +1,28 @@
+
+
+
+ {' '}
+ 
+ 
+ 
+ 
+ 
+ 
+