diff --git a/src/app/page.tsx b/src/app/page.tsx
index ee37471..eb5e426 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -65,9 +65,9 @@ export default function SitePage() {
           imageAlt="Modern electric car in scenic location"
           mediaAnimation="slide-up"
           marqueeItems={[
-            { icon: CheckCircle, text: "24/7 Support" },
-            { icon: CheckCircle, text: "No Hidden Fees" },
-            { icon: CheckCircle, text: "Eco-Friendly Fleet" },
+            { type: "text-icon", icon: CheckCircle, text: "24/7 Support" },
+            { type: "text-icon", icon: CheckCircle, text: "No Hidden Fees" },
+            { type: "text-icon", icon: CheckCircle, text: "Eco-Friendly Fleet" },
           ]}
           marqueeSpeed={30}
           showMarqueeCard={true}
@@ -102,8 +102,8 @@ export default function SitePage() {
           tagAnimation="slide-up"
           title="Your Trusted Partner in Eco-Friendly Travel"
           buttons={[
-            { text: "Explore Our Fleet", href: "#products-section", props: { variant: "primary" } },
-            { text: "Learn More", href: "#features-section", props: { variant: "secondary" } },
+            { text: "Explore Our Fleet", href: "#products-section", props: { variant: "directional-hover" } },
+            { text: "Learn More", href: "#features-section", props: { variant: "directional-hover" } },
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}