diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9672ab7..8c4f80e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -60,7 +60,8 @@ export default function LandingPage() {
                   ))}
                   <div className="pt-4 font-bold">
                     <p>Zwischensumme: {subtotal.toFixed(2)}€</p>
-                    {deliveryFee > 0 && <p>Liefergebühr: {deliveryFee.toFixed(2)}€</p>}
+                    {deliveryFee > 0 && <p>Liefergebühr: {deliveryFee.toFixed(2)}€</p>
+                    }
                     <p className="text-xl mt-2">Gesamt: {total.toFixed(2)}€</p>
                   </div>
                   <button disabled={subtotal < 15 || (deliveryType === 'delivery' && !address)} className="w-full bg-black text-white py-3 rounded-full mt-4 disabled:opacity-50">
@@ -72,21 +73,21 @@ export default function LandingPage() {
           </div>
         )}
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline navItems={[{ name: "Highlights", id: "hero" }, { name: "Steak-Döner", id: "products" }, { name: "Kontakt", id: "contact" }]} brandName="BABA Kebab" button={{ text: "Checkout", onClick: () => setIsCartOpen(true) }} />
+          <NavbarLayoutFloatingInline navItems={[{ name: "Highlights", id: "hero" }, { name: "Steak-Döner", id: "products" }, { name: "Kontakt", id: "contact" }]} brandName="BABA Kebab" />
         </div>
         <div id="hero" data-section="hero">
-          <HeroBillboardRotatedCarousel background={{ variant: "rotated-rays-animated-grid" }} title="Kiel's bester Steak-Döner" description="Erleben Sie echte Qualität." carouselItems={[{ id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png" }, { id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png" }]} />
+          <HeroBillboardRotatedCarousel title="Kiel's bester Steak-Döner" description="Erleben Sie echte Qualität." carouselItems={[{ id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png" }, { id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png" }, { id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png" }, { id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png" }, { id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png" }, { id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png" }]} />
         </div>
-        <div id="about" data-section="about"><TextAbout title="Mehr als nur Döner" /></div>
-        <div id="features" data-section="features"><FeatureCardTwentyOne title="Warum BABA?" description="Frische aus Prinzip." accordionItems={[{ id: "f1", title: "Qualität", content: "Steak-Döner vom Feinsten." }]} /></div>
+        <div id="about" data-section="about"><TextAbout title="Mehr als nur Döner" useInvertedBackground={false} /></div>
+        <div id="features" data-section="features"><FeatureCardTwentyOne title="Warum BABA?" description="Frische aus Prinzip." accordionItems={[{ id: "f1", title: "Qualität", content: "Steak-Döner vom Feinsten." }]} mediaPosition="left" mediaAnimation="slide-up" useInvertedBackground={false} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png" /></div>
         <div id="products" data-section="products">
-          <ProductCardThree animationType="slide-up" textboxLayout="split" gridVariant="uniform-all-items-equal" products={[{ id: "p1", name: "Döner", price: "8,50€", imageSrc: "", onProductClick: () => addToCart({ id: "p1", name: "Döner", price: "8,50€", imageSrc: "" }) }]} title="Unsere Highlights" description="Vom Grill direkt zu dir." />
+          <ProductCardThree animationType="slide-up" textboxLayout="split" gridVariant="uniform-all-items-equal" products={[{ id: "p1", name: "Döner", price: "8,50€", imageSrc: "" }]} title="Unsere Highlights" description="Vom Grill direkt zu dir." useInvertedBackground={false} />
         </div>
-        <div id="testimonials" data-section="testimonials"><TestimonialCardSixteen animationType="slide-up" textboxLayout="split" useInvertedBackground={true} testimonials={[]} kpiItems={[{ value: "4.9", label: "Google" }, { value: "2022", label: "Seit" }, { value: "100%", label: "Genuss" }]} title="Stimmen" description="Das sagen Gäste." /></div>
-        <div id="socialproof" data-section="socialproof"><SocialProofOne names={["Google Maps"]} title="Community" /></div>
-        <div id="faq" data-section="faq"><FaqDouble faqs={[{ id: "q1", title: "Lieferung?", content: "3,50€ Gebühr, ab 30€ frei. MBW 15€." }]} title="Fragen" faqsAnimation="slide-up" textboxLayout="split" /></div>
-        <div id="contact" data-section="contact"><ContactSplitForm title="Kontakt" description="Vinetaplatz 5, Kiel." inputs={[{ name: "name", type: "text", placeholder: "Name" }]} /></div>
-        <div id="footer" data-section="footer"><FooterBaseCard logoText="BABA Kebab" columns={[]} /></div>
+        <div id="testimonials" data-section="testimonials"><TestimonialCardSixteen animationType="slide-up" textboxLayout="split" useInvertedBackground={true} testimonials={[{ id: "t1", name: "Max", role: "Gast", company: "Kiel", rating: 5, imageSrc: "" }, { id: "t2", name: "Anna", role: "Gast", company: "Kiel", rating: 5, imageSrc: "" }]} kpiItems={[{ value: "4.9", label: "Google" }, { value: "2022", label: "Seit" }, { value: "100%", label: "Genuss" }]} title="Stimmen" description="Das sagen Gäste." /></div>
+        <div id="socialproof" data-section="socialproof"><SocialProofOne names={["Google Maps"]} title="Community" useInvertedBackground={false} description="Von unseren Kunden empfohlen." /></div>
+        <div id="faq" data-section="faq"><FaqDouble faqs={[{ id: "q1", title: "Lieferung?", content: "3,50€ Gebühr, ab 30€ frei. MBW 15€." }]} title="Fragen" faqsAnimation="slide-up" textboxLayout="split" useInvertedBackground={false} description="Alles was Sie wissen müssen." /></div>
+        <div id="contact" data-section="contact"><ContactSplitForm title="Kontakt" description="Vinetaplatz 5, Kiel." inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]} useInvertedBackground={false} /></div>
+        <div id="footer" data-section="footer"><FooterBaseCard logoText="BABA Kebab" columns={[{ title: "Links", items: [{ label: "Home", href: "#" }] }]} /></div>
       </ReactLenis>
     </ThemeProvider>
   );