Update src/app/courses/page.tsx
This commit is contained in:
@@ -33,8 +33,7 @@ export default function CoursesPage() {
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Enroll Now",
|
||||
href: "/contact"
|
||||
text: "Enroll Now", href: "/contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -43,64 +42,28 @@ export default function CoursesPage() {
|
||||
<ProductCardTwo
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Beginner Track",
|
||||
name: "Web Development Fundamentals",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg",
|
||||
imageAlt: "Web Development Course"
|
||||
id: "1", brand: "Beginner Track", name: "Web Development Fundamentals", price: "$299", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg", imageAlt: "Web Development Course"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Intermediate Track",
|
||||
name: "Python Programming Mastery",
|
||||
price: "$399",
|
||||
rating: 5,
|
||||
reviewCount: "980",
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg",
|
||||
imageAlt: "Python Programming Course"
|
||||
id: "2", brand: "Intermediate Track", name: "Python Programming Mastery", price: "$399", rating: 5,
|
||||
reviewCount: "980", imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg", imageAlt: "Python Programming Course"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Advanced Track",
|
||||
name: "Data Science & Machine Learning",
|
||||
price: "$599",
|
||||
rating: 5,
|
||||
reviewCount: "756",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038849.jpg",
|
||||
imageAlt: "Data Science Course"
|
||||
id: "3", brand: "Advanced Track", name: "Data Science & Machine Learning", price: "$599", rating: 5,
|
||||
reviewCount: "756", imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038849.jpg", imageAlt: "Data Science Course"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Professional Track",
|
||||
name: "Cybersecurity Essentials",
|
||||
price: "$499",
|
||||
rating: 5,
|
||||
reviewCount: "543",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg",
|
||||
imageAlt: "Cybersecurity Course"
|
||||
id: "4", brand: "Professional Track", name: "Cybersecurity Essentials", price: "$499", rating: 5,
|
||||
reviewCount: "543", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "Cybersecurity Course"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Expert Track",
|
||||
name: "Full Stack Development",
|
||||
price: "$799",
|
||||
rating: 5,
|
||||
reviewCount: "432",
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg",
|
||||
imageAlt: "Full Stack Course"
|
||||
id: "5", brand: "Expert Track", name: "Full Stack Development", price: "$799", rating: 5,
|
||||
reviewCount: "432", imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg", imageAlt: "Full Stack Course"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Professional Track",
|
||||
name: "DevOps Engineering",
|
||||
price: "$699",
|
||||
rating: 5,
|
||||
reviewCount: "298",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg",
|
||||
imageAlt: "DevOps Course"
|
||||
id: "6", brand: "Professional Track", name: "DevOps Engineering", price: "$699", rating: 5,
|
||||
reviewCount: "298", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "DevOps Course"
|
||||
}
|
||||
]}
|
||||
title="All Courses"
|
||||
@@ -116,29 +79,17 @@ export default function CoursesPage() {
|
||||
<MetricCardOne
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50",
|
||||
title: "+",
|
||||
description: "Available courses across all tech domains",
|
||||
icon: Award
|
||||
id: "1", value: "50", title: "+", description: "Available courses across all tech domains", icon: Award
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500",
|
||||
title: "hrs",
|
||||
description: "Total learning content available",
|
||||
icon: TrendingUp
|
||||
id: "2", value: "500", title: "hrs", description: "Total learning content available", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "",
|
||||
description: "Access to course materials and support",
|
||||
icon: Users
|
||||
id: "3", value: "24/7", title: "", description: "Access to course materials and support", icon: Users
|
||||
}
|
||||
]}
|
||||
title="Course Statistics"
|
||||
description: "Everything you need to know about our course offerings"
|
||||
description="Everything you need to know about our course offerings"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -151,25 +102,18 @@ export default function CoursesPage() {
|
||||
ctaTitle="Ready to Start Learning?"
|
||||
ctaDescription="Join thousands of students already transforming their tech careers with TechAcademy."
|
||||
ctaButton={{
|
||||
text: "Enroll Today",
|
||||
href: "/contact"
|
||||
text: "Enroll Today", href: "/contact"
|
||||
}}
|
||||
ctaIcon={CheckCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I choose the right course?",
|
||||
content: "Our course advisors can help you select the perfect learning path based on your experience level, career goals, and interests. Schedule a free consultation to get personalized recommendations."
|
||||
id: "1", title: "How do I choose the right course?", content: "Our course advisors can help you select the perfect learning path based on your experience level, career goals, and interests. Schedule a free consultation to get personalized recommendations."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I switch between courses?",
|
||||
content: "Yes! You can request a course change within the first 14 days of enrollment at no additional cost. We want to ensure you're on the right learning path."
|
||||
id: "2", title: "Can I switch between courses?", content: "Yes! You can request a course change within the first 14 days of enrollment at no additional cost. We want to ensure you're on the right learning path."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What if I need more time to complete?",
|
||||
content: "All our courses come with lifetime access, so you can learn at your own pace. There are no strict deadlines, and you can revisit materials anytime."
|
||||
id: "3", title: "What if I need more time to complete?", content: "All our courses come with lifetime access, so you can learn at your own pace. There are no strict deadlines, and you can revisit materials anytime."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
@@ -185,8 +129,7 @@ export default function CoursesPage() {
|
||||
copyrightText="© 2025 TechAcademy. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Courses",
|
||||
items: [
|
||||
title: "Courses", items: [
|
||||
{ label: "Web Development", href: "/courses" },
|
||||
{ label: "Python Programming", href: "/courses" },
|
||||
{ label: "Data Science", href: "/courses" },
|
||||
@@ -194,8 +137,7 @@ export default function CoursesPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -203,8 +145,7 @@ export default function CoursesPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user