Merge version_1 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Produkte",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Produkte", id: "products" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Hayat Markt"
|
||||
/>
|
||||
@@ -47,99 +42,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Frisch, Regional und mit Herz."
|
||||
description="Willkommen im Hayat Markt – Ihrem Partner für frische Lebensmittel, ausgewählte Qualität und herzlichen Service direkt in Ihrer Nähe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Produkte entdecken",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Produkte entdecken", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-fruits-vegetables-shopping-bag-supermarket_169016-19948.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Müller",
|
||||
handle: "@sarah.m",
|
||||
testimonial: "Die Auswahl an frischem Gemüse ist einfach unschlagbar!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopaholic-woman-eyeglasses-raising-her-arms_23-2147823619.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas Schneider",
|
||||
handle: "@t.schneider",
|
||||
testimonial: "Sehr freundliches Personal und immer Top-Qualität.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187304.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Demir",
|
||||
handle: "@elena.d",
|
||||
testimonial: "Ich komme jeden Tag gerne hierher zum Einkaufen.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-eyeglasses-holding-shopping-bags_23-2147823601.jpg",
|
||||
},
|
||||
{
|
||||
name: "Markus Weber",
|
||||
handle: "@m.weber",
|
||||
testimonial: "Tolle regionale Auswahl und faire Preise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-away-medium-shot_23-2148225705.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ayse Yilmaz",
|
||||
handle: "@ayse.y",
|
||||
testimonial: "Der Hayat Markt gehört einfach zum Viertel dazu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-leaning-against-bike-handlebar_23-2148232067.jpg",
|
||||
},
|
||||
{ name: "Sarah Müller", handle: "@sarah.m", testimonial: "Die Auswahl an frischem Gemüse ist einfach unschlagbar!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shopaholic-woman-eyeglasses-raising-her-arms_23-2147823619.jpg" },
|
||||
{ name: "Thomas Schneider", handle: "@t.schneider", testimonial: "Sehr freundliches Personal und immer Top-Qualität.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187304.jpg" },
|
||||
{ name: "Elena Demir", handle: "@elena.d", testimonial: "Ich komme jeden Tag gerne hierher zum Einkaufen.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-eyeglasses-holding-shopping-bags_23-2147823601.jpg" },
|
||||
{ name: "Markus Weber", handle: "@m.weber", testimonial: "Tolle regionale Auswahl und faire Preise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-away-medium-shot_23-2148225705.jpg" },
|
||||
{ name: "Ayse Yilmaz", handle: "@ayse.y", testimonial: "Der Hayat Markt gehört einfach zum Viertel dazu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-leaning-against-bike-handlebar_23-2148232067.jpg" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-with-ecological-vegetables_23-2148493622.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-girl-with-shopping-bags_23-2148225670.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-african-american-girl-holding-paper-bag-groceries-from-supermarket-very-happy-pointing-with-hand-finger_839833-5328.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sustainable-living-person-holding-groceries-shopping-bag_482257-121614.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-traveling-by-bike_23-2149284874.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-with-ecological-vegetables_23-2148493622.jpg", alt: "Kunde 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-girl-with-shopping-bags_23-2148225670.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-african-american-girl-holding-paper-bag-groceries-from-supermarket-very-happy-pointing-with-hand-finger_839833-5328.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sustainable-living-person-holding-groceries-shopping-bag_482257-121614.jpg", alt: "Kunde 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-traveling-by-bike_23-2149284874.jpg", alt: "Kunde 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Frische Garantie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Regional & Fair",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bio Qualität",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Täglich frisch",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Familiengeführt",
|
||||
},
|
||||
{ type: "text", text: "Frische Garantie" },
|
||||
{ type: "text", text: "Regional & Fair" },
|
||||
{ type: "text", text: "Bio Qualität" },
|
||||
{ type: "text", text: "Täglich frisch" },
|
||||
{ type: "text", text: "Familiengeführt" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,9 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Tradition trifft auf Frische"
|
||||
description={[
|
||||
"Wir bei Hayat Markt legen höchsten Wert auf Qualität. Unsere Produkte werden sorgfältig ausgewählt, um Ihnen Tag für Tag Frische und Genuss auf den Tisch zu bringen.",
|
||||
"Seit Jahren stehen wir für Vertrauen, Regionalität und eine Vielfalt, die begeistert. Kommen Sie vorbei und erleben Sie unseren Service persönlich.",
|
||||
]}
|
||||
"Wir bei Hayat Markt legen höchsten Wert auf Qualität. Unsere Produkte werden sorgfältig ausgewählt, um Ihnen Tag für Tag Frische und Genuss auf den Tisch zu bringen.", "Seit Jahren stehen wir für Vertrauen, Regionalität und eine Vielfalt, die begeistert. Kommen Sie vorbei und erleben Sie unseren Service persönlich."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,48 +88,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Frisches Gemüse",
|
||||
price: "ab 1,99€",
|
||||
variant: "Saisonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-vegetables-wooden-background_23-2148491123.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bio Obstkörbe",
|
||||
price: "ab 4,50€",
|
||||
variant: "Bio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kiwies-oranges-colorful-bell-peppers_114579-5951.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Frisches Brot",
|
||||
price: "2,20€",
|
||||
variant: "Hausgemacht",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-loaves-baked-bread-with-tag-gypsophila-flowers_23-2147975194.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Molkereiprodukte",
|
||||
price: "ab 1,49€",
|
||||
variant: "Frisch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-appetizer_23-2148145237.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Beerenmix",
|
||||
price: "3,99€",
|
||||
variant: "Süß",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-delicious-vegetables_23-2149082580.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Oliven & Antipasti",
|
||||
price: "ab 2,50€",
|
||||
variant: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-arrangement_23-2149238972.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Frisches Gemüse", price: "ab 1,99€", variant: "Saisonal", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-vegetables-wooden-background_23-2148491123.jpg" },
|
||||
{ id: "p2", name: "Bio Obstkörbe", price: "ab 4,50€", variant: "Bio", imageSrc: "http://img.b2bpic.net/free-photo/kiwies-oranges-colorful-bell-peppers_114579-5951.jpg" },
|
||||
{ id: "p3", name: "Frisches Brot", price: "2,20€", variant: "Hausgemacht", imageSrc: "http://img.b2bpic.net/free-photo/rustic-loaves-baked-bread-with-tag-gypsophila-flowers_23-2147975194.jpg" },
|
||||
{ id: "p4", name: "Molkereiprodukte", price: "ab 1,49€", variant: "Frisch", imageSrc: "http://img.b2bpic.net/free-photo/cheese-appetizer_23-2148145237.jpg" },
|
||||
{ id: "p5", name: "Beerenmix", price: "3,99€", variant: "Süß", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-delicious-vegetables_23-2149082580.jpg" },
|
||||
{ id: "p6", name: "Oliven & Antipasti", price: "ab 2,50€", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-arrangement_23-2149238972.jpg" }
|
||||
]}
|
||||
title="Unsere Produkthighlights"
|
||||
description="Entdecken Sie unser breites Sortiment an frischen Lebensmitteln, von saisonalem Obst über handverlesenes Gemüse bis hin zu unseren hausgemachten Spezialitäten."
|
||||
@@ -215,21 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tägliche Frische",
|
||||
description: "Obst und Gemüse werden täglich direkt geliefert und geprüft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keto-diet-food-still-life_23-2149278966.jpg",
|
||||
},
|
||||
{
|
||||
title: "Regionalität",
|
||||
description: "Wir unterstützen lokale Erzeuger und fördern kurze Transportwege.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-orders-groceries-mobile-app-girl-bathrobe-sits-kitchen-with-vegetables_1258-198245.jpg",
|
||||
},
|
||||
{
|
||||
title: "Herzlicher Service",
|
||||
description: "Unser Team steht Ihnen bei allen Fragen zur Seite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-woman-holding-crate_23-2148767121.jpg",
|
||||
},
|
||||
{ title: "Tägliche Frische", description: "Obst und Gemüse werden täglich direkt geliefert und geprüft.", imageSrc: "http://img.b2bpic.net/free-photo/keto-diet-food-still-life_23-2149278966.jpg" },
|
||||
{ title: "Regionalität", description: "Wir unterstützen lokale Erzeuger und fördern kurze Transportwege.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-orders-groceries-mobile-app-girl-bathrobe-sits-kitchen-with-vegetables_1258-198245.jpg" },
|
||||
{ title: "Herzlicher Service", description: "Unser Team steht Ihnen bei allen Fragen zur Seite.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-woman-holding-crate_23-2148767121.jpg" }
|
||||
]}
|
||||
title="Warum Hayat Markt?"
|
||||
description="Wir verbinden erstklassigen Service mit der Frische, die Sie zu Hause genießen wollen."
|
||||
@@ -242,41 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Müller",
|
||||
role: "Stammkundin",
|
||||
testimonial: "Die Auswahl an frischem Gemüse ist einfach unschlagbar!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thomas Schneider",
|
||||
role: "Kunde",
|
||||
testimonial: "Sehr freundliches Personal und immer Top-Qualität.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-holding-groceries-bags_23-2148493623.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Demir",
|
||||
role: "Stammkundin",
|
||||
testimonial: "Ich komme jeden Tag gerne hierher zum Einkaufen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-grocery-bag-with-fresh-vegetables-bread_169016-70005.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Markus Weber",
|
||||
role: "Kunde",
|
||||
testimonial: "Tolle regionale Auswahl und faire Preise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-receiving-groceries_23-2149722271.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ayse Yilmaz",
|
||||
role: "Stammkundin",
|
||||
testimonial: "Der Hayat Markt gehört einfach zum Viertel dazu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-celebrating-supermarket_1154-73.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Müller", role: "Stammkundin", testimonial: "Die Auswahl an frischem Gemüse ist einfach unschlagbar!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg" },
|
||||
{ id: "t2", name: "Thomas Schneider", role: "Kunde", testimonial: "Sehr freundliches Personal und immer Top-Qualität.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-holding-groceries-bags_23-2148493623.jpg" },
|
||||
{ id: "t3", name: "Elena Demir", role: "Stammkundin", testimonial: "Ich komme jeden Tag gerne hierher zum Einkaufen.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-grocery-bag-with-fresh-vegetables-bread_169016-70005.jpg" },
|
||||
{ id: "t4", name: "Markus Weber", role: "Kunde", testimonial: "Tolle regionale Auswahl und faire Preise.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-receiving-groceries_23-2149722271.jpg" },
|
||||
{ id: "t5", name: "Ayse Yilmaz", role: "Stammkundin", testimonial: "Der Hayat Markt gehört einfach zum Viertel dazu.", imageSrc: "http://img.b2bpic.net/free-photo/man-celebrating-supermarket_1154-73.jpg" }
|
||||
]}
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Ihre Zufriedenheit ist unser schönstes Lob."
|
||||
@@ -288,21 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie sind Ihre Öffnungszeiten?",
|
||||
content: "Wir haben täglich von 08:00 bis 20:00 Uhr für Sie geöffnet.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Bieten Sie Bio-Produkte an?",
|
||||
content: "Ja, wir führen eine wachsende Auswahl an zertifizierten Bio-Artikeln.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Kann man bei Ihnen reservieren?",
|
||||
content: "Für Großbestellungen oder spezielle Feiern rufen Sie uns bitte einfach an.",
|
||||
},
|
||||
{ id: "f1", title: "Wie sind Ihre Öffnungszeiten?", content: "Wir haben täglich von 08:00 bis 20:00 Uhr für Sie geöffnet." },
|
||||
{ id: "f2", title: "Bieten Sie Bio-Produkte an?", content: "Ja, wir führen eine wachsende Auswahl an zertifizierten Bio-Artikeln." },
|
||||
{ id: "f3", title: "Kann man bei Ihnen reservieren?", content: "Für Großbestellungen oder spezielle Feiern rufen Sie uns bitte einfach an." }
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Hier finden Sie Antworten auf alles, was Sie über den Hayat Markt wissen möchten."
|
||||
@@ -313,30 +149,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Haben Sie Fragen oder Wünsche? Wir freuen uns auf Ihren Besuch oder Ihren Anruf!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt anrufen", href: "tel:+49123456789" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Hayat Markt"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Impressum", href: "#" }}
|
||||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user