From 0f4a103df643a274f781c3ed9ebe0aaff9148908 Mon Sep 17 00:00:00 2001
From: Freddy Montes <751424+fmontes@users.noreply.github.com>
Date: Fri, 2 Feb 2024 09:48:46 -0600
Subject: [PATCH] chore(edit-ema): Change the nextjs example colors and theme
 #27425 (#27498)

* chore(edit-ema): Clean up nextjs and app list porlet

* Update clean up
---
 ema/nextjs/src/components/content-types/activity.js | 2 +-
 ema/nextjs/src/components/content-types/banner.js   | 2 +-
 ema/nextjs/src/components/layout/footer.js          | 2 +-
 ema/nextjs/src/components/layout/header.js          | 2 +-
 ema/nextjs/src/components/my-page.js                | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ema/nextjs/src/components/content-types/activity.js b/ema/nextjs/src/components/content-types/activity.js
index c8ad0c0a5e64..c14977c88c2e 100644
--- a/ema/nextjs/src/components/content-types/activity.js
+++ b/ema/nextjs/src/components/content-types/activity.js
@@ -25,7 +25,7 @@ function Activity({ title, description, image, urlTitle }) {
             <div className="px-6 pt-4 pb-2">
                 <Link
                     href={`/activities/${urlTitle || '#'}`}
-                    className="inline-block px-4 py-2 font-bold text-white bg-blue-500 rounded-full hover:bg-blue-700">
+                    className="inline-block px-4 py-2 font-bold text-white bg-purple-500 rounded-full hover:bg-purple-700">
                     Link to detail →
                 </Link>
             </div>
diff --git a/ema/nextjs/src/components/content-types/banner.js b/ema/nextjs/src/components/content-types/banner.js
index 65f9381b59ec..f86705df8854 100644
--- a/ema/nextjs/src/components/content-types/banner.js
+++ b/ema/nextjs/src/components/content-types/banner.js
@@ -19,7 +19,7 @@ function Banner({ title, image, caption, buttonText, link }) {
                 <h2 className="mb-2 text-6xl font-bold text-shadow">{title}</h2>
                 <p className="mb-4 text-xl text-shadow">{caption}</p>
                 <Link
-                    className="p-4 text-xl transition duration-300 bg-blue-500 rounded hover:bg-blue-600"
+                    className="p-4 text-xl transition duration-300 bg-purple-500 rounded hover:bg-purple-600"
                     href={link || '#'}>
                     {buttonText}
                 </Link>
diff --git a/ema/nextjs/src/components/layout/footer.js b/ema/nextjs/src/components/layout/footer.js
index 07897a803241..98d4fe0ecb3c 100644
--- a/ema/nextjs/src/components/layout/footer.js
+++ b/ema/nextjs/src/components/layout/footer.js
@@ -1,6 +1,6 @@
 // Footer component
 function Footer() {
-    return <footer className="p-4 text-white bg-blue-500">Footer</footer>;
+    return <footer className="p-4 text-white bg-purple-500">Footer</footer>;
 }
 
 export default Footer;
diff --git a/ema/nextjs/src/components/layout/header.js b/ema/nextjs/src/components/layout/header.js
index 65e1b77b140f..cc03d5ca292d 100644
--- a/ema/nextjs/src/components/layout/header.js
+++ b/ema/nextjs/src/components/layout/header.js
@@ -2,7 +2,7 @@ import Link from 'next/link';
 
 function Header({ children }) {
     return (
-        <header className="flex items-center justify-between p-4 bg-blue-500">
+        <header className="flex items-center justify-between p-4 bg-purple-500">
             <div className="flex items-center">
                 <h2 className="text-3xl font-bold text-white">
                     <Link href="/">TravelLux</Link>
diff --git a/ema/nextjs/src/components/my-page.js b/ema/nextjs/src/components/my-page.js
index 6c2234f4b33f..4bc7add6c0ba 100644
--- a/ema/nextjs/src/components/my-page.js
+++ b/ema/nextjs/src/components/my-page.js
@@ -14,7 +14,7 @@ import Navigation from './layout/navigation';
 
 export function MyPage({ data, nav }) {
     return (
-        <div className="flex flex-col min-h-screen gap-6">
+        <div className="flex flex-col min-h-screen gap-6 bg-lime-50">
             {data.layout.header && (
                 <Header>
                     <Navigation items={nav} />