diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 266e343..c266eb6 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -21,7 +21,7 @@ export default function Dashboard() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="circleGradient"
+      background="aurora"
       cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
@@ -33,14 +33,13 @@ export default function Dashboard() {
             { name: "Home", id: "/" },
             { name: "Dashboard", id: "/dashboard" },
           ]}
-          logoSrc="/logo.svg"
         />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardRotatedCarousel
           title="Dashboard"
           description="View your statistics and information"
-          background={{ variant: "circleGradient" }}
+          background={{ variant: "rotated-rays-animated" }}
           carouselItems={[
             { id: "1", imageSrc: "/placeholder1.webp", imageAlt: "Dashboard 1" },
             { id: "2", imageSrc: "/placeholder2.webp", imageAlt: "Dashboard 2" },
@@ -53,11 +52,11 @@ export default function Dashboard() {
       </div>
       <div id="metrics" data-section="metrics">
         <MetricCardEleven
-          title="Dashboard Metrics"
           description="Track your performance"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          title="Dashboard Metrics"
           metrics={[
             { id: "1", value: "50K", title: "Total Users", description: "Active users this month" },
             { id: "2", value: "25M", title: "Revenue", description: "Monthly revenue" },
@@ -69,9 +68,9 @@ export default function Dashboard() {
         <BlogCardTwo
           title="Recent Activity"
           description="Your latest updates and events"
-          textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          textboxLayout="default"
           blogs={[
             { id: "1", category: "Update", title: "Profile Updated", excerpt: "Your profile has been successfully updated", imageSrc: "/placeholder1.webp", authorName: "System", authorAvatar: "/avatar1.webp", date: "Today" },
             { id: "2", category: "Alert", title: "New Message", excerpt: "You have received a new message", imageSrc: "/placeholder2.webp", authorName: "User", authorAvatar: "/avatar2.webp", date: "Yesterday" },
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 30a87e9..f20bd49 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -21,7 +21,7 @@ export default function Home() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="circleGradient"
+      background="aurora"
       cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
@@ -33,14 +33,13 @@ export default function Home() {
             { name: "Home", id: "/" },
             { name: "Dashboard", id: "/dashboard" },
           ]}
-          logoSrc="/logo.svg"
         />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardRotatedCarousel
           title="Welcome to Our Platform"
           description="Discover amazing features and capabilities"
-          background={{ variant: "circleGradient" }}
+          background={{ variant: "rotated-rays-animated" }}
           carouselItems={[
             { id: "1", imageSrc: "/placeholder1.webp", imageAlt: "Image 1" },
             { id: "2", imageSrc: "/placeholder2.webp", imageAlt: "Image 2" },
@@ -54,11 +53,11 @@ export default function Home() {
       </div>
       <div id="metrics" data-section="metrics">
         <MetricCardEleven
-          title="Key Metrics"
           description="Track your performance"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          title="Key Metrics"
           metrics={[
             { id: "1", value: "100K", title: "Users", description: "Active users on platform" },
             { id: "2", value: "50M", title: "Revenue", description: "Annual revenue" },
@@ -70,9 +69,9 @@ export default function Home() {
         <BlogCardTwo
           title="Latest Events"
           description="Stay updated with our latest events"
-          textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          textboxLayout="default"
           blogs={[
             { id: "1", category: "Event", title: "Tech Summit 2025", excerpt: "Join us for the biggest tech event of the year", imageSrc: "/placeholder1.webp", authorName: "John Doe", authorAvatar: "/avatar1.webp", date: "20 Jan 2025" },
             { id: "2", category: "Webinar", title: "AI Workshop", excerpt: "Learn about the latest AI technologies", imageSrc: "/placeholder2.webp", authorName: "Jane Smith", authorAvatar: "/avatar2.webp", date: "25 Jan 2025" },
diff --git a/src/components/cardStack/CardStack.ts b/src/components/cardStack/CardStack.ts
index fc38f7c..4f093d4 100644
--- a/src/components/cardStack/CardStack.ts
+++ b/src/components/cardStack/CardStack.ts
@@ -5,4 +5,6 @@ export type CardStackProps = {
   [key: string]: any;
 };
 
-export { CardStack };
+export const CardStack = (props: CardStackProps) => {
+  return null;
+};
diff --git a/src/components/shared/Dashboard.ts b/src/components/shared/Dashboard.ts
index 683fa36..ce5aef6 100644
--- a/src/components/shared/Dashboard.ts
+++ b/src/components/shared/Dashboard.ts
@@ -1,2 +1,7 @@
-export { Dashboard };
-export type { DashboardSidebarItem, DashboardStat, DashboardListItem };
+export const Dashboard = (props: any) => {
+  return null;
+};
+
+export type DashboardSidebarItem = any;
+export type DashboardStat = any;
+export type DashboardListItem = any;