diff --git a/src/app/page.tsx b/src/app/page.tsx
index 04d55b2..9881af5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,16 +13,6 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
-// New type imports for props
-import type { HeroBillboardRotatedCarouselProps } from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import type { ProductCardThreeProps } from '@/components/sections/product/ProductCardThree';
-import type { TextSplitAboutProps } from '@/components/sections/about/TextSplitAbout';
-import type { FeatureCardNineProps } from '@/components/sections/feature/FeatureCardNine';
-import type { TestimonialCardTwelveProps } from '@/components/sections/testimonial/TestimonialCardTwelve';
-import type { FaqBaseProps } from '@/components/sections/faq/FaqBase';
-import type { ContactCenterProps } from '@/components/sections/contact/ContactCenter';
-import type { FooterBaseProps } from '@/components/sections/footer/FooterBase';
-
 // Type definitions for homeSections array elements
 type SectionEntry<T extends React.ComponentType<any>> = {
   id: string;
@@ -59,21 +49,22 @@ const homeSections: HomeSection[] = [
         { text: "About Us", href: "#about" }
       ],
       carouselItems: [
-        { imageSrc: "https://framerusercontent.com/images/kC11vL7j733D6t7vK0pD1o2X1Q.png", imageAlt: "Spicy Beef Karahi" },
-        { imageSrc: "https://framerusercontent.com/images/K1eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Chicken Biryani" },
-        { imageSrc: "https://framerusercontent.com/images/qX1tP3P5D0F5R8N8V6W2x2k7V7c.png", imageAlt: "Mutton Korma" },
-        { imageSrc: "https://framerusercontent.com/images/F1tP3P5D0F5R8N8V6W2x2k7V7c.png", imageAlt: "Seekh Kebab" },
-        { imageSrc: "https://framerusercontent.com/images/T4eR1N6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Paya Curry" },
-        { imageSrc: "https://framerusercontent.com/images/V6W2x2k7V7cK1eTqN6Q4B4z0M8y5D2k.png", imageAlt: "Nihari" }
+        { id: "carousel-1", imageSrc: "https://framerusercontent.com/images/kC11vL7j733D6t7vK0pD1o2X1Q.png", imageAlt: "Spicy Beef Karahi" },
+        { id: "carousel-2", imageSrc: "https://framerusercontent.com/images/K1eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Chicken Biryani" },
+        { id: "carousel-3", imageSrc: "https://framerusercontent.com/images/qX1tP3P5D0F5R8N8V6W2x2k7V7c.png", imageAlt: "Mutton Korma" },
+        { id: "carousel-4", imageSrc: "https://framerusercontent.com/images/F1tP3P5D0F5R8N8V6W2x2k7V7c.png", imageAlt: "Seekh Kebab" },
+        { id: "carousel-5", imageSrc: "https://framerusercontent.com/images/T4eR1N6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Paya Curry" },
+        { id: "carousel-6", imageSrc: "https://framerusercontent.com/images/V6W2x2k7V7cK1eTqN6Q4B4z0M8y5D2k.png", imageAlt: "Nihari" }
       ]
     }
   },
   {
     id: "menu",    Component: ProductCardThree,
     props: {
-      title: "Our Signature Menu",      description: "Discover a diverse array of authentic Pakistani dishes, expertly prepared to tantalize your taste buds. From rich curries to succulent kebabs, every meal is a journey.",      tag: "Taste Tradition",      gridVariant: "three-columns-all-equal-width",      animationType: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for ProductCardThree
+      title: "Our Signature Menu",      description: "Discover a diverse array of authentic Pakistani dishes, expertly prepared to tantalize your taste buds. From rich curries to succulent kebabs, every meal is a journey.",      tag: "Taste Tradition",      gridVariant: "three-columns-all-equal-width",      animationType: "blur-reveal", 
       useInvertedBackground: false,
-      buttons: [{ text: "View Full Menu", href: "#" }]
+      buttons: [{ text: "View Full Menu", href: "#" }],
+      textboxLayout: "default"
     }
   },
   {
@@ -90,7 +81,7 @@ const homeSections: HomeSection[] = [
     id: "features",    Component: FeatureCardNine,
     props: {
       title: "How We Deliver Authenticity",      description: "Our commitment to genuine Pakistani flavors is reflected in every step of our process, from sourcing ingredients to culinary craftsmanship.",      tag: "Our Pillars",      showStepNumbers: true,
-      animationType: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for FeatureCardNine
+      animationType: "blur-reveal", 
       textboxLayout: "default",      useInvertedBackground: true,
       features: [
         {
@@ -111,7 +102,7 @@ const homeSections: HomeSection[] = [
   {
     id: "testimonials",    Component: TestimonialCardTwelve,
     props: {
-      cardTitle: "What Our Guests Say",      cardTag: "Satisfied Palates",      cardAnimation: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for TestimonialCardTwelve
+      cardTitle: "What Our Guests Say",      cardTag: "Satisfied Palates",      cardAnimation: "blur-reveal", 
       useInvertedBackground: false,
       testimonials: [
         { id: "1", name: "Aisha Khan", imageSrc: "https://framerusercontent.com/images/L9eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Aisha Khan" },
@@ -123,7 +114,7 @@ const homeSections: HomeSection[] = [
   {
     id: "faq",    Component: FaqBase,
     props: {
-      title: "Frequently Asked Questions",      description: "Find answers to common questions about our cafe, menu, and services.",      tag: "Your Queries Answered",      faqsAnimation: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for FaqBase
+      title: "Frequently Asked Questions",      description: "Find answers to common questions about our cafe, menu, and services.",      tag: "Your Queries Answered",      faqsAnimation: "blur-reveal", 
       textboxLayout: "default",      useInvertedBackground: true,
       faqs: [
         {
@@ -225,13 +216,13 @@ export default function Home() {
           if (section.id === "menu") {
             return (
               <div key={index} id={section.id} data-section={section.id}>
-                <SectionComponent {...section.props as ProductCardThreeProps} products={menuProducts} />
+                <SectionComponent {...section.props as React.ComponentProps<typeof ProductCardThree>} products={menuProducts} />
               </div>
             );
           }
           return (
             <div key={index} id={section.id} data-section={section.id}>
-              <SectionComponent {...section.props} />
+              <SectionComponent {...section.props as React.ComponentProps<typeof SectionComponent>} />
             </div>
           );
         })}