Update src/app/courses/page.tsx

This commit is contained in:
2026-02-02 09:44:53 +00:00
parent dc544d36f1
commit 675b0b047e

View File

@@ -33,8 +33,7 @@ export default function CoursesPage() {
{ name: "Contact", id: "/contact" } { name: "Contact", id: "/contact" }
]} ]}
button={{ button={{
text: "Enroll Now", text: "Enroll Now", href: "/contact"
href: "/contact"
}} }}
/> />
</div> </div>
@@ -43,64 +42,28 @@ export default function CoursesPage() {
<ProductCardTwo <ProductCardTwo
products={[ products={[
{ {
id: "1", id: "1", brand: "Beginner Track", name: "Web Development Fundamentals", price: "$299", rating: 5,
brand: "Beginner Track", reviewCount: "1.2k", imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg", imageAlt: "Web Development Course"
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", id: "2", brand: "Intermediate Track", name: "Python Programming Mastery", price: "$399", rating: 5,
brand: "Intermediate Track", reviewCount: "980", imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg", imageAlt: "Python Programming Course"
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", id: "3", brand: "Advanced Track", name: "Data Science & Machine Learning", price: "$599", rating: 5,
brand: "Advanced Track", reviewCount: "756", imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038849.jpg", imageAlt: "Data Science Course"
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", id: "4", brand: "Professional Track", name: "Cybersecurity Essentials", price: "$499", rating: 5,
brand: "Professional Track", reviewCount: "543", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "Cybersecurity Course"
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", id: "5", brand: "Expert Track", name: "Full Stack Development", price: "$799", rating: 5,
brand: "Expert Track", reviewCount: "432", imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg", imageAlt: "Full Stack Course"
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", id: "6", brand: "Professional Track", name: "DevOps Engineering", price: "$699", rating: 5,
brand: "Professional Track", reviewCount: "298", imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg", imageAlt: "DevOps Course"
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" title="All Courses"
@@ -116,29 +79,17 @@ export default function CoursesPage() {
<MetricCardOne <MetricCardOne
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "50", title: "+", description: "Available courses across all tech domains", icon: Award
value: "50",
title: "+",
description: "Available courses across all tech domains",
icon: Award
}, },
{ {
id: "2", id: "2", value: "500", title: "hrs", description: "Total learning content available", icon: TrendingUp
value: "500",
title: "hrs",
description: "Total learning content available",
icon: TrendingUp
}, },
{ {
id: "3", id: "3", value: "24/7", title: "", description: "Access to course materials and support", icon: Users
value: "24/7",
title: "",
description: "Access to course materials and support",
icon: Users
} }
]} ]}
title="Course Statistics" 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" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -151,25 +102,18 @@ export default function CoursesPage() {
ctaTitle="Ready to Start Learning?" ctaTitle="Ready to Start Learning?"
ctaDescription="Join thousands of students already transforming their tech careers with TechAcademy." ctaDescription="Join thousands of students already transforming their tech careers with TechAcademy."
ctaButton={{ ctaButton={{
text: "Enroll Today", text: "Enroll Today", href: "/contact"
href: "/contact"
}} }}
ctaIcon={CheckCircle} ctaIcon={CheckCircle}
faqs={[ faqs={[
{ {
id: "1", 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."
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", 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."
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", 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."
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" useInvertedBackground="noInvert"
@@ -185,8 +129,7 @@ export default function CoursesPage() {
copyrightText="© 2025 TechAcademy. All rights reserved." copyrightText="© 2025 TechAcademy. All rights reserved."
columns={[ columns={[
{ {
title: "Courses", title: "Courses", items: [
items: [
{ label: "Web Development", href: "/courses" }, { label: "Web Development", href: "/courses" },
{ label: "Python Programming", href: "/courses" }, { label: "Python Programming", href: "/courses" },
{ label: "Data Science", href: "/courses" }, { label: "Data Science", href: "/courses" },
@@ -194,8 +137,7 @@ export default function CoursesPage() {
] ]
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ label: "About Us", href: "/about" }, { label: "About Us", href: "/about" },
{ label: "Our Team", href: "/about" }, { label: "Our Team", href: "/about" },
{ label: "Careers", href: "#" }, { label: "Careers", href: "#" },
@@ -203,8 +145,7 @@ export default function CoursesPage() {
] ]
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ label: "Contact Us", href: "/contact" }, { label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#faq" }, { label: "FAQ", href: "#faq" },
{ label: "Privacy Policy", href: "#" }, { label: "Privacy Policy", href: "#" },