bender/3d72e1b0-2922-4777-b28a-da8c900e02f3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-12 22:42:40 +00:00
parent c16f934ab4 ba09703796
commit 865bf0f440
4 changed files with 68 additions and 531 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/app/contact/page.tsx
View File

@@ -7,107 +7,21 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
>
<ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Speisekarte",
id: "/menu",
},
{
name: "Bestellung",
id: "/order",
},
{
name: "Kontakt",
id: "/contact",
},
]}
brandName="Wacker GmbH"
/>
<NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Speisekarte", id: "/menu"}, {name: "Bestellung", id: "/order"}, {name: "Kontakt", id: "/contact"}]} brandName="Wacker GmbH" />
</div>
<div id="contact-section" data-section="contact-section">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Kontakt"
title="Sprechen Sie uns an"
description="Wir stehen Ihnen bei Fragen zu unseren Lebensmitteln gerne zur Verfügung."
/>
<ContactCenter useInvertedBackground={false} background={{variant: "plain"}} tag="Kontakt" title="Sprechen Sie uns an" description="Wir stehen Ihnen bei Fragen zu unseren Lebensmitteln gerne zur Verfügung." />
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
title="Häufige Fragen"
description="Alles Wichtige zu Abholung und Versand."
imageSrc="http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg"
mediaAnimation="slide-up"
faqsAnimation="blur-reveal"
faqs={[
{
id: "faq1",
title: "Wie lange dauert die Lieferung?",
content: "Standardmäßig versenden wir innerhalb von 3 Werktagen.",
},
{
id: "faq2",
title: "Kann ich vor Ort abholen?",
content: "Ja, nach Terminvereinbarung können Sie Ihre Bestellung in Lampertheim abholen.",
},
]}
/>
<FaqSplitMedia textboxLayout="default" useInvertedBackground={false} title="Häufige Fragen" description="Alles Wichtige zu Abholung und Versand." imageSrc="http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg" mediaAnimation="slide-up" faqsAnimation="blur-reveal" faqs={[{id: "faq1", title: "Wie lange dauert die Lieferung?", content: "Standardmäßig versenden wir innerhalb von 3 Werktagen."}, {id: "faq2", title: "Kann ich vor Ort abholen?", content: "Ja, nach Terminvereinbarung können Sie Ihre Bestellung in Lampertheim abholen."}]} />
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Service",
items: [
{
label: "Online Bestellung",
href: "/order",
},
{
label: "Speisekarte",
href: "/menu",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Wacker GmbH Lebensmittel"
bottomRightText="Handgemacht aus Lampertheim"
/>
<FooterSimple columns={[{title: "Service", items: [{label: "Online Bestellung", href: "/order"}, {label: "Speisekarte", href: "/menu"}]}, {title: "Rechtliches", items: [{label: "Impressum", href: "#"}, {label: "Datenschutz", href: "#"}]}]} bottomLeftText="© 2024 Wacker GmbH Lebensmittel" bottomRightText="Handgemacht aus Lampertheim" />
</div>
</ReactLenis>
</ThemeProvider>

159
src/app/menu/page.tsx
View File

@@ -7,168 +7,21 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function LandingPage() {
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
>
<ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Speisekarte",
id: "/menu",
},
{
name: "Bestellung",
id: "/order",
},
{
name: "Kontakt",
id: "/contact",
},
]}
brandName="Wacker GmbH"
/>
<NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Speisekarte", id: "/menu"}, {name: "Bestellung", id: "/order"}, {name: "Kontakt", id: "/contact"}]} brandName="Wacker GmbH" />
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Wacker Bio",
name: "Gekeimte Bandnudeln",
price: "6,50€",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/natural-pigments-composition-made-with-raw-elements_23-2148734444.jpg",
},
{
id: "p2",
brand: "Wacker Bio",
name: "Gemüsebrühe",
price: "8,90€",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-vegetables-with-spoons-wooden-background_23-2147944316.jpg",
},
{
id: "p3",
brand: "Wacker Bio",
name: "Kakao Müsli",
price: "7,20€",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spoon-with-organic-yogurt-table_23-2148529481.jpg",
},
{
id: "p4",
brand: "Wacker Bio",
name: "Tomatensauce",
price: "5,80€",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-tomato-soup-circled-with-fresh-red-tomatoes-dark-space_140725-95033.jpg",
},
{
id: "p5",
brand: "Wacker Bio",
name: "Frisches Gemüse",
price: "varies",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-wearing-face-mask-holding-box-with-vegetables_1268-14616.jpg",
},
{
id: "p6",
brand: "Wacker Bio",
name: "Bio-Öle Set",
price: "14,50€",
rating: 5,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-plate-with-ripe-vegetables_23-2147694158.jpg",
},
]}
title="Unsere Spezialitäten"
description="Bio-Produkte aus eigener Herstellung für Ihren Genuss."
/>
<ProductCardTwo animationType="slide-up" textboxLayout="default" gridVariant="four-items-2x2-equal-grid" useInvertedBackground={false} products={[{id: "p1", brand: "Wacker Bio", name: "Gekeimte Bandnudeln", price: "6,50€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigments-composition-made-with-raw-elements_23-2148734444.jpg"}, {id: "p2", brand: "Wacker Bio", name: "Gemüsebrühe", price: "8,90€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-vegetables-with-spoons-wooden-background_23-2147944316.jpg"}, {id: "p3", brand: "Wacker Bio", name: "Kakao Müsli", price: "7,20€", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spoon-with-organic-yogurt-table_23-2148529481.jpg"}, {id: "p4", brand: "Wacker Bio", name: "Tomatensauce", price: "5,80€", rating: 5, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-tomato-soup-circled-with-fresh-red-tomatoes-dark-space_140725-95033.jpg"}]} title="Unsere Spezialitäten" description="Bio-Produkte aus eigener Herstellung für Ihren Genuss." />
</div>
<div id="feature" data-section="feature">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Unsere Philosophie"
description="Nachhaltig, regional und direkt vom Erzeuger."
features={[
{
id: "f1",
label: "Bio-Qualität",
title: "Zertifiziert",
items: [
"100% Biologische Zutaten",
"Ohne künstliche Zusätze",
],
},
{
id: "f2",
label: "Regional",
title: "Kurze Wege",
items: [
"Anbau im Odenwald",
"Unterstützt lokale Betriebe",
],
},
]}
/>
<FeatureCardTwelve animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Unsere Philosophie" description="Nachhaltig, regional und direkt vom Erzeuger." features={[{id: "f1", label: "Bio-Qualität", title: "Zertifiziert", items: ["100% Biologische Zutaten", "Ohne künstliche Zusätze"]}, {id: "f2", label: "Regional", title: "Kurze Wege", items: ["Anbau im Odenwald", "Unterstützt lokale Betriebe"]}]} />
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Service",
items: [
{
label: "Online Bestellung",
href: "/order",
},
{
label: "Speisekarte",
href: "/menu",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Wacker GmbH Lebensmittel"
bottomRightText="Handgemacht aus Lampertheim"
/>
<FooterSimple columns={[{title: "Service", items: [{label: "Online Bestellung", href: "/order"}, {label: "Speisekarte", href: "/menu"}]}, {title: "Rechtliches", items: [{label: "Impressum", href: "#"}, {label: "Datenschutz", href: "#"}]}]} bottomLeftText="© 2024 Wacker GmbH Lebensmittel" bottomRightText="Handgemacht aus Lampertheim" />
</div>
</ReactLenis>
</ThemeProvider>

111
src/app/order/page.tsx
View File

@@ -8,120 +8,21 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import { Award, Users } from "lucide-react";
export default function LandingPage() {
export default function OrderPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
>
<ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Speisekarte",
id: "/menu",
},
{
name: "Bestellung",
id: "/order",
},
{
name: "Kontakt",
id: "/contact",
},
]}
brandName="Wacker GmbH"
/>
<NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Speisekarte", id: "/menu"}, {name: "Bestellung", id: "/order"}, {name: "Kontakt", id: "/contact"}]} brandName="Wacker GmbH" />
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Beliebte Bestseller"
description="Unsere Kundenlieblinge in der praktischen Vorratspackung."
products={[
{
id: "b1",
name: "Großes Nudelpaket",
price: "18,90€",
imageSrc: "http://img.b2bpic.net/free-photo/pasta-beans-grains-uncooked-cereals-glass-canister-with-labels-wooden-rack_181624-59320.jpg",
},
{
id: "b2",
name: "Brühen-Set",
price: "24,00€",
imageSrc: "http://img.b2bpic.net/free-photo/natural-pigments-composition-made-with-raw-elements-close-up_23-2148734445.jpg",
},
]}
/>
<ProductCardOne animationType="slide-up" textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} title="Beliebte Bestseller" description="Unsere Kundenlieblinge in der praktischen Vorratspackung." products={[{id: "b1", name: "Großes Nudelpaket", price: "18,90€", imageSrc: "http://img.b2bpic.net/free-photo/pasta-beans-grains-uncooked-cereals-glass-canister-with-labels-wooden-rack_181624-59320.jpg"}, {id: "b2", name: "Brühen-Set", price: "24,00€", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigments-composition-made-with-raw-elements-close-up_23-2148734445.jpg"}, {id: "b3", name: "Bio-Öl", price: "12,00€", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigments-composition-made-with-raw-elements_23-2148734444.jpg"}]} />
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Warum Wacker?"
description="Zahlen, die für uns und unsere Qualität sprechen."
metrics={[
{
id: "m1",
icon: Award,
title: "Auszeichnungen",
value: "15+",
},
{
id: "m2",
icon: Users,
title: "Zufriedene Kunden",
value: "2000+",
},
]}
/>
<MetricCardThree animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Warum Wacker?" description="Zahlen, die für uns und unsere Qualität sprechen." metrics={[{id: "m1", icon: Award, title: "Auszeichnungen", value: "15+"}, {id: "m2", icon: Users, title: "Zufriedene Kunden", value: "2000+"}]} />
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Service",
items: [
{
label: "Online Bestellung",
href: "/order",
},
{
label: "Speisekarte",
href: "/menu",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Wacker GmbH Lebensmittel"
bottomRightText="Handgemacht aus Lampertheim"
/>
<FooterSimple columns={[{title: "Service", items: [{label: "Online Bestellung", href: "/order"}, {label: "Speisekarte", href: "/menu"}]}, {title: "Rechtliches", items: [{label: "Impressum", href: "#"}, {label: "Datenschutz", href: "#"}]}]} bottomLeftText="© 2024 Wacker GmbH Lebensmittel" bottomRightText="Handgemacht aus Lampertheim" />
</div>
</ReactLenis>
</ThemeProvider>

147
src/app/page.tsx
View File

@@ -12,159 +12,28 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
>
<ThemeProvider defaultButtonVariant="icon-arrow" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Speisekarte",
id: "/menu",
},
{
name: "Bestellung",
id: "/order",
},
{
name: "Kontakt",
id: "/contact",
},
]}
brandName="Wacker GmbH"
/>
<NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Speisekarte", id: "/menu"}, {name: "Bestellung", id: "/order"}, {name: "Kontakt", id: "/contact"}]} brandName="Wacker GmbH" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
title="Wacker GmbH Lebensmittel"
description="Natürliche Zutaten und liebevoll zubereitete Spezialitäten für Genießer. Entdecken Sie unser handgemachtes Sortiment."
buttons={[
{
text: "Jetzt Bestellen",
href: "/order",
},
{
text: "Speisekarte",
href: "/menu",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKVfQO9oAn0PiGDY5bniWupUHE/uploaded-1778625699752-7273fmjx.jpg"
/>
<HeroBillboardScroll background={{variant: "gradient-bars"}} title="Wacker GmbH Lebensmittel" description="Natürliche Zutaten und liebevoll zubereitete Spezialitäten für Genießer. Entdecken Sie unser handgemachtes Sortiment." buttons={[{text: "Jetzt Bestellen", href: "/order"}, {text: "Speisekarte", href: "/menu"}]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKVfQO9oAn0PiGDY5bniWupUHE/uploaded-1778625699752-7273fmjx.jpg" />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anna K.",
role: "Kunde",
testimonial: "Die Nudeln sind der Wahnsinn, wirklich frisch und lecker!",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-hanging-out_23-2149436788.jpg",
},
{
id: "2",
name: "Markus S.",
role: "Kunde",
testimonial: "Beste Gemüsebrühe, die ich je probiert habe.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman_1303-10235.jpg",
},
{
id: "3",
name: "Sarah L.",
role: "Kunde",
testimonial: "Das Kakao Müsli schmeckt einfach fantastisch zum Frühstück.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
},
{
id: "4",
name: "Petra W.",
role: "Kunde",
testimonial: "Toller Service und sehr hochwertige Lebensmittel.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-while-choosing-order-form-menu-cafe_637285-8950.jpg",
},
{
id: "5",
name: "Jürgen M.",
role: "Kunde",
testimonial: "Wacker hat die beste Qualität in der Region.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
},
]}
title="Was Kunden sagen"
description="Qualität, die man schmeckt."
/>
<TestimonialCardTwo animationType="slide-up" textboxLayout="default" useInvertedBackground={true} testimonials={[{id: "1", name: "Anna K.", role: "Kunde", testimonial: "Die Nudeln sind der Wahnsinn, wirklich frisch und lecker!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-hanging-out_23-2149436788.jpg"}, {id: "2", name: "Markus S.", role: "Kunde", testimonial: "Beste Gemüsebrühe, die ich je probiert habe.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman_1303-10235.jpg"}, {id: "3", name: "Sarah L.", role: "Kunde", testimonial: "Das Kakao Müsli schmeckt einfach fantastisch zum Frühstück.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"}, {id: "4", name: "Petra W.", role: "Kunde", testimonial: "Toller Service und sehr hochwertige Lebensmittel.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-while-choosing-order-form-menu-cafe_637285-8950.jpg"}, {id: "5", name: "Jürgen M.", role: "Kunde", testimonial: "Wacker hat die beste Qualität in der Region.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg"}]} title="Was Kunden sagen" description="Qualität, die man schmeckt." />
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
<TestimonialCardSix animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Kundenstimmen" description="Was unsere Partner sagen" testimonials={[{id: "1", name: "Hans", role: "Chef", testimonial: "Top."}]} />
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
<PricingCardOne animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Angebote" description="Unsere Pakete" plans={[{name: "Basic", price: "10", description: "Start", features: ["A", "B"]}, {name: "Pro", price: "20", description: "Mehr", features: ["C", "D"]}]} />
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
/>
<SocialProofOne textboxLayout="default" useInvertedBackground={false} names={["Anna", "Bob"]} title="Partner" description="Wir vertrauen auf" />
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Service",
items: [
{
label: "Online Bestellung",
href: "/order",
},
{
label: "Speisekarte",
href: "/menu",
},
],
},
{
title: "Rechtliches",
items: [
{
label: "Impressum",
href: "#",
},
{
label: "Datenschutz",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Wacker GmbH Lebensmittel"
bottomRightText="Handgemacht aus Lampertheim"
/>
<FooterSimple columns={[{title: "Service", items: [{label: "Online Bestellung", href: "/order"}, {label: "Speisekarte", href: "/menu"}]}, {title: "Rechtliches", items: [{label: "Impressum", href: "#"}, {label: "Datenschutz", href: "#"}]}]} bottomLeftText="© 2024 Wacker GmbH Lebensmittel" bottomRightText="Handgemacht aus Lampertheim" />
</div>
</ReactLenis>
</ThemeProvider>