Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 059bb8dd1a | |||
| 59630ccac4 | |||
| 6832e2f089 |
156
src/app/page.tsx
156
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
@@ -30,66 +30,32 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Über uns",
|
name: "Über uns", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Speisekarte",
|
name: "Speisekarte", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Kontakt",
|
name: "Kontakt", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Crossini"
|
brandName="Crossini"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroOverlay
|
||||||
background={{
|
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Frisch. Lecker. Crossini."
|
title="Frisch. Lecker. Crossini."
|
||||||
description="Entdecken Sie unsere hausgemachten Baguettes, feinen Crêpes und herzhafte Pizza in gemütlicher Atmosphäre. Ihre Adresse für Genuss in Schwachhausen."
|
description="Entdecken Sie unsere hausgemachten Baguettes, feinen Crêpes und herzhafte Pizza in gemütlicher Atmosphäre. Ihre Adresse für Genuss in Schwachhausen."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Jetzt bestellen",
|
text: "Jetzt bestellen", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Speisekarte",
|
text: "Speisekarte", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
imageSrc="http://img.b2bpic.net/free-photo/woman-having-pastry-breakfast_23-2148354695.jpg"
|
||||||
{
|
imageAlt="Frisches Baguette"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-pastry-breakfast_23-2148354695.jpg",
|
showBlur={true}
|
||||||
imageAlt: "Fresh Baguette",
|
textPosition="bottom"
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-breakfast-with-flowers-wooden-table_23-2147860373.jpg",
|
|
||||||
imageAlt: "Cozy Café",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pancake-set-wooden-table_1150-10681.jpg",
|
|
||||||
imageAlt: "Fresh Crepes",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150873906.jpg?_wi=1",
|
|
||||||
imageAlt: "Pizza Slice",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408574.jpg?_wi=1",
|
|
||||||
imageAlt: "Breakfast Spread",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaAnimation="blur-reveal"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -111,47 +77,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Klassik Baguette", price: "7,50 €", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-salmon-sandwich-with-cutlery_23-2148640241.jpg", imageAlt: "Klassik Baguette"},
|
||||||
name: "Klassik Baguette",
|
|
||||||
price: "7,50 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-salmon-sandwich-with-cutlery_23-2148640241.jpg",
|
|
||||||
imageAlt: "Klassik Baguette",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Beeren-Crêpe", price: "6,90 €", imageSrc: "http://img.b2bpic.net/free-photo/pancake-with-berries-fluffy-colorful_661915-566.jpg", imageAlt: "Beeren-Crêpe"},
|
||||||
name: "Beeren-Crêpe",
|
|
||||||
price: "6,90 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pancake-with-berries-fluffy-colorful_661915-566.jpg",
|
|
||||||
imageAlt: "Beeren-Crêpe",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Gartensalat", price: "8,50 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-salad-with-balsamic-vinegar-kitchen-towel_23-2148700376.jpg", imageAlt: "Gartensalat"},
|
||||||
name: "Gartensalat",
|
|
||||||
price: "8,50 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-salad-with-balsamic-vinegar-kitchen-towel_23-2148700376.jpg",
|
|
||||||
imageAlt: "Gartensalat",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Pizza Margherita", price: "9,90 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150873906.jpg?_wi=2", imageAlt: "Pizza Margherita"},
|
||||||
name: "Pizza Margherita",
|
|
||||||
price: "9,90 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150873906.jpg?_wi=2",
|
|
||||||
imageAlt: "Pizza Margherita",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Frühstücks-Set", price: "12,50 €", imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408574.jpg?_wi=2", imageAlt: "Frühstücks-Set"},
|
||||||
name: "Frühstücks-Set",
|
|
||||||
price: "12,50 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408574.jpg?_wi=2",
|
|
||||||
imageAlt: "Frühstücks-Set",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Cappuccino", price: "3,80 €", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-latte-wood-table-coffee-shop-cafe_1150-12757.jpg", imageAlt: "Cappuccino"},
|
||||||
name: "Cappuccino",
|
|
||||||
price: "3,80 €",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-latte-wood-table-coffee-shop-cafe_1150-12757.jpg",
|
|
||||||
imageAlt: "Cappuccino",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Unsere Favoriten"
|
title="Unsere Favoriten"
|
||||||
description="Eine Auswahl unserer beliebtesten Gerichte, frisch für Sie zubereitet."
|
description="Eine Auswahl unserer beliebtesten Gerichte, frisch für Sie zubereitet."
|
||||||
@@ -167,23 +103,14 @@ export default function LandingPage() {
|
|||||||
description="Erfahren Sie, was uns auszeichnet und warum unsere Kunden uns lieben."
|
description="Erfahren Sie, was uns auszeichnet und warum unsere Kunden uns lieben."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", icon: Coffee,
|
||||||
icon: Coffee,
|
title: "Kaffeespezialitäten", value: "15+"},
|
||||||
title: "Kaffeespezialitäten",
|
|
||||||
value: "15+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", icon: Users,
|
||||||
icon: Users,
|
title: "Zufriedene Gäste", value: "2000+"},
|
||||||
title: "Zufriedene Gäste",
|
|
||||||
value: "2000+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", icon: Star,
|
||||||
icon: Star,
|
title: "Jahre Qualität", value: "10+"},
|
||||||
title: "Jahre Qualität",
|
|
||||||
value: "10+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -192,14 +119,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
text="Besuchen Sie uns in Schwachhausen! Wir freuen uns auf Ihren Besuch. Adresse: Schwachhauser Heerstraße 123, 28211 Bremen. Öffnungszeiten: Mo-So, 08:00 - 20:00 Uhr."
|
text="Besuchen Sie uns in Schwachhausen! Wir freuen uns auf Ihren Besuch. Adresse: Schwachhauser Heerstraße 123, 28211 Bremen. Öffnungszeiten: Mo-So, 08:00 - 20:00 Uhr."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Route planen",
|
text: "Route planen", href: "https://maps.google.com"},
|
||||||
href: "https://maps.google.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -210,33 +134,21 @@ export default function LandingPage() {
|
|||||||
logoText="Crossini Schwachhausen"
|
logoText="Crossini Schwachhausen"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Informationen",
|
title: "Informationen", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Über uns",
|
label: "Über uns", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Speisekarte",
|
label: "Speisekarte", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Kontakt",
|
label: "Kontakt", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Rechtliches",
|
title: "Rechtliches", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Impressum",
|
label: "Impressum", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Datenschutz",
|
label: "Datenschutz", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -245,4 +157,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user