bender/7d3d4d4d-1120-4cca-9eb9-efc226b871ab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-03 01:03:36 +00:00
Conversation 0 Commits 5 Files Changed 5 +139 -356
5 changed files with 139 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/about/page.tsx
View File

@@ -20,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Courses", href: "/courses" },
{ label: "Pricing", href: "/pricing" },
{ label: "Learning Paths", href: "/" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Mission", href: "/" },
{ label: "Team", href: "/" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Help Center", href: "/" },
{ label: "Community", href: "/" },
{ label: "Instructor Hub", href: "/" },
@@ -47,8 +44,7 @@ export default function AboutPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Facebook", href: "https://facebook.com" },
@@ -64,7 +60,7 @@ export default function AboutPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
@@ -84,9 +80,10 @@ export default function AboutPage() {
{ value: "5 Years", title: "Building Excellence" },
{ value: "$50M+", title: "Invested in Education" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/diverse-group-of-learners-studying-toget-1772499601419-07798396.png?_wi=2"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/diverse-group-of-learners-studying-toget-1772499601419-07798396.png"
imageAlt="Our founding team and mission"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -102,37 +99,19 @@ export default function AboutPage() {
features={[
{
id: 1,
tag: "Accessibility",
title: "Education for Everyone",
subtitle: "Breaking down barriers",
description:
"We believe quality education shouldn't be gatekept by privilege or geography. We're committed to affordability, free courses, and supporting learners in developing countries through scholarships and partnerships.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/modern-e-learning-platform-dashboard-int-1772499602330-c5daaf2f.png?_wi=4",
imageAlt: "Accessibility Value",
},
tag: "Accessibility", title: "Education for Everyone", subtitle: "Breaking down barriers", description:
"We believe quality education shouldn't be gatekept by privilege or geography. We're committed to affordability, free courses, and supporting learners in developing countries through scholarships and partnerships.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/modern-e-learning-platform-dashboard-int-1772499602330-c5daaf2f.png", imageAlt: "Accessibility Value"},
{
id: 2,
tag: "Quality",
title: "Excellence in Every Course",
subtitle: "Expert-led instruction",
description:
"Our rigorous instructor vetting process ensures only the best educators teach on our platform. Every course is regularly updated to reflect industry standards and emerging technologies.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/interactive-online-learning-interface-wi-1772499600936-811ed4e4.png?_wi=4",
imageAlt: "Quality Value",
},
tag: "Quality", title: "Excellence in Every Course", subtitle: "Expert-led instruction", description:
"Our rigorous instructor vetting process ensures only the best educators teach on our platform. Every course is regularly updated to reflect industry standards and emerging technologies.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/interactive-online-learning-interface-wi-1772499600936-811ed4e4.png", imageAlt: "Quality Value"},
{
id: 3,
tag: "Community",
title: "Learning Together",
subtitle: "Support and collaboration",
description:
"Education is more effective when shared. We foster vibrant communities where learners support each other, share experiences, and grow together. Peer learning is at the heart of our platform.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/social-learning-community-interface-show-1772499602580-1398619b.png?_wi=4",
imageAlt: "Community Value",
},
tag: "Community", title: "Learning Together", subtitle: "Support and collaboration", description:
"Education is more effective when shared. We foster vibrant communities where learners support each other, share experiences, and grow together. Peer learning is at the heart of our platform.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/social-learning-community-interface-show-1772499602580-1398619b.png", imageAlt: "Community Value"},
]}
/>
</div>
@@ -143,7 +122,7 @@ export default function AboutPage() {
tagIcon={Rocket}
title="Be Part of the Education Revolution"
description="Whether you're a learner ready to transform your career or an educator wanting to share your expertise, Infinilearn is building the future of education together."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "Start Learning", href: "/courses" },

92
src/app/courses/page.tsx
View File

@@ -20,8 +20,7 @@ export default function CoursesPage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Courses", href: "/courses" },
{ label: "Pricing", href: "/pricing" },
{ label: "Learning Paths", href: "/" },
@@ -29,8 +28,7 @@ export default function CoursesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Mission", href: "/" },
{ label: "Team", href: "/" },
@@ -38,8 +36,7 @@ export default function CoursesPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Help Center", href: "/" },
{ label: "Community", href: "/" },
{ label: "Instructor Hub", href: "/" },
@@ -47,8 +44,7 @@ export default function CoursesPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Facebook", href: "https://facebook.com" },
@@ -64,7 +60,7 @@ export default function CoursesPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
@@ -85,53 +81,29 @@ export default function CoursesPage() {
features={[
{
id: 1,
tag: "Technology",
title: "Web Development Bootcamp",
subtitle: "Master modern web technologies",
description:
"Learn HTML, CSS, JavaScript, React, and Node.js from industry professionals. Build real-world projects and deploy to production. Get hands-on experience with version control, databases, and cloud hosting.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/interactive-online-learning-interface-wi-1772499600936-811ed4e4.png?_wi=2",
imageAlt: "Web Development Course",
buttons: [
tag: "Technology", title: "Web Development Bootcamp", subtitle: "Master modern web technologies", description:
"Learn HTML, CSS, JavaScript, React, and Node.js from industry professionals. Build real-world projects and deploy to production. Get hands-on experience with version control, databases, and cloud hosting.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/interactive-online-learning-interface-wi-1772499600936-811ed4e4.png", imageAlt: "Web Development Course", buttons: [
{
text: "Enroll Now",
href: "/",
},
text: "Enroll Now", href: "/"},
],
},
{
id: 2,
tag: "Data Science",
title: "Data Science Fundamentals",
subtitle: "Learn to analyze and visualize data",
description:
"Master Python, pandas, and machine learning algorithms. Work with real datasets and build predictive models. Learn data visualization with matplotlib and tableau. Perfect for aspiring data analysts and scientists.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/modern-e-learning-platform-dashboard-int-1772499602330-c5daaf2f.png?_wi=2",
imageAlt: "Data Science Course",
buttons: [
tag: "Data Science", title: "Data Science Fundamentals", subtitle: "Learn to analyze and visualize data", description:
"Master Python, pandas, and machine learning algorithms. Work with real datasets and build predictive models. Learn data visualization with matplotlib and tableau. Perfect for aspiring data analysts and scientists.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/modern-e-learning-platform-dashboard-int-1772499602330-c5daaf2f.png", imageAlt: "Data Science Course", buttons: [
{
text: "Enroll Now",
href: "/",
},
text: "Enroll Now", href: "/"},
],
},
{
id: 3,
tag: "Design",
title: "UI/UX Design Masterclass",
subtitle: "Create beautiful user experiences",
description:
"Learn design principles, user research, and prototyping with Figma. Build a professional portfolio with real-world case studies. Understand accessibility, responsiveness, and modern design trends.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/social-learning-community-interface-show-1772499602580-1398619b.png?_wi=2",
imageAlt: "UI/UX Design Course",
buttons: [
tag: "Design", title: "UI/UX Design Masterclass", subtitle: "Create beautiful user experiences", description:
"Learn design principles, user research, and prototyping with Figma. Build a professional portfolio with real-world case studies. Understand accessibility, responsiveness, and modern design trends.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/social-learning-community-interface-show-1772499602580-1398619b.png", imageAlt: "UI/UX Design Course", buttons: [
{
text: "Enroll Now",
href: "/",
},
text: "Enroll Now", href: "/"},
],
},
]}
@@ -147,29 +119,17 @@ export default function CoursesPage() {
animationType="slide-up"
metrics={[
{
id: "1",
icon: BookOpen,
title: "Expert Instructors",
value: "150+",
},
id: "1", icon: BookOpen,
title: "Expert Instructors", value: "150+"},
{
id: "2",
icon: Code,
title: "Hands-On Projects",
value: "1000+",
},
id: "2", icon: Code,
title: "Hands-On Projects", value: "1000+"},
{
id: "3",
icon: TrendingUp,
title: "Job Placement Rate",
value: "87%",
},
id: "3", icon: TrendingUp,
title: "Job Placement Rate", value: "87%"},
{
id: "4",
icon: BookOpen,
title: "Course Completion",
value: "92%",
},
id: "4", icon: BookOpen,
title: "Course Completion", value: "92%"},
]}
/>
</div>
@@ -180,7 +140,7 @@ export default function CoursesPage() {
tagIcon={Rocket}
title="Ready to Advance Your Career?"
description="Browse all 2000+ courses and find the perfect learning path for your goals. Join thousands of successful learners transforming their careers today."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "Browse All Courses", href: "/courses" },

33
src/app/layout.tsx
View File

@@ -6,43 +6,26 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const mulish = Mulish({
variable: "--font-mulish",
subsets: ["latin"],
variable: "--font-mulish", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Infinilearn - Learn Infinitely, Grow Continuously",
description: "Master new skills with personalized learning paths. Join 500K+ learners globally. Expert-led courses, flexible schedules, recognized certificates. Start learning today.",
keywords: "online courses, learning platform, skill development, career growth, education, certifications, professional development",
metadataBase: new URL("https://infinilearn.com"),
title: "Infinilearn - Learn Infinitely, Grow Continuously", description: "Master new skills with personalized learning paths. Join 500K+ learners globally. Expert-led courses, flexible schedules, recognized certificates. Start learning today.", keywords: "online courses, learning platform, skill development, career growth, education, certifications, professional development", metadataBase: new URL("https://infinilearn.com"),
alternates: {
canonical: "https://infinilearn.com",
},
canonical: "https://infinilearn.com"},
openGraph: {
title: "Infinilearn - Learn Infinitely",
description: "Transform your career with personalized learning paths. 2000+ expert-led courses for every skill level.",
url: "https://infinilearn.com",
siteName: "Infinilearn",
type: "website",
images: [
title: "Infinilearn - Learn Infinitely", description: "Transform your career with personalized learning paths. 2000+ expert-led courses for every skill level.", url: "https://infinilearn.com", siteName: "Infinilearn", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-young-1772499601093-53c2181b.png",
alt: "Infinilearn Learning Community",
},
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-young-1772499601093-53c2181b.png", alt: "Infinilearn Learning Community"},
],
},
twitter: {
card: "summary_large_image",
title: "Infinilearn - Learn Infinitely",
description: "Master new skills with 2000+ expert-led courses. Join 500K+ global learners.",
images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-young-1772499601093-53c2181b.png",
],
card: "summary_large_image", title: "Infinilearn - Learn Infinitely", description: "Master new skills with 2000+ expert-led courses. Join 500K+ global learners.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-young-1772499601093-53c2181b.png"],
},
robots: {
index: true,

209
src/app/page.tsx
View File

@@ -24,8 +24,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Courses", href: "/courses" },
{ label: "Pricing", href: "/pricing" },
{ label: "Learning Paths", href: "/" },
@@ -33,8 +32,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Mission", href: "/" },
{ label: "Team", href: "/" },
@@ -42,8 +40,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Help Center", href: "/" },
{ label: "Community", href: "/" },
{ label: "Instructor Hub", href: "/" },
@@ -51,8 +48,7 @@ export default function HomePage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Facebook", href: "https://facebook.com" },
@@ -68,7 +64,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
@@ -82,20 +78,14 @@ export default function HomePage() {
<HeroCentered
title="Learn Infinitely, Grow Continuously"
description="Unlock your potential with personalized learning paths designed for every skill level. From beginner to expert, we empower learners worldwide to master new skills at their own pace."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-young-1772499601093-53c2181b.png",
alt: "Learner 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-young-1772499601093-53c2181b.png", alt: "Learner 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-young-1772499600560-0a004175.png",
alt: "Learner 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-young-1772499600560-0a004175.png", alt: "Learner 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-profe-1772499600587-b3bbbc7f.png",
alt: "Learner 3",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-a-diverse-profe-1772499600587-b3bbbc7f.png", alt: "Learner 3"},
]}
avatarText="Trusted by 500K+ learners globally"
buttons={[
@@ -116,9 +106,10 @@ export default function HomePage() {
{ value: "500K+", title: "Active Learners" },
{ value: "2000+", title: "Expert-Led Courses" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/diverse-group-of-learners-studying-toget-1772499601419-07798396.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/diverse-group-of-learners-studying-toget-1772499601419-07798396.png"
imageAlt="Diverse learning community"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -134,48 +125,24 @@ export default function HomePage() {
features={[
{
id: 1,
tag: "Discovery",
title: "Choose Your Path",
subtitle: "Find courses aligned with your goals",
description:
"Explore thousands of courses across multiple categories. Our intelligent recommendation engine suggests personalized learning paths based on your interests, skill level, and career goals. Browse expert-led courses with detailed descriptions and student reviews.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/modern-e-learning-platform-dashboard-int-1772499602330-c5daaf2f.png?_wi=1",
imageAlt: "Course discovery interface",
},
tag: "Discovery", title: "Choose Your Path", subtitle: "Find courses aligned with your goals", description:
"Explore thousands of courses across multiple categories. Our intelligent recommendation engine suggests personalized learning paths based on your interests, skill level, and career goals. Browse expert-led courses with detailed descriptions and student reviews.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/modern-e-learning-platform-dashboard-int-1772499602330-c5daaf2f.png", imageAlt: "Course discovery interface"},
{
id: 2,
tag: "Learning",
title: "Learn at Your Pace",
subtitle: "Flexible, interactive coursework",
description:
"Engage with high-quality video lectures, interactive coding challenges, quizzes, and real-world projects. Learn whenever you want, wherever you are. Our adaptive learning system adjusts difficulty based on your performance to keep you challenged but never overwhelmed.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/interactive-online-learning-interface-wi-1772499600936-811ed4e4.png?_wi=1",
imageAlt: "Interactive learning experience",
},
tag: "Learning", title: "Learn at Your Pace", subtitle: "Flexible, interactive coursework", description:
"Engage with high-quality video lectures, interactive coding challenges, quizzes, and real-world projects. Learn whenever you want, wherever you are. Our adaptive learning system adjusts difficulty based on your performance to keep you challenged but never overwhelmed.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/interactive-online-learning-interface-wi-1772499600936-811ed4e4.png", imageAlt: "Interactive learning experience"},
{
id: 3,
tag: "Community",
title: "Connect & Collaborate",
subtitle: "Learn from peers and mentors",
description:
"Join our thriving community of learners and experts. Participate in discussion forums, group projects, and live Q&A sessions. Get feedback from instructors and collaborate with fellow learners to deepen your understanding and build your network.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/social-learning-community-interface-show-1772499602580-1398619b.png?_wi=1",
imageAlt: "Community collaboration",
},
tag: "Community", title: "Connect & Collaborate", subtitle: "Learn from peers and mentors", description:
"Join our thriving community of learners and experts. Participate in discussion forums, group projects, and live Q&A sessions. Get feedback from instructors and collaborate with fellow learners to deepen your understanding and build your network.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/social-learning-community-interface-show-1772499602580-1398619b.png", imageAlt: "Community collaboration"},
{
id: 4,
tag: "Certification",
title: "Earn & Grow",
subtitle: "Recognized credentials",
description:
"Complete courses to earn industry-recognized certificates that showcase your skills to employers. Track your progress with detailed achievement analytics and build a portfolio of completed projects. Share your accomplishments on LinkedIn and accelerate your career growth.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/digital-certificate-of-completion-displa-1772499601308-bfea21a0.png",
imageAlt: "Certificate achievement",
},
tag: "Certification", title: "Earn & Grow", subtitle: "Recognized credentials", description:
"Complete courses to earn industry-recognized certificates that showcase your skills to employers. Track your progress with detailed achievement analytics and build a portfolio of completed projects. Share your accomplishments on LinkedIn and accelerate your career growth.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/digital-certificate-of-completion-displa-1772499601308-bfea21a0.png", imageAlt: "Certificate achievement"},
]}
/>
</div>
@@ -190,17 +157,11 @@ export default function HomePage() {
metrics={[
{ id: "1", icon: Users, title: "Active Learners", value: "500K+" },
{
id: "2",
icon: BookOpen,
title: "Courses Available",
value: "2000+",
},
id: "2", icon: BookOpen,
title: "Courses Available", value: "2000+"},
{
id: "3",
icon: Award,
title: "Certificates Awarded",
value: "1M+",
},
id: "3", icon: Award,
title: "Certificates Awarded", value: "1M+"},
{ id: "4", icon: Globe, title: "Countries Reached", value: "150+" },
]}
/>
@@ -216,65 +177,29 @@ export default function HomePage() {
speed={40}
testimonials={[
{
id: "1",
name: "Sarah Chen",
handle: "@sarahdev",
testimonial:
"Infinilearn helped me transition from marketing to software development. The structured courses and supportive community made all the difference in my career change.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/headshot-of-a-professional-woman-with-wa-1772499601195-3298ee5c.png",
imageAlt: "Sarah Chen",
},
id: "1", name: "Sarah Chen", handle: "@sarahdev", testimonial:
"Infinilearn helped me transition from marketing to software development. The structured courses and supportive community made all the difference in my career change.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/headshot-of-a-professional-woman-with-wa-1772499601195-3298ee5c.png", imageAlt: "Sarah Chen"},
{
id: "2",
name: "Marcus Johnson",
handle: "@marcusux",
testimonial:
"The UI/UX design course was incredibly comprehensive. I landed my dream job at a tech startup just 3 months after completing the program.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/headshot-of-a-young-male-professional-sm-1772499600535-8cda0fc6.png",
imageAlt: "Marcus Johnson",
},
id: "2", name: "Marcus Johnson", handle: "@marcusux", testimonial:
"The UI/UX design course was incredibly comprehensive. I landed my dream job at a tech startup just 3 months after completing the program.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/headshot-of-a-young-male-professional-sm-1772499600535-8cda0fc6.png", imageAlt: "Marcus Johnson"},
{
id: "3",
name: "Priya Patel",
handle: "@priyadata",
testimonial:
"As a working professional, the flexible learning schedule was perfect. I was able to upskill in data science without sacrificing my current job.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-diverse-woman-i-1772499601118-de35fd9e.png",
imageAlt: "Priya Patel",
},
id: "3", name: "Priya Patel", handle: "@priyadata", testimonial:
"As a working professional, the flexible learning schedule was perfect. I was able to upskill in data science without sacrificing my current job.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-diverse-woman-i-1772499601118-de35fd9e.png", imageAlt: "Priya Patel"},
{
id: "4",
name: "David Rodriguez",
handle: "@davidtech",
testimonial:
"The instructors are true experts in their fields. The real-world projects and portfolio building aspects made me immediately job-ready.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/headshot-of-male-developer-or-tech-profe-1772499600824-23d74bc9.png",
imageAlt: "David Rodriguez",
},
id: "4", name: "David Rodriguez", handle: "@davidtech", testimonial:
"The instructors are true experts in their fields. The real-world projects and portfolio building aspects made me immediately job-ready.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/headshot-of-male-developer-or-tech-profe-1772499600824-23d74bc9.png", imageAlt: "David Rodriguez"},
{
id: "5",
name: "Emma Wilson",
handle: "@emmacreative",
testimonial:
"Best investment I made in myself. The community support and expert guidance transformed not just my skills but my confidence.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-creative-profes-1772499600752-839b0187.png",
imageAlt: "Emma Wilson",
},
id: "5", name: "Emma Wilson", handle: "@emmacreative", testimonial:
"Best investment I made in myself. The community support and expert guidance transformed not just my skills but my confidence.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/professional-headshot-of-creative-profes-1772499600752-839b0187.png", imageAlt: "Emma Wilson"},
{
id: "6",
name: "Ahmed Hassan",
handle: "@ahmedlearn",
testimonial:
"Starting from zero, I learned full-stack development on Infinilearn. Now I'm building my own SaaS product. This platform is genuinely life-changing.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/headshot-of-diverse-male-entrepreneur-or-1772499601168-48aa64b2.png",
imageAlt: "Ahmed Hassan",
},
id: "6", name: "Ahmed Hassan", handle: "@ahmedlearn", testimonial:
"Starting from zero, I learned full-stack development on Infinilearn. Now I'm building my own SaaS product. This platform is genuinely life-changing.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/headshot-of-diverse-male-entrepreneur-or-1772499601168-48aa64b2.png", imageAlt: "Ahmed Hassan"},
]}
/>
</div>
@@ -288,41 +213,23 @@ export default function HomePage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "How long does it take to complete a course?",
content:
"Course duration varies depending on the subject and depth. Most courses range from 4 to 12 weeks with 5-10 hours of content per week. You can learn at your own pace, so you can complete courses faster or slower based on your schedule.",
},
id: "1", title: "How long does it take to complete a course?", content:
"Course duration varies depending on the subject and depth. Most courses range from 4 to 12 weeks with 5-10 hours of content per week. You can learn at your own pace, so you can complete courses faster or slower based on your schedule."},
{
id: "2",
title: "Will I get a certificate after completing a course?",
content:
"Yes! Upon successful completion of any course, you'll receive a verified certificate that you can share on LinkedIn and include in your resume. Our certificates are recognized by industry leaders and employers worldwide.",
},
id: "2", title: "Will I get a certificate after completing a course?", content:
"Yes! Upon successful completion of any course, you'll receive a verified certificate that you can share on LinkedIn and include in your resume. Our certificates are recognized by industry leaders and employers worldwide."},
{
id: "3",
title: "Can I get a refund if I'm not satisfied?",
content:
"Absolutely. We offer a 30-day money-back guarantee on all courses. If you're not satisfied with your learning experience, simply reach out to our support team and we'll process a full refund, no questions asked.",
},
id: "3", title: "Can I get a refund if I'm not satisfied?", content:
"Absolutely. We offer a 30-day money-back guarantee on all courses. If you're not satisfied with your learning experience, simply reach out to our support team and we'll process a full refund, no questions asked."},
{
id: "4",
title: "Do I need any technical prerequisites?",
content:
"Most of our beginner courses require no prior experience. We've designed our curriculum to start from the basics. For intermediate or advanced courses, we clearly indicate the prerequisites so you know exactly what background you'll need.",
},
id: "4", title: "Do I need any technical prerequisites?", content:
"Most of our beginner courses require no prior experience. We've designed our curriculum to start from the basics. For intermediate or advanced courses, we clearly indicate the prerequisites so you know exactly what background you'll need."},
{
id: "5",
title: "How does the community feature work?",
content:
"Every course has an active community forum where you can ask questions, share insights, and connect with fellow learners. Instructors regularly participate to provide guidance, and peer-to-peer learning is encouraged through discussion threads and collaborative projects.",
},
id: "5", title: "How does the community feature work?", content:
"Every course has an active community forum where you can ask questions, share insights, and connect with fellow learners. Instructors regularly participate to provide guidance, and peer-to-peer learning is encouraged through discussion threads and collaborative projects."},
{
id: "6",
title: "Can I access courses on mobile?",
content:
"Yes! Infinilearn is fully accessible on mobile devices. Download our app for iOS and Android, or access courses through your mobile browser. You can even download video lectures to watch offline when you don't have internet access.",
},
id: "6", title: "Can I access courses on mobile?", content:
"Yes! Infinilearn is fully accessible on mobile devices. Download our app for iOS and Android, or access courses through your mobile browser. You can even download video lectures to watch offline when you don't have internet access."},
]}
/>
</div>
@@ -333,7 +240,7 @@ export default function HomePage() {
tagIcon={Rocket}
title="Start Your Learning Journey Today"
description="Join over 500,000 learners who are already transforming their careers with Infinilearn. Get started with your first course and unlock your full potential."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "Explore All Courses", href: "/courses" },

106
src/app/pricing/page.tsx
View File

@@ -20,8 +20,7 @@ export default function PricingPage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Courses", href: "/courses" },
{ label: "Pricing", href: "/pricing" },
{ label: "Learning Paths", href: "/" },
@@ -29,8 +28,7 @@ export default function PricingPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Mission", href: "/" },
{ label: "Team", href: "/" },
@@ -38,8 +36,7 @@ export default function PricingPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Help Center", href: "/" },
{ label: "Community", href: "/" },
{ label: "Instructor Hub", href: "/" },
@@ -47,8 +44,7 @@ export default function PricingPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Twitter", href: "https://twitter.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Facebook", href: "https://facebook.com" },
@@ -64,7 +60,7 @@ export default function PricingPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
@@ -85,53 +81,29 @@ export default function PricingPage() {
features={[
{
id: 1,
tag: "Starter",
title: "Free Plan",
subtitle: "Perfect for exploring",
description:
"Access to selected free courses and community forums. Limited course selection and basic certificates. Ideal for students wanting to explore before committing. Get started at no cost and upgrade anytime.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/modern-e-learning-platform-dashboard-int-1772499602330-c5daaf2f.png?_wi=3",
imageAlt: "Starter Plan",
buttons: [
tag: "Starter", title: "Free Plan", subtitle: "Perfect for exploring", description:
"Access to selected free courses and community forums. Limited course selection and basic certificates. Ideal for students wanting to explore before committing. Get started at no cost and upgrade anytime.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/modern-e-learning-platform-dashboard-int-1772499602330-c5daaf2f.png", imageAlt: "Starter Plan", buttons: [
{
text: "Get Started Free",
href: "/",
},
text: "Get Started Free", href: "/"},
],
},
{
id: 2,
tag: "Professional",
title: "Pro - $29/month",
subtitle: "For serious learners",
description:
"Unlimited access to 2000+ courses with downloadable resources. Priority support, certificates of completion, and offline viewing. Perfect for professionals accelerating their career growth. Cancel anytime, no contracts.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/interactive-online-learning-interface-wi-1772499600936-811ed4e4.png?_wi=3",
imageAlt: "Pro Plan",
buttons: [
tag: "Professional", title: "Pro - $29/month", subtitle: "For serious learners", description:
"Unlimited access to 2000+ courses with downloadable resources. Priority support, certificates of completion, and offline viewing. Perfect for professionals accelerating their career growth. Cancel anytime, no contracts.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/interactive-online-learning-interface-wi-1772499600936-811ed4e4.png", imageAlt: "Pro Plan", buttons: [
{
text: "Start Pro Trial",
href: "/",
},
text: "Start Pro Trial", href: "/"},
],
},
{
id: 3,
tag: "Enterprise",
title: "Team - $99/month",
subtitle: "For organizations",
description:
"Unlimited seats for your team with centralized management. Custom learning paths, advanced analytics, and dedicated support. Perfect for companies investing in employee development. Volume discounts available.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/social-learning-community-interface-show-1772499602580-1398619b.png?_wi=3",
imageAlt: "Enterprise Plan",
buttons: [
tag: "Enterprise", title: "Team - $99/month", subtitle: "For organizations", description:
"Unlimited seats for your team with centralized management. Custom learning paths, advanced analytics, and dedicated support. Perfect for companies investing in employee development. Volume discounts available.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APgHkC076POTp2o3UKmGQxJlKc/social-learning-community-interface-show-1772499602580-1398619b.png", imageAlt: "Enterprise Plan", buttons: [
{
text: "Contact Sales",
href: "/",
},
text: "Contact Sales", href: "/"},
],
},
]}
@@ -147,41 +119,23 @@ export default function PricingPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "Can I change my plan anytime?",
content:
"Absolutely! You can upgrade or downgrade your plan at any time. Changes take effect immediately, and we'll prorate any charges or credits based on your billing cycle.",
},
id: "1", title: "Can I change my plan anytime?", content:
"Absolutely! You can upgrade or downgrade your plan at any time. Changes take effect immediately, and we'll prorate any charges or credits based on your billing cycle."},
{
id: "2",
title: "Is there a discount for annual billing?",
content:
"Yes! Pay for a full year upfront and get 20% off the monthly rate. For our Pro plan, that's $278 per year instead of $348. Annual billing gives you the best value.",
},
id: "2", title: "Is there a discount for annual billing?", content:
"Yes! Pay for a full year upfront and get 20% off the monthly rate. For our Pro plan, that's $278 per year instead of $348. Annual billing gives you the best value."},
{
id: "3",
title: "Do you offer refunds?",
content:
"We offer a 30-day money-back guarantee on all paid plans. If you're not satisfied with your experience, simply contact our support team and we'll process a full refund.",
},
id: "3", title: "Do you offer refunds?", content:
"We offer a 30-day money-back guarantee on all paid plans. If you're not satisfied with your experience, simply contact our support team and we'll process a full refund."},
{
id: "4",
title: "Is there a free trial for Pro?",
content:
"Yes, we offer a 7-day free trial for our Pro plan. No credit card required. Try all Pro features and cancel anytime if it's not for you.",
},
id: "4", title: "Is there a free trial for Pro?", content:
"Yes, we offer a 7-day free trial for our Pro plan. No credit card required. Try all Pro features and cancel anytime if it's not for you."},
{
id: "5",
title: "What payment methods do you accept?",
content:
"We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for Team plans. All payments are processed securely through industry-standard payment gateways.",
},
id: "5", title: "What payment methods do you accept?", content:
"We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for Team plans. All payments are processed securely through industry-standard payment gateways."},
{
id: "6",
title: "Can I get an invoice for my company?",
content:
"Yes! Business customers can request invoices for bookkeeping purposes. For Team plans, we provide detailed invoices with usage analytics. Contact our billing team for details.",
},
id: "6", title: "Can I get an invoice for my company?", content:
"Yes! Business customers can request invoices for bookkeeping purposes. For Team plans, we provide detailed invoices with usage analytics. Contact our billing team for details."},
]}
/>
</div>
@@ -192,7 +146,7 @@ export default function PricingPage() {
tagIcon={Rocket}
title="Choose Your Learning Plan Today"
description="Start with our free plan or upgrade to Pro to unlock unlimited courses. Join thousands of learners investing in their future with Infinilearn."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
{ text: "View All Plans", href: "/pricing" },