Update src/app/page.tsx
This commit is contained in:
438
src/app/page.tsx
438
src/app/page.tsx
@@ -1,358 +1,96 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Clock, Flame } from "lucide-react";
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Flame, Clock, Award } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Mister Lap"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
title="Frische asiatische Küche, fair & legendär"
|
||||
description="Seit Jahren das beliebteste Asia-Restaurant der Umgebung. Frisch im Wok zubereitet, faire Preise, in nur 10 Minuten abholbereit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Speisekarte ansehen",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Jetzt telefonisch bestellen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-their-cook-job_23-2151923168.jpg",
|
||||
imageAlt: "Asia Food Wok",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-seeds-herbs_23-2148536715.jpg",
|
||||
imageAlt: "Ingredients",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-japanese-dumplings-assortment_23-2148809858.jpg",
|
||||
imageAlt: "Dumplings",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-noodle-soup-with-fresh-vegetables-herbs_84443-85802.jpg",
|
||||
imageAlt: "Noodle Soup",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-vegetables-pan_1220-249.jpg",
|
||||
imageAlt: "Stir Fry",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-restaurant_23-2149429321.jpg",
|
||||
imageAlt: "Restaurant Interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Philosophie: Ehrliches Handwerk"
|
||||
metrics={[
|
||||
{
|
||||
icon: Flame,
|
||||
label: "Frisch im Wok",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Abholbereit",
|
||||
value: "10 Min.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Zufriedene Gäste",
|
||||
value: "10k+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pad Thai Klassik",
|
||||
price: "12,90 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles-with-shrimp-prawn-top_1203-9935.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crispy Spring Rolls",
|
||||
price: "6,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-roll-fried-spring-rolls-white-plate-thai-food-top-view_1150-21509.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Spicy Beef Wok",
|
||||
price: "14,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-vegetables-sauce_141793-95.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sweet & Sour Chicken",
|
||||
price: "13,90 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-prepared-sauce-served-with-lemon-slices_141793-558.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gebratener Reis Spezial",
|
||||
price: "11,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chopsticks-rice-with-vegetables-plate-with-blank-blackboard_23-2148377499.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Glass Noodle Salad",
|
||||
price: "9,90 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad_74190-4355.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Gerichte"
|
||||
description="Die Klassiker – jede Woche frisch zubereitet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Jahre Erfahrung",
|
||||
items: [
|
||||
"Traditionell",
|
||||
"Erfahren",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Stammkunden",
|
||||
items: [
|
||||
"Treu",
|
||||
"Begeistert",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Weiterempfehlung",
|
||||
items: [
|
||||
"Bewährt",
|
||||
"Legendär",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Erfahrung, die man schmeckt"
|
||||
description="Mister Lap steht für Qualität und Geschwindigkeit seit über 10 Jahren."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Müller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Das beste Asia-Essen in der ganzen Stadt. Immer frisch!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Thomas Schmidt",
|
||||
handle: "@ts",
|
||||
testimonial: "Schnell, fair und absolut legendär. Mister Lap ist ein Muss.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lisa Weber",
|
||||
handle: "@lisa",
|
||||
testimonial: "Toller Service und die besten Sommerrollen weit und breit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Markus Klein",
|
||||
handle: "@mklein",
|
||||
testimonial: "Ein echter Geheimtipp für asiatische Küche.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Schneider",
|
||||
handle: "@jschn",
|
||||
testimonial: "Frisch zubereitet, man kann dem Koch sogar zusehen. Tolles Erlebnis!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Was unsere Gäste sagen"
|
||||
description="Erfahren Sie, warum unsere Kunden immer wieder kommen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie lange dauert die Abholung?",
|
||||
content: "Ihre Bestellung ist in der Regel innerhalb von 10 Minuten nach Eingang abholbereit.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Bieten Sie auch vegetarische Gerichte an?",
|
||||
content: "Ja, wir haben eine Vielzahl an vegetarischen und veganen Optionen auf der Karte.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wie kann ich am besten bestellen?",
|
||||
content: "Am besten rufen Sie uns direkt an oder kommen vor Ort vorbei.",
|
||||
},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was Sie über Mister Lap wissen müssen."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Hunger auf Mister Lap?"
|
||||
description="Rufen Sie uns an oder nutzen Sie das Kontaktformular für Anfragen."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ihr Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Ihre Telefonnummer",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Mister Lap"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menü",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Asia Food Mister Lap. Alle Rechte vorbehalten."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Mister Lap" navItems={[{ name: "Home", id: "hero" }, { name: "Menü", id: "menu" }]} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
title="Frische asiatische Küche, fair & legendär"
|
||||
description="Seit Jahren das beliebteste Asia-Restaurant der Umgebung. Frisch im Wok zubereitet, faire Preise, in nur 10 Minuten abholbereit."
|
||||
buttons={[{ text: "Speisekarte ansehen", href: "#menu" }, { text: "Jetzt telefonisch bestellen", href: "tel:+49123456789" }]}
|
||||
carouselItems={[{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-their-cook-job_23-2151923168.jpg", imageAlt: "Asia Food Wok" }, { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-seeds-herbs_23-2148536715.jpg", imageAlt: "Ingredients" }, { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-japanese-dumplings-assortment_23-2148809858.jpg", imageAlt: "Dumplings" }, { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/asian-noodle-soup-with-fresh-vegetables-herbs_84443-85802.jpg", imageAlt: "Noodle Soup" }, { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/fried-vegetables-pan_1220-249.jpg", imageAlt: "Stir Fry" }, { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-restaurant_23-2149429321.jpg", imageAlt: "Restaurant Interior" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Unsere Philosophie: Ehrliches Handwerk"
|
||||
metrics={[{ icon: Flame, label: "Frisch im Wok", value: "100%" }, { icon: Clock, label: "Abholbereit", value: "10 Min." }, { icon: Award, label: "Zufriedene Gäste", value: "10k+" }]}
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Signature Gerichte"
|
||||
description="Die Klassiker – jede Woche frisch zubereitet."
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[{ id: "p1", name: "Pad Thai Klassik", price: "12,90 €", imageSrc: "http://img.b2bpic.net/free-photo/pad-thai-noodles-with-shrimp-prawn-top_1203-9935.jpg" }, { id: "p2", name: "Crispy Spring Rolls", price: "6,50 €", imageSrc: "http://img.b2bpic.net/free-photo/egg-roll-fried-spring-rolls-white-plate-thai-food-top-view_1150-21509.jpg" }, { id: "p3", name: "Spicy Beef Wok", price: "14,50 €", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-vegetables-sauce_141793-95.jpg" }, { id: "p4", name: "Sweet & Sour Chicken", price: "13,90 €", imageSrc: "http://img.b2bpic.net/free-photo/chicken-prepared-sauce-served-with-lemon-slices_141793-558.jpg" }, { id: "p5", name: "Gebratener Reis Spezial", price: "11,50 €", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chopsticks-rice-with-vegetables-plate-with-blank-blackboard_23-2148377499.jpg" }, { id: "p6", name: "Glass Noodle Salad", price: "9,90 €", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad_74190-4355.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Erfahrung, die man schmeckt"
|
||||
description="Mister Lap steht für Qualität und Geschwindigkeit seit über 10 Jahren."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[{ id: "m1", value: "10+", title: "Jahre Erfahrung", items: ["Traditionell", "Erfahren"] }, { id: "m2", value: "500+", title: "Stammkunden", items: ["Treu", "Begeistert"] }, { id: "m3", value: "98%", title: "Weiterempfehlung", items: ["Bewährt", "Legendär"] }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Was unsere Gäste sagen"
|
||||
description="Erfahren Sie, warum unsere Kunden immer wieder kommen."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showRating={true}
|
||||
testimonials={[{ id: "t1", name: "Sarah Müller", handle: "@sarahm", testimonial: "Das beste Asia-Essen in der ganzen Stadt. Immer frisch!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" }, { id: "t2", name: "Thomas Schmidt", handle: "@ts", testimonial: "Schnell, fair und absolut legendär. Mister Lap ist ein Muss.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg" }, { id: "t3", name: "Lisa Weber", handle: "@lisa", testimonial: "Toller Service und die besten Sommerrollen weit und breit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg" }, { id: "t4", name: "Markus Klein", handle: "@mklein", testimonial: "Ein echter Geheimtipp für asiatische Küche.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg" }, { id: "t5", name: "Julia Schneider", handle: "@jschn", testimonial: "Frisch zubereitet, man kann dem Koch sogar zusehen. Tolles Erlebnis!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-posing_23-2149069164.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was Sie über Mister Lap wissen müssen."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[{ id: "f1", title: "Wie lange dauert die Abholung?", content: "Ihre Bestellung ist in der Regel innerhalb von 10 Minuten nach Eingang abholbereit." }, { id: "f2", title: "Bieten Sie auch vegetarische Gerichte an?", content: "Ja, wir haben eine Vielzahl an vegetarischen und veganen Optionen auf der Karte." }, { id: "f3", title: "Wie kann ich am besten bestellen?", content: "Am besten rufen Sie uns direkt an oder kommen vor Ort vorbei." }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Hunger auf Mister Lap?"
|
||||
description="Rufen Sie uns an oder nutzen Sie das Kontaktformular für Anfragen."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Ihr Name" }, { name: "phone", type: "tel", placeholder: "Ihre Telefonnummer" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Mister Lap"
|
||||
columns={[{ title: "Navigation", items: [{ label: "Startseite", href: "#hero" }, { label: "Menü", href: "#menu" }] }, { title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }]}
|
||||
copyrightText="© 2024 Asia Food Mister Lap. Alle Rechte vorbehalten."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user