Merge version_2 into main #4
231
src/app/page.tsx
231
src/app/page.tsx
@@ -25,148 +25,107 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Start", id: "hero"},
|
||||
{
|
||||
name: "Vorteile", id: "features"},
|
||||
{
|
||||
name: "Bewertungen", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Feinkost Dittmann"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Vorteile", id: "features" },
|
||||
{ name: "Bewertungen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Feinkost Dittmann"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Feinkost Dittmann Lagerverkauf"
|
||||
description="Hochwertige Feinkost zu unschlagbaren Lagerpreisen. Direkt vom Hersteller, direkt zu Ihnen nach Hause."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt vorbeikommen", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=1", imageAlt: "Hochwertige Feinkost Auswahl"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=2", imageAlt: "Lagerverkauf Ambiente"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=3", imageAlt: "Frische Delikatessen"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=4", imageAlt: "Direkt vom Hersteller"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=5", imageAlt: "Qualität zum kleinen Preis"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Feinkost Dittmann Lagerverkauf"
|
||||
description="Hochwertige Feinkost zu unschlagbaren Lagerpreisen. Direkt vom Hersteller, direkt zu Ihnen nach Hause."
|
||||
buttons={[
|
||||
{ text: "Jetzt vorbeikommen", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=1", imageAlt: "Hochwertige Feinkost Auswahl" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=2", imageAlt: "Lagerverkauf Ambiente" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=3", imageAlt: "Frische Delikatessen" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=4", imageAlt: "Direkt vom Hersteller" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-robe-with-yellow-cheese-head-his-hands-is-shop-production-butter-cheese-production-process-plant-dairy-products-racks-with-cheese_645730-688.jpg?_wi=5", imageAlt: "Qualität zum kleinen Preis" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Top Preise", description: "Günstiger als Discounter – echte Schnäppchen direkt vom Hersteller.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-papers_1150-7681.jpg"},
|
||||
{
|
||||
title: "Premium Qualität", description: "Hochwertige Feinkostprodukte mit bestem Geschmack.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-plates-filled-with-leftovers_23-2148748957.jpg"},
|
||||
{
|
||||
title: "Direkt vom Lager", description: "Frisch, schnell und direkt – ohne Zwischenhändler.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128290.jpg"},
|
||||
]}
|
||||
title="Warum zu uns?"
|
||||
description="Erleben Sie echte Schnäppchen und Premium-Qualität."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Top Preise", description: "Günstiger als Discounter – echte Schnäppchen direkt vom Hersteller.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-working-with-papers_1150-7681.jpg" },
|
||||
{ title: "Premium Qualität", description: "Hochwertige Feinkostprodukte mit bestem Geschmack.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chicken-plates-filled-with-leftovers_23-2148748957.jpg" },
|
||||
{ title: "Direkt vom Lager", description: "Frisch, schnell und direkt – ohne Zwischenhändler.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-warehouse_23-2149128290.jpg" },
|
||||
]}
|
||||
title="Warum zu uns?"
|
||||
description="Erleben Sie echte Schnäppchen und Premium-Qualität."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Müller", role: "Kundin", company: "Stammkunde", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg?_wi=1"},
|
||||
{
|
||||
id: "2", name: "Michael Weber", role: "Feinschmecker", company: "Vielkäufer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32386.jpg?_wi=1"},
|
||||
{
|
||||
id: "3", name: "Thomas Schneider", role: "Restaurantbesitzer", company: "B2B", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32442.jpg?_wi=1"},
|
||||
{
|
||||
id: "4", name: "Julia Fischer", role: "Köchin", company: "Großabnehmer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-smoothie_23-2147669679.jpg?_wi=1"},
|
||||
{
|
||||
id: "5", name: "Christian Koch", role: "Privatkunde", company: "Schnäppchenjäger", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg?_wi=1"},
|
||||
]}
|
||||
title="4.2 ★ Bewertung"
|
||||
description="Das sagen unsere Kunden über den Lagerverkauf."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Müller", role: "Kundin", company: "Stammkunde", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg?_wi=1" },
|
||||
{ id: "2", name: "Michael Weber", role: "Feinschmecker", company: "Vielkäufer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32386.jpg?_wi=1" },
|
||||
{ id: "3", name: "Thomas Schneider", role: "Restaurantbesitzer", company: "B2B", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32442.jpg?_wi=1" },
|
||||
{ id: "4", name: "Julia Fischer", role: "Köchin", company: "Großabnehmer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-smoothie_23-2147669679.jpg?_wi=1" },
|
||||
{ id: "5", name: "Christian Koch", role: "Privatkunde", company: "Schnäppchenjäger", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg?_wi=1" },
|
||||
]}
|
||||
title="4.2 ★ Bewertung"
|
||||
description="Das sagen unsere Kunden über den Lagerverkauf."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Unser Team vor Ort"
|
||||
description="Lernen Sie die Menschen kennen, die täglich frische Delikatessen für Sie bereitstellen."
|
||||
members={[
|
||||
{
|
||||
id: "m1", name: "Markus Schmidt", role: "Lagerleitung", imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg?_wi=2"},
|
||||
{
|
||||
id: "m2", name: "Elena Wagner", role: "Verkaufsberatung", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32386.jpg?_wi=2"},
|
||||
{
|
||||
id: "m3", name: "Tobias Meyer", role: "Logistik", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32442.jpg?_wi=2"},
|
||||
{
|
||||
id: "m4", name: "Sabine Klein", role: "Kundenservice", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-smoothie_23-2147669679.jpg?_wi=2"},
|
||||
{
|
||||
id: "m5", name: "Jens Bauer", role: "Qualitätssicherung", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg?_wi=2"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Unser Team vor Ort"
|
||||
description="Lernen Sie die Menschen kennen, die täglich frische Delikatessen für Sie bereitstellen."
|
||||
members={[
|
||||
{ id: "m1", name: "Markus Schmidt", role: "Lagerleitung", imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg?_wi=2" },
|
||||
{ id: "m2", name: "Elena Wagner", role: "Verkaufsberatung", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32386.jpg?_wi=2" },
|
||||
{ id: "m3", name: "Tobias Meyer", role: "Logistik", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-32442.jpg?_wi=2" },
|
||||
{ id: "m4", name: "Sabine Klein", role: "Kundenservice", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-with-smoothie_23-2147669679.jpg?_wi=2" },
|
||||
{ id: "m5", name: "Jens Bauer", role: "Qualitätssicherung", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg?_wi=2" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Besuchen Sie uns"
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Haben Sie Fragen zu unseren Produkten oder Öffnungszeiten? Unser Team hilft Ihnen gerne weiter."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Besuchen Sie uns"
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Haben Sie Fragen zu unseren Produkten oder Öffnungszeiten? Unser Team hilft Ihnen gerne weiter."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Standort", items: [
|
||||
{
|
||||
label: "Anfahrt", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Datenschutz", href: "#"},
|
||||
{
|
||||
label: "Impressum", href: "#"},
|
||||
],
|
||||
},
|
||||
],
|
||||
logoText="Feinkost Dittmann"
|
||||
copyrightText="© 2025 Feinkost Dittmann Lagerverkauf"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Standort", items: [{ label: "Anfahrt", href: "#" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Datenschutz", href: "#" }, { label: "Impressum", href: "#" }] },
|
||||
]}
|
||||
logoText="Feinkost Dittmann"
|
||||
copyrightText="© 2025 Feinkost Dittmann Lagerverkauf"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user