Merge version_5 into main #16

Merged
bender merged 1 commits from version_5 into main 2026-04-18 09:22:47 +00:00

View File

@@ -22,14 +22,14 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline navItems={[{ name: "Highlights", id: "hero" }, { name: "Steak-Döner", id: "products" }, { name: "Kontakt", id: "contact" }]} brandName="BABA Kebab" button={{ text: "Bestellen" }} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel title="Kiel's bester Steak-Döner" description="Erleben Sie echte Qualität." background={{ variant: "plain" }} 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" }]} />
<HeroBillboardRotatedCarousel title="Kiel's bester Steak-Döner" description="Erleben Sie echte Qualität." background={{ variant: "plain" }} carouselItems={[{ id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png?_wi=1" }, { id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png?_wi=1" }, { id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png?_wi=2" }, { id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png?_wi=2" }, { id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png?_wi=3" }, { id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png?_wi=3" }]} />
</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="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?_wi=4" /></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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png" }]} title="Unsere Highlights" description="Vom Grill direkt zu dir." useInvertedBackground={false} />
<ProductCardThree animationType="slide-up" textboxLayout="split" gridVariant="uniform-all-items-equal" products={[{ id: "p1", name: "Döner", price: "8,50€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497784360-n05h6bum.png?_wi=5" }]} 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={[{ id: "t1", name: "Max", role: "Gast", company: "Kiel", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png" }, { id: "t2", name: "Anna", role: "Gast", company: "Kiel", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png" }]} kpiItems={[{ value: "4.9", label: "Google" }, { value: "2022", label: "Seit" }, { value: "100%", label: "Genuss" }]} title="Stimmen" description="Das sagen Gäste." /></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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png?_wi=4" }, { id: "t2", name: "Anna", role: "Gast", company: "Kiel", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWJ7mGhwFAJPdUvYBdyh2tfWG7/uploaded-1776497440511-n7q0vrbz.png?_wi=5" }]} 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." textboxLayout="default" /></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>