Merge version_2 into main #8
201
src/app/page.tsx
201
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user