Update src/app/page.tsx

Merge version_1 into main

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 (
     <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 AboutPage() {
       <div id="about-hero" data-section="about-hero">
         <HeroSplitKpi
           title="Our Mission: Democratizing Quality Education"
-          description="Founded in 2020, EduPulse emerged from a simple belief: quality education should be accessible to everyone, everywhere. We combine cutting-edge technology with expert instruction to create transformative learning experiences that break down barriers and empower learners worldwide."
+          description="Founded in 2020, EduPulse emerged from a simple belief: quality education should be accessible to everyone, everywhere. We combine cutting-edge 3D technology with expert instruction to create transformative learning experiences that break down barriers and empower learners worldwide."
           background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "50K+", label: "Learners Impacted" },
@@ -87,15 +87,15 @@ export default function AboutPage() {
           enableKpiAnimation={true}
           tag="About EduPulse"
           tagIcon={Heart}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           buttons={[
             { text: "Our Story", href: "/about" },
             { text: "Join Our Team", href: "/" },
           ]}
-          buttonAnimation="slide-up"
-          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=2"
+          buttonAnimation="blur-reveal"
+          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=2"
           imageAlt="EduPulse team collaboration"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           imagePosition="right"
         />
       </div>
@@ -103,39 +103,39 @@ export default function AboutPage() {
       <div id="values" data-section="values">
         <FeatureCardNine
           title="Our Core Values"
-          description="The principles guiding every decision we make."
+          description="The principles guiding every decision we make with cinematic precision and glass morphism design."
           tag="What We Believe"
           tagIcon={Heart}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           features={[
             {
               id: 1,
-              title: "Accessibility First",              description: "We believe quality education should never be limited by geography, economics, or background. We continuously work to make learning affordable and available to everyone.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-screen-showing-real-time-collabor-1772516018496-a9616863.png?_wi=2"},
+              title: "Accessibility First",              description: "We believe quality education should never be limited by geography, economics, or background. We continuously work to make learning affordable and available to everyone through innovative 3D interfaces.",              phoneOne: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-screen-showing-real-time-collabor-1772516018496-a9616863.png?&_wi=2"},
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-showing-study-group-fea-1772516018626-fba4f673.png?_wi=2"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-showing-study-group-fea-1772516018626-fba4f673.png?&_wi=2"},
             },
             {
               id: 2,
-              title: "Innovation Through Design",              description: "We obsess over every detail of the learning experience. From 3D visualizations to personalized AI pathways, we leverage technology to make learning intuitive and engaging.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-mockup-displaying-a--1772516017856-ae838b84.png?_wi=2"},
+              title: "Innovation Through Design",              description: "We obsess over every detail of the learning experience. From 3D visualizations to personalized AI pathways, we leverage technology to make learning intuitive and engaging with glass morphism effects inspired by Apple.",              phoneOne: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-mockup-displaying-a--1772516017856-ae838b84.png?&_wi=2"},
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-a-different--1772516018013-83d0e8e9.png?_wi=2"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-a-different--1772516018013-83d0e8e9.png?&_wi=2"},
             },
             {
               id: 3,
-              title: "Community Empowerment",              description: "Learning is better together. We foster a supportive global community where learners collaborate, share knowledge, and grow together toward their goals.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-displaying-an-ai-genera-1772516019479-df57d56b.png?_wi=3"},
+              title: "Community Empowerment",              description: "Learning is better together. We foster a supportive global community where learners collaborate, share knowledge, and grow together toward their goals with cinematic interactions and immersive 3D environments.",              phoneOne: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-displaying-an-ai-genera-1772516019479-df57d56b.png?&_wi=3"},
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-detailed-cou-1772516018795-47721063.png?_wi=3"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-detailed-cou-1772516018795-47721063.png?&_wi=3"},
             },
           ]}
           showStepNumbers={true}
           buttons={[{ text: "Explore More", href: "/about" }]}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          animationType="slide-up"
+          animationType="scale-rotate"
         />
       </div>
 
@@ -143,9 +143,9 @@ export default function AboutPage() {
         <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>
   );
-}
+}

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 (
     <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 BlogPage() {
       <div id="blog-hero" data-section="blog-hero">
         <HeroSplitKpi
           title="Learning Insights & Success Stories"
-          description="Discover expert tips, industry trends, and inspiring stories from our learners. Stay updated on the future of education, career development strategies, and skill mastery techniques. Our blog is your resource for continuous growth."
+          description="Discover expert tips, industry trends, and inspiring stories from our learners. Stay updated on the future of education, career development strategies, and skill mastery techniques with cinematic 3D presentations."
           background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "150+", label: "Articles Published" },
@@ -87,15 +87,15 @@ export default function BlogPage() {
           enableKpiAnimation={true}
           tag="Learning Resources"
           tagIcon={BookOpen}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           buttons={[
             { text: "Read Articles", href: "/blog" },
             { text: "Subscribe Newsletter", href: "/" },
           ]}
-          buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-newsletter-signup-interface-mo-1772516018160-36ba317f.png?_wi=2"
+          buttonAnimation="blur-reveal"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-newsletter-signup-interface-mo-1772516018160-36ba317f.png?&_wi=2"
           imageAlt="EduPulse blog and learning resources"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           imagePosition="right"
         />
       </div>
@@ -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?&_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?_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?&_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?_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?&_wi=2"},
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[{ text: "Browse All Articles", href: "/blog" }]}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
         />
       </div>
 
@@ -127,9 +127,9 @@ export default function BlogPage() {
         <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>
   );
-}
+}

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 (
     <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
@@ -87,15 +87,15 @@ export default function ContactPage() {
           enableKpiAnimation={true}
           tag="Contact Us"
           tagIcon={MessageSquare}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           buttons={[
             { text: "Email Support", href: "mailto:support@edupulse.com" },
             { text: "View FAQ", href: "/" },
           ]}
-          buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-photograph-of-a-woman-worki-1772516018482-1f33f712.png?_wi=2"
+          buttonAnimation="blur-reveal"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-photograph-of-a-woman-worki-1772516018482-1f33f712.png?&_wi=2"
           imageAlt="EduPulse customer support team"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           imagePosition="right"
         />
       </div>
@@ -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?&_wi=3"
           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() {
         <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>
   );
-}
+}

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 (
     <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?&_wi=2"
           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?&_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?_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?&_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?_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?&_wi=2"},
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           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>
   );
-}
+}

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 (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${roboto.variable} antialiased`}>
+        <body className={`${inter.variable} antialiased`}>
           <Tag />
           {children}
         
@@ -1408,4 +1407,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

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 (
     <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
@@ -80,7 +80,7 @@ export default function HomePage() {
       <div id="hero" data-section="hero">
         <HeroSplitKpi
           title="Learn Like Never Before"
-          description="Experience education reimagined with cutting-edge 3D interactions, personalized learning paths, and world-class instructors. Join thousands of students transforming their futures."
+          description="Experience education reimagined with stunning 3D glass morphism effects, personalized learning paths, and world-class instructors. Join thousands of students transforming their futures with cinematic interactions."
           background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "50K+", label: "Active Learners" },
@@ -95,10 +95,10 @@ export default function HomePage() {
             { text: "Explore Courses", href: "/courses" },
             { text: "Watch Demo", href: "/" },
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/a-stunning-3d-rendered-educational-dashb-1772516018780-bd51f59a.png"
           imageAlt="3D Education Dashboard with interactive learning interface"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           imagePosition="right"
         />
       </div>
@@ -106,39 +106,39 @@ export default function HomePage() {
       <div id="features" data-section="features">
         <FeatureCardNine
           title="Powerful Learning Features"
-          description="Discover what makes EduPulse the ultimate education platform for modern learners."
+          description="Discover what makes EduPulse the ultimate education platform with cinematic 3D effects and glass morphism design."
           tag="Features"
           tagIcon={Zap}
-          tagAnimation="slide-up"
+          tagAnimation="blur-reveal"
           features={[
             {
               id: 1,
-              title: "Immersive 3D Lessons",              description: "Experience lessons with stunning 3D visualizations that bring complex concepts to life. Our advanced rendering technology makes learning engaging and memorable.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-mockup-displaying-a--1772516017856-ae838b84.png?_wi=1"},
+              title: "Immersive 3D Lessons",              description: "Experience lessons with stunning 3D visualizations that bring complex concepts to life. Our advanced rendering technology makes learning engaging and memorable with glass morphism effects.",              phoneOne: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-mockup-displaying-a--1772516017856-ae838b84.png?&_wi=1"},
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-a-different--1772516018013-83d0e8e9.png?_wi=1"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-a-different--1772516018013-83d0e8e9.png?&_wi=1"},
             },
             {
               id: 2,
-              title: "AI-Powered Learning Paths",              description: "Personalized curriculum that adapts to your learning style and pace. Our intelligent system recommends content tailored specifically to your goals.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-displaying-an-ai-genera-1772516019479-df57d56b.png?_wi=1"},
+              title: "AI-Powered Learning Paths",              description: "Personalized curriculum that adapts to your learning style and pace with intelligent algorithms. Our system recommends content tailored specifically to your goals.",              phoneOne: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-displaying-an-ai-genera-1772516019479-df57d56b.png?&_wi=1"},
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-detailed-cou-1772516018795-47721063.png?_wi=1"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-detailed-cou-1772516018795-47721063.png?&_wi=1"},
             },
             {
               id: 3,
-              title: "Real-Time Collaboration",              description: "Study with peers in real-time, share notes, and get instant feedback from instructors. Build your learning community with collaborative tools.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-screen-showing-real-time-collabor-1772516018496-a9616863.png?_wi=1"},
+              title: "Real-Time Collaboration",              description: "Study with peers in real-time, share notes, and get instant feedback from instructors. Build your learning community with collaborative tools and glass-effect interfaces.",              phoneOne: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-screen-showing-real-time-collabor-1772516018496-a9616863.png?&_wi=1"},
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-showing-study-group-fea-1772516018626-fba4f673.png?_wi=1"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-showing-study-group-fea-1772516018626-fba4f673.png?&_wi=1"},
             },
           ]}
           showStepNumbers={true}
           buttons={[{ text: "Try Features", href: "/courses" }]}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          animationType="slide-up"
+          animationType="scale-rotate"
         />
       </div>
 
@@ -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?&_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?_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?&_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?_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?&_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?_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?&_wi=1"},
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[{ text: "View Success Stories", href: "/blog" }]}
-          buttonAnimation="slide-up"
+          buttonAnimation="blur-reveal"
         />
       </div>
 
@@ -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?&_wi=1"},
             {
               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?&_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?_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?&_wi=1"},
             {
               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?&_wi=1"
           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() {
         <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>
   );
-}
+}

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;
 }

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);