bender/d04fdc2d-b653-4c25-914d-83c4a0f6f33e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/courses/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 05:48:15 +00:00
parent 8a775d9c27
commit 08ee931461
1 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,11 +10,11 @@ import { Zap, TrendingUp } from "lucide-react";
export default function CoursesPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Courses", id: "courses" },
{ name: "About", id: "about" },
{ name: "Blog", id: "blog" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "Courses", id: "/courses" },
{ name: "About", id: "/about" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
@@ -54,16 +54,16 @@ export default function CoursesPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
@@ -77,7 +77,7 @@ export default function CoursesPage() {
<div id="courses-hero" data-section="courses-hero">
<HeroSplitKpi
title="World-Class Courses for Every Learner"
description="Explore our comprehensive catalog of expertly-designed courses covering technology, business, creative skills, and more. Each course is crafted by industry leaders to ensure you gain real-world applicable knowledge."
description="Explore our comprehensive catalog of expertly-designed courses covering technology, business, creative skills, and more. Each course is crafted by industry leaders to ensure you gain real-world applicable knowledge with stunning 3D interfaces."
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "200+", label: "Expert Courses" },
@@ -87,15 +87,15 @@ export default function CoursesPage() {
enableKpiAnimation={true}
tag="Expand Your Skills"
tagIcon={Zap}
tagAnimation="slide-up"
tagAnimation="blur-reveal"
buttons={[
{ text: "Browse All Courses", href: "/courses" },
{ text: "Start Free Trial", href: "/" },
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-displaying-an-ai-genera-1772516019479-df57d56b.png?_wi=2"
buttonAnimation="blur-reveal"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-displaying-an-ai-genera-1772516019479-df57d56b.png?"
imageAlt="AI-powered course recommendations interface"
mediaAnimation="slide-up"
mediaAnimation="blur-reveal"
imagePosition="right"
/>
</div>
@@ -106,20 +106,20 @@ export default function CoursesPage() {
description="Learn from the most sought-after skills in today's job market."
tag="Featured Categories"
tagIcon={TrendingUp}
tagAnimation="slide-up"
tagAnimation="blur-reveal"
metrics={[
{
id: "1", value: "42", title: "Tech & Programming", description: "Master web development, AI, machine learning, and more", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-detailed-cou-1772516018795-47721063.png?_wi=2"},
id: "1", value: "42", title: "Tech & Programming", description: "Master web development, AI, machine learning, and more", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-detailed-cou-1772516018795-47721063.png?"},
{
id: "2", value: "38", title: "Business & Leadership", description: "Develop management, strategy, and entrepreneurship skills", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-illustration-depicting-learnin-1772516017971-8de17832.png?_wi=2"},
id: "2", value: "38", title: "Business & Leadership", description: "Develop management, strategy, and entrepreneurship skills", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-illustration-depicting-learnin-1772516017971-8de17832.png?"},
{
id: "3", value: "56", title: "Creative & Design", description: "Learn UI/UX, graphic design, animation, and digital arts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-designer-working-at-appl-1772516018657-c0f05516.png?_wi=2"},
id: "3", value: "56", title: "Creative & Design", description: "Learn UI/UX, graphic design, animation, and digital arts", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-designer-working-at-appl-1772516018657-c0f05516.png?"},
]}
animationType="slide-up"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Categories", href: "/courses" }]}
buttonAnimation="slide-up"
buttonAnimation="blur-reveal"
/>
</div>
@@ -127,9 +127,9 @@ export default function CoursesPage() {
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2025 EduPulse. All rights reserved."
bottomRightText="Crafted with inspiration from Apple Design"
bottomRightText="Crafted with cinematic design and glass morphism effects"
/>
</div>
</ThemeProvider>
);
}
}