bender/228ff4a5-a128-44e1-b471-514c43a3ffdb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

9 Commits
version_1 ... main

Author SHA1 Message Date
bender
fb2bb48840 Merge version_2 into main 
Merge version_2 into main
 2026-03-29 10:42:59 +00:00
bender
bd2cd5a965 Update src/app/page.tsx 2026-03-29 10:42:56 +00:00
bender
042b1c851e Merge version_1 into main 
Merge version_1 into main
 2026-03-29 10:23:58 +00:00
bender
9bf5edab17 Merge version_1 into main 
Merge version_1 into main
 2026-03-29 10:23:34 +00:00
bender
77f2ca490f Merge version_1 into main 
Merge version_1 into main
 2026-03-29 10:22:58 +00:00
bender
2328101e5c Merge version_1 into main 
Merge version_1 into main
 2026-03-29 10:22:23 +00:00
bender
912ba01290 Merge version_1 into main 
Merge version_1 into main
 2026-03-29 10:21:46 +00:00
bender
9bd9409e1c Merge version_1 into main 
Merge version_1 into main
 2026-03-29 10:21:13 +00:00
bender
e131d27d2d Merge version_1 into main 
Merge version_1 into main
 2026-03-29 10:20:44 +00:00
1 changed files with 97 additions and 104 deletions
Expand all files Collapse all files

201
src/app/page.tsx
View File

@@ -1,16 +1,24 @@
"use client";
import { useState } from "react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCart from '@/components/ecommerce/cart/ProductCart';
export default function LandingPage() {
const [isCartOpen, setIsCartOpen] = useState(false);
const handleOpenSignup = () => {
setIsCartOpen(true);
};
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
@@ -25,115 +33,100 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Qualität", id: "about" },
{ name: "Grillgenuss", id: "products" },
{ name: "Rezensionen", id: "testimonials" },
{ name: "Kontakt", id: "footer" },
]}
brandName="Josef's Bio"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Qualität", id: "about" },
{ name: "Grillgenuss", id: "products" },
{ name: "Rezensionen", id: "testimonials" },
{ name: "Kontakt", id: "footer" },
]}
brandName="Josef's Bio"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="JOSEF'S BIO"
description="Frankfurts erste Adresse für Bio-Genuss. Premium Fleischkunst & Handwerk vom Hof direkt auf den Grill."
tag="Grill Saison 2026"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=1", imageAlt: "Bio-Fleisch Auswahl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=2", imageAlt: "Bio-Fleisch Auswahl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=3", imageAlt: "Bio-Fleisch Auswahl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=4", imageAlt: "Bio-Fleisch Auswahl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=5", imageAlt: "Bio-Fleisch Auswahl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=6", imageAlt: "Bio-Fleisch Auswahl" },
]}
mediaAnimation="opacity"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "gradient-bars" }}
title="JOSEF'S BIO"
description="Frankfurts erste Adresse für Bio-Genuss. Premium Fleischkunst & Handwerk vom Hof direkt auf den Grill."
tag="Grill Saison 2026"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=1", imageAlt: "Bio-Fleisch Auswahl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=2", imageAlt: "Bio-Fleisch Auswahl" },
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-sirloin-steak-rustic-wood-table-generative-ai_188544-37068.jpg?_wi=3", imageAlt: "Bio-Fleisch Auswahl" },
]}
mediaAnimation="opacity"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Sommerzeit ist Bio-Zeit"
description={[
"Wenn die Abende länger werden, zählt nur noch eins: Qualität, die man schmeckt.", "Unsere Tiere wachsen in Würde auf, was man in jedem saftigen Schnitt merkt."
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Sommerzeit ist Bio-Zeit"
description={[
"Wenn die Abende länger werden, zählt nur noch eins: Qualität, die man schmeckt.", "Unsere Tiere wachsen in Würde auf, was man in jedem saftigen Schnitt merkt."
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Bio-Döner Original Josef", price: "ab 9,50€", variant: "Kundenliebling", imageSrc: "http://img.b2bpic.net/free-photo/chopped-raw-meat-process-preparing-forcemeat-by-means-meat-grinder-homemade-sausage-ground-beef-top-view_2829-19678.jpg" },
{ id: "p2", name: "Premium Rib-Eye", price: "19,90€", variant: "21 Tage Dry Aged", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-dipping-steak-piece-into-sour-sauce_140725-5004.jpg" },
{ id: "p3", name: "Kräuter-Hähnchenspieße", price: "12,50€", variant: "Freilandhaltung", imageSrc: "http://img.b2bpic.net/free-photo/bright-meat-kebabs-bowl_23-2147852324.jpg" },
]}
title="Unsere Grill-Highlights"
description="Handwerklich hergestellte Bio-Spezialitäten aus Frankfurt."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
carouselMode="auto"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Bio-Döner Original Josef", price: "ab 9,50€", imageSrc: "http://img.b2bpic.net/free-photo/chopped-raw-meat-process-preparing-forcemeat-by-means-meat-grinder-homemade-sausage-ground-beef-top-view_2829-19678.jpg", priceButtonProps: { onClick: handleOpenSignup } },
{ id: "p2", name: "Premium Rib-Eye", price: "19,90€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-dipping-steak-piece-into-sour-sauce_140725-5004.jpg", priceButtonProps: { onClick: handleOpenSignup } },
{ id: "p3", name: "Kräuter-Hähnchenspieße", price: "12,50€", imageSrc: "http://img.b2bpic.net/free-photo/bright-meat-kebabs-bowl_23-2147852324.jpg", priceButtonProps: { onClick: handleOpenSignup } },
]}
title="Unsere Grill-Highlights"
description="Handwerklich hergestellte Bio-Spezialitäten aus Frankfurt."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sven Emmler", handle: "Stammgast", testimonial: "Der beste Döner, den ich jemals gegessen habe. Qualität, die man schmeckt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg?_wi=1" },
{ id: "2", name: "Lokaler Guide", handle: "Gourmet", testimonial: "Selten so leckeres und frisches Fleisch gegessen. Stammkunde!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-offering-salad-her-boyfriend_23-2148363535.jpg" },
{ id: "3", name: "Abdulkadir Koç", handle: "Fan", testimonial: "Ein echtes Geschmackserlebnis. Zart, saftig, perfekt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg" },
{ id: "4", name: "Anna Maria", handle: "Bio-Liebhaber", testimonial: "Man merkt bei jedem Bissen die Bio-Qualität. Absolute Empfehlung!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-sitting-kitchen-with-smartphone-cooking-salad-has-chopping-board-olive_1258-203794.jpg" },
{ id: "5", name: "Markus Weber", handle: "Grillmeister", testimonial: "Die Qualität des Fleisches ist unübertroffen, einfach Weltklasse.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg?_wi=2" },
]}
showRating={true}
title="Ehrliche Stimmen"
description="Was unsere Kunden über Josef's Bio sagen."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sven Emmler", handle: "Stammgast", testimonial: "Der beste Döner, den ich jemals gegessen habe. Qualität, die man schmeckt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg?_wi=1" },
{ id: "2", name: "Lokaler Guide", handle: "Gourmet", testimonial: "Selten so leckeres und frisches Fleisch gegessen. Stammkunde!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-offering-salad-her-boyfriend_23-2148363535.jpg" },
]}
showRating={true}
title="Ehrliche Stimmen"
description="Was unsere Kunden über Josef's Bio sagen."
/>
</div>
<div id="legal" data-section="legal">
<LegalSection
layout="section"
title="Rechtliche Hinweise"
sections={[
{ heading: "Impressum", content: [{ type: "paragraph", text: "Josef's Bio Grill, Inhaber Josef Mustermann, Berger Str. 222, Frankfurt am Main." }] },
{ heading: "Datenschutz", content: [{ type: "paragraph", text: "Wir verarbeiten Ihre Daten ausschließlich zur Abwicklung Ihrer Bestellung gemäß DSGVO." }] },
]}
/>
</div>
<div id="legal" data-section="legal">
<LegalSection
layout="section"
title="Rechtliche Hinweise"
sections={[
{ heading: "Impressum", content: [{ type: "paragraph", text: "Josef's Bio Grill, Inhaber Josef Mustermann, Berger Str. 222, Frankfurt am Main." }] },
{ heading: "Datenschutz", content: [{ type: "paragraph", text: "Wir verarbeiten Ihre Daten ausschließlich zur Abwicklung Ihrer Bestellung gemäß DSGVO." }] },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Kontakt", items: [
{ label: "Berger Str. 222, Frankfurt", href: "#" },
{ label: "Tel: 069 41674940", href: "tel:06941674940" },
],
},
{
title: "Öffnungszeiten", items: [
{ label: "Mo-Do: 10:00 – 22:00", href: "#" },
{ label: "Fr: 10:00 – 23:00", href: "#" },
{ label: "Sa: 11:00 – 23:00", href: "#" },
{ label: "So: 12:00 – 22:00", href: "#" },
],
},
]}
bottomLeftText="© 2026 Josef's Bio"
bottomRightText="Qualität aus Frankfurt"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Kontakt", items: [{ label: "Berger Str. 222, Frankfurt", href: "#" }, { label: "Tel: 069 41674940", href: "tel:06941674940" }] },
{ title: "Öffnungszeiten", items: [{ label: "Mo-Do: 10:00 – 22:00", href: "#" }] },
]}
bottomLeftText="© 2026 Josef's Bio"
bottomRightText="Qualität aus Frankfurt"
/>
</div>
<ProductCart isOpen={isCartOpen} onClose={() => setIsCartOpen(false)} items={[]} total="0,00€" title="Jetzt Anmelden" buttons={[{ text: "Abschicken" }]} />
</ReactLenis>
</ThemeProvider>
);
}
}