src/app/page.tsx

@@ -28,6 +28,7 @@ export default function Page() {
         <HeroBillboardRotatedCarousel 
           title="Welcome" 
           description="Experience the future of digital engagement."
+          background={{ variant: "plain" }}
           carouselItems={[
             { id: "1", imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=2000" },
             { id: "2", imageSrc: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?q=80&w=2000" },
@@ -46,8 +47,8 @@ export default function Page() {
           textboxLayout="default"
           useInvertedBackground={false}
           features={[
-            { id: "f1", title: "High Speed", author: "Admin", description: "Lightning fast performance.", tags: ["speed"] },
-            { id: "f2", title: "Secure", author: "Admin", description: "Top notch security.", tags: ["security"] }
+            { id: "f1", title: "High Speed", author: "Admin", description: "Lightning fast performance.", tags: ["speed"], imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=400" },
+            { id: "f2", title: "Secure", author: "Admin", description: "Top notch security.", tags: ["security"], imageSrc: "https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?q=80&w=400" }
           ]}
         />
       </div>
@@ -59,6 +60,7 @@ export default function Page() {
           avatars={[]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="faq" data-section="faq">
@@ -66,6 +68,7 @@ export default function Page() {
           faqs={[{ id: "q1", title: "How does it work?", content: "Simply sign up and start." }]}
           sideTitle="FAQ"
           faqsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
@@ -74,6 +77,8 @@ export default function Page() {
           title="Ready to start?"
           description="Contact our team today."
           buttons={[{text: "Contact Us"}]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">