diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 043639d..420fe68 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -10,11 +10,11 @@ import { Heart } from "lucide-react"; export default function AboutPage() { 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 AboutPage() { return ( @@ -103,39 +103,39 @@ export default function AboutPage() {
@@ -143,9 +143,9 @@ export default function AboutPage() {
); -} \ No newline at end of file +} diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx index c0c493b..42acb63 100644 --- a/src/app/blog/page.tsx +++ b/src/app/blog/page.tsx @@ -10,11 +10,11 @@ import { BookOpen, TrendingUp } from "lucide-react"; export default function BlogPage() { 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 BlogPage() { return ( @@ -106,20 +106,20 @@ export default function BlogPage() { description="Explore our most popular topics and learning categories." tag="Blog Topics" tagIcon={TrendingUp} - tagAnimation="slide-up" + tagAnimation="blur-reveal" metrics={[ { - id: "1", value: "45", title: "Career Advancement", description: "Strategies for professional growth and skill development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/wealth-and-career-growth-illustration-sh-1772516018406-b53362bf.png?_wi=2"}, + id: "1", value: "45", title: "Career Advancement", description: "Strategies for professional growth and skill development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/wealth-and-career-growth-illustration-sh-1772516018406-b53362bf.png?"}, { - id: "2", value: "38", title: "Technology Trends", description: "Latest innovations in AI, web dev, and emerging tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/illustration-depicting-corporate-partner-1772516018088-4b18374e.png?_wi=2"}, + id: "2", value: "38", title: "Technology Trends", description: "Latest innovations in AI, web dev, and emerging tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/illustration-depicting-corporate-partner-1772516018088-4b18374e.png?"}, { - id: "3", value: "52", title: "Success Stories", description: "Real learner transformations and career milestones", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/celebratory-illustration-showing-course--1772516018052-25ca08e8.png?_wi=2"}, + id: "3", value: "52", title: "Success Stories", description: "Real learner transformations and career milestones", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/celebratory-illustration-showing-course--1772516018052-25ca08e8.png?"}, ]} - animationType="slide-up" + animationType="depth-3d" textboxLayout="default" useInvertedBackground={false} buttons={[{ text: "Browse All Articles", href: "/blog" }]} - buttonAnimation="slide-up" + buttonAnimation="blur-reveal" /> @@ -127,9 +127,9 @@ export default function BlogPage() { ); -} \ No newline at end of file +} diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 5064ae8..d3a3ab4 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -10,11 +10,11 @@ import { MessageSquare, Bell } from "lucide-react"; export default function ContactPage() { 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 ContactPage() { return ( @@ -106,12 +106,12 @@ export default function ContactPage() { title="Stay Connected with EduPulse" description="Subscribe to our announcements for new course releases, product updates, webinars, and exclusive learning resources. Be the first to know about special opportunities and community events." tagIcon={Bell} - tagAnimation="slide-up" + tagAnimation="blur-reveal" background={{ variant: "sparkles-gradient" }} useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-illustration-depicting-learnin-1772516017971-8de17832.png?_wi=3" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-illustration-depicting-learnin-1772516017971-8de17832.png?" imageAlt="EduPulse updates and notifications" - mediaAnimation="slide-up" + mediaAnimation="blur-reveal" mediaPosition="right" inputPlaceholder="your@email.com" buttonText="Subscribe" @@ -123,9 +123,9 @@ export default function ContactPage() { ); -} \ No newline at end of file +} diff --git a/src/app/courses/page.tsx b/src/app/courses/page.tsx index 4085f1d..b12f49a 100644 --- a/src/app/courses/page.tsx +++ b/src/app/courses/page.tsx @@ -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 ( @@ -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" /> @@ -127,9 +127,9 @@ export default function CoursesPage() { ); -} \ No newline at end of file +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index e040c30..a321fa9 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,12 +1,11 @@ import type { Metadata } from "next"; -import { Roboto } from "next/font/google"; +import { Inter } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const roboto = Roboto({ - variable: "--font-roboto", subsets: ["latin"], - weight: ["100", "300", "400", "500", "700", "900"], +const inter = Inter({ + variable: "--font-inter", subsets: ["latin"], }); export const metadata: Metadata = { @@ -34,7 +33,7 @@ export default function RootLayout({ return ( - + {children} @@ -1408,4 +1407,4 @@ export default function RootLayout({ ); -} \ No newline at end of file +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 9e65469..f0f9dd1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -13,11 +13,11 @@ import { Sparkles, Zap, TrendingUp, Heart, Bell } from "lucide-react"; export default function HomePage() { 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 = [ @@ -57,16 +57,16 @@ export default function HomePage() { return ( @@ -106,39 +106,39 @@ export default function HomePage() {
@@ -148,22 +148,22 @@ export default function HomePage() { description="See the impact of EduPulse on student success and engagement worldwide." tag="Our Impact" tagIcon={TrendingUp} - tagAnimation="slide-up" + tagAnimation="blur-reveal" metrics={[ { - id: "1", value: "2.5M+", title: "Learning Hours", description: "Cumulative hours invested by our community", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-illustration-depicting-learnin-1772516017971-8de17832.png?_wi=1"}, + id: "1", value: "2.5M+", title: "Learning Hours", description: "Cumulative hours invested by our community", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-illustration-depicting-learnin-1772516017971-8de17832.png?"}, { - id: "2", value: "95%", title: "Course Completion", description: "Students who finish their chosen courses", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/celebratory-illustration-showing-course--1772516018052-25ca08e8.png?_wi=1"}, + id: "2", value: "95%", title: "Course Completion", description: "Students who finish their chosen courses", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/celebratory-illustration-showing-course--1772516018052-25ca08e8.png?"}, { - id: "3", value: "150+", title: "Industry Partners", description: "Leading companies hiring our graduates", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/illustration-depicting-corporate-partner-1772516018088-4b18374e.png?_wi=1"}, + id: "3", value: "150+", title: "Industry Partners", description: "Leading companies hiring our graduates", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/illustration-depicting-corporate-partner-1772516018088-4b18374e.png?"}, { - id: "4", value: "$52K", title: "Avg Salary Increase", description: "Career advancement after completing EduPulse", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/wealth-and-career-growth-illustration-sh-1772516018406-b53362bf.png?_wi=1"}, + id: "4", value: "$52K", title: "Avg Salary Increase", description: "Career advancement after completing EduPulse", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/wealth-and-career-growth-illustration-sh-1772516018406-b53362bf.png?"}, ]} - animationType="slide-up" + animationType="depth-3d" textboxLayout="default" useInvertedBackground={false} buttons={[{ text: "View Success Stories", href: "/blog" }]} - buttonAnimation="slide-up" + buttonAnimation="blur-reveal" /> @@ -173,16 +173,16 @@ export default function HomePage() { description="Real stories from learners who transformed their careers with EduPulse." tag="Testimonials" tagIcon={Heart} - tagAnimation="slide-up" + tagAnimation="blur-reveal" testimonials={[ { - id: "1", name: "Sarah Chen, Product Manager at Google", date: "Date: 15 March 2025", title: "Life-Changing Learning Experience", quote: "EduPulse completely transformed how I approach learning. The 3D interface makes complex concepts intuitive, and the AI personalization kept me engaged throughout. I landed my dream job within 3 months of completing the advanced program.", tag: "Premium Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-a-confident-wom-1772516018722-5f4c50f9.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-photograph-of-a-woman-worki-1772516018482-1f33f712.png?_wi=1"}, + id: "1", name: "Sarah Chen, Product Manager at Google", date: "Date: 15 March 2025", title: "Life-Changing Learning Experience", quote: "EduPulse completely transformed how I approach learning. The 3D interface makes complex concepts intuitive, and the AI personalization kept me engaged throughout. I landed my dream job within 3 months of completing the advanced program.", tag: "Premium Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-a-confident-wom-1772516018722-5f4c50f9.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-photograph-of-a-woman-worki-1772516018482-1f33f712.png?"}, { id: "2", name: "Marcus Johnson, Data Scientist at Meta", date: "Date: 22 February 2025", title: "The Best Educational Investment", quote: "The quality of instruction and real-time collaboration features set EduPulse apart. I gained practical skills that directly apply to my work, and the community support is invaluable.", tag: "Professional Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-an-african-amer-1772516018851-c62b223d.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-photograph-of-a-man-working-1772516018908-28209fc8.png"}, { - id: "3", name: "Elena Rodriguez, Founder of StartupXYZ", date: "Date: 10 January 2025", title: "Exceptional Platform for Growth", quote: "As an entrepreneur, I needed to quickly upskill my team. EduPulse's flexible scheduling and comprehensive curriculum helped us grow from 5 to 50 employees. Highly recommended for anyone serious about education.", tag: "Enterprise Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-a-latina-woman--1772516017155-7a70e2eb.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-woman-leading-a-team-mee-1772516018322-50f012db.png?_wi=1"}, + id: "3", name: "Elena Rodriguez, Founder of StartupXYZ", date: "Date: 10 January 2025", title: "Exceptional Platform for Growth", quote: "As an entrepreneur, I needed to quickly upskill my team. EduPulse's flexible scheduling and comprehensive curriculum helped us grow from 5 to 50 employees. Highly recommended for anyone serious about education.", tag: "Enterprise Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-a-latina-woman--1772516017155-7a70e2eb.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-woman-leading-a-team-mee-1772516018322-50f012db.png?"}, { - id: "4", name: "David Kim, UX Designer at Apple", date: "Date: 5 December 2024", title: "Inspiring and Innovative", quote: "The design of EduPulse itself is educational. Learning in such a beautifully crafted environment elevated my entire experience. The attention to detail is remarkable.", tag: "Premium Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-an-asian-man-wi-1772516017877-b36716be.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-designer-working-at-appl-1772516018657-c0f05516.png?_wi=1"}, + id: "4", name: "David Kim, UX Designer at Apple", date: "Date: 5 December 2024", title: "Inspiring and Innovative", quote: "The design of EduPulse itself is educational. Learning in such a beautifully crafted environment elevated my entire experience. The attention to detail is remarkable.", tag: "Premium Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-an-asian-man-wi-1772516017877-b36716be.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-designer-working-at-appl-1772516018657-c0f05516.png?"}, { id: "5", name: "Priya Patel, AI Engineer at OpenAI", date: "Date: 28 November 2024", title: "Advanced Content, Accessible Teaching", quote: "The advanced AI and machine learning courses are top-tier. Complex topics are broken down beautifully without sacrificing depth. This is the gold standard for tech education.", tag: "Premium Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-an-indian-woman-1772516017784-01beaf9a.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-woman-working-with-advan-1772516018186-09f60378.png"}, { @@ -199,12 +199,12 @@ export default function HomePage() { title="Never Miss a Learning Opportunity" description="Subscribe to our newsletter for exclusive course launches, learning tips, and special offers. Join our community of lifelong learners." tagIcon={Bell} - tagAnimation="slide-up" + tagAnimation="blur-reveal" background={{ variant: "sparkles-gradient" }} useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-newsletter-signup-interface-mo-1772516018160-36ba317f.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-newsletter-signup-interface-mo-1772516018160-36ba317f.png?" imageAlt="EduPulse newsletter signup" - mediaAnimation="slide-up" + mediaAnimation="blur-reveal" mediaPosition="right" inputPlaceholder="your@email.com" buttonText="Subscribe Now" @@ -216,9 +216,9 @@ export default function HomePage() {
); -} \ No newline at end of file +} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 3112a53..34aea07 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-roboto), sans-serif; + font-family: var(--font-inter), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-roboto), sans-serif; + font-family: var(--font-inter), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 75147bf..1a4cbba 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -5,20 +5,20 @@ /* --background: #f7f6f7;; --card: #ffffff;; --foreground: #1b0c25;; - --primary-cta: #1b0c25;; + --primary-cta: #8b5cf6;; --secondary-cta: #ffffff;; - --accent: #ff93e4;; - --background-accent: #e8a8c3;; */ + --accent: #c4a8f9;; + --background-accent: #e8d5f2;; */ --background: #f7f6f7;; --card: #ffffff;; --foreground: #1b0c25;; - --primary-cta: #1b0c25;; + --primary-cta: #8b5cf6;; --primary-cta-text: #f7f6f7;; --secondary-cta: #ffffff;; --secondary-cta-text: #1b0c25;; - --accent: #ff93e4;; - --background-accent: #e8a8c3;; + --accent: #c4a8f9;; + --background-accent: #e8d5f2;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);