@@ -3,16 +3,22 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider" ;
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 FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia' ;
import FooterSimple from '@/components/sections/footer/FooterSimple' ;
import FooterSimple from '@/components/sections/footer/FooterSimple' ;
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi' ;
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi' ;
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout' ;
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout' ;
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered' ;
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered' ;
import ProductCardTwo from '@/components/sections/product/ProductCardTwo' ;
import ProductCardTwo from '@/components/sections/product/ProductCardTwo' ;
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne' ;
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen' ;
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen' ;
export default function LandingPage() {
export default function LandingPage() {
const handleCall = ( ) = > {
window . location . href = "tel:0796062450" ;
} ;
const handleCallTwo = ( ) = > {
window . location . href = "tel:0767348299" ;
} ;
return (
return (
< ThemeProvider
< ThemeProvider
defaultButtonVariant = "text-stagger"
defaultButtonVariant = "text-stagger"
@@ -30,16 +36,11 @@ export default function LandingPage() {
< div id = "nav" data-section = "nav" >
< div id = "nav" data-section = "nav" >
< NavbarStyleCentered
< NavbarStyleCentered
navItems = { [
navItems = { [
{
{ name : "Home" , id : "hero" } ,
name : "Home" , id : "hero " } ,
{ name : "Philosophie" , id : "about " } ,
{
{ name : "Speisekarte" , id : "menu" } ,
name : "Philosophy" , id : "about " } ,
{ name : "Bewertungen" , id : "testimonials " } ,
{
{ name : "Kontakt" , id : "contact" } ,
name : "Menu" , id : "menu" } ,
{
name : "Reviews" , id : "testimonials" } ,
{
name : "Contact" , id : "contact" } ,
] }
] }
brandName = "Pizza da Vincenzo"
brandName = "Pizza da Vincenzo"
/ >
/ >
@@ -47,71 +48,38 @@ export default function LandingPage() {
< div id = "hero" data-section = "hero" >
< div id = "hero" data-section = "hero" >
< HeroSplitKpi
< HeroSplitKpi
background = { {
background = { { variant : "gradient-bars" } }
variant : "gradient-bars" } }
title = "Pizza da Vincenzo: Echte Pizzakunst in Arbon"
title = "Pizza da Vincenzo: A uthentisch N eapolitanisch in Arbon "
description = "Ihr Takeout-Spezialist in Arbon. Wir backen a uthentische n eapolitanische Pizza mit handgefertigtem, 48 Stunden gereiftem Teig – "
description = "Erleben Sie echte neapolitanische Pizzakunst. Handgefertigter Teig, 48 Stunden gereift, aus dem Holzofen –
kpis = { [
kpis = { [
{
{ value : "5/5" , label : "Google Rating" } ,
value : "5/5 " , label : "Google Rating " } ,
{ value : "48h " , label : "Teig Reifezeit " } ,
{
{ value : "10m" , label : "Fertig für Takeout" } ,
value : "48h" , label : "Teig Reifezeit" } ,
{
value : "10m" , label : "Bereit für Sie" } ,
] }
] }
enableKpiAnimation = { true }
enableKpiAnimation = { true }
buttons = { [
buttons = { [
{
{ text : "Jetzt anrufen: 079 606 24 50" , onClick : handleCall } ,
text : "Jetzt Bestellen" , href : "#contact" } ,
{ text : "Jetzt anrufen: 076 734 82 99" , onClick : handleCallTwo } ,
{
text : "Speisekarte" , href : "#menu" } ,
] }
] }
buttonAnimation = "slide-up"
imageSrc = "http://img.b2bpic.net/free-photo/side-view-slice-pizza-wooden-board_176474-120139.jpg"
imageSrc = "http://img.b2bpic.net/free-photo/side-view-slice-pizza-wooden-board_176474-120139.jpg"
imageAlt = "Authentische Neapolitanische Pizza"
imageAlt = "Authentische Neapolitanische Pizza"
mediaAnimation = "blur-reveal"
mediaAnimation = "blur-reveal"
avatars = { [
{
src : "http://img.b2bpic.net/free-photo/arrangement-tasty-pizza-making_23-2148921361.jpg" , alt : "Kunde 1" } ,
{
src : "http://img.b2bpic.net/free-photo/top-view-sliced-pizza-with-parmesan-cutter_23-2148753762.jpg" , alt : "Kunde 2" } ,
{
src : "http://img.b2bpic.net/free-photo/smoked-salmon-pizza_1339-1002.jpg" , alt : "Kunde 3" } ,
{
src : "http://img.b2bpic.net/free-photo/close-up-hand-holding-sauce-bottle_23-2148773532.jpg" , alt : "Kunde 4" } ,
{
src : "http://img.b2bpic.net/free-photo/high-angle-pizza-breakfast_23-2148858494.jpg" , alt : "Kunde 5" } ,
] }
avatarText = "Über 1.000 begeisterte Gäste aus Arbon"
marqueeItems = { [
{
type : "text" , text : "Frische Zutaten" } ,
{
type : "text" , text : "Original Neapolitanisch" } ,
{
type : "text" , text : "48h Teigruhe" } ,
{
type : "text" , text : "Holzofen-gebacken" } ,
{
type : "text" , text : "Regionale Partner" } ,
] }
/ >
/ >
< / div >
< / div >
< div id = "about" data-section = "about" >
< div id = "about" data-section = "about" >
< MetricSplitMediaAbout
< MetricSplitMediaAbout
useInvertedBackground = { false }
useInvertedBackground = { false }
title = "Unsere Philosophie "
title = "Authentische neapolitanische Pizza in Arbon "
description = "Bei Vincenzo i st Pizza kein schnelles Fast-Food, sondern ein Handwerk. Wir nutzen importiert e San-Marzano-Tomaten, Fior di Latte und viel Liebe, um ein Stück Neapel nach Arbon zu bringen ."
description = "Bei Pizza da Vincenzo steht Qualität an erster Stelle. Von der Romanshornerstrasse 30 bringen wir echtes italienisches Flair zu Ihnen. Wir verwenden nur die besten Zutaten wi e San-Marzano-Tomaten und Fior di Latte Mozzarella für unser Takeout-Konzept, das auf Frische und Handwerk setzt ."
metrics = { [
metrics = { [
{
{ value : "100%" , title : "Handarbeit" } ,
value : "100% " , title : "Authentizität " } ,
{ value : "48h " , title : "Teigruhe " } ,
{
{ value : "Arbon" , title : "Standort" } ,
value : "24h" , title : "Frische-Garantie" } ,
{
value : "10+" , title : "Jahre Erfahrung" } ,
] }
] }
imageSrc = "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27026.jpg"
imageSrc = "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27026.jpg"
imageAlt = "Traditionelles Pizzahandwerk"
imageAlt = "Unser Pizzahandwerk"
mediaAnimation = "slide-up"
mediaAnimation = "slide-up"
/ >
/ >
< / div >
< / div >
@@ -119,110 +87,60 @@ export default function LandingPage() {
< div id = "menu" data-section = "menu" >
< div id = "menu" data-section = "menu" >
< ProductCardTwo
< ProductCardTwo
animationType = "slide-up"
animationType = "slide-up"
textboxLayout = "split-descrip tion"
textboxLayout = "split-ac tions "
gridVariant = "three-columns-all-equal-width"
gridVariant = "three-columns-all-equal-width"
useInvertedBackground = { false }
useInvertedBackground = { false }
products = { [
products = { [
{
{ id : "p1" , brand : "Klassiker" , name : "Margherita Mozzarella" , price : "10.00 CHF" , rating : 5 , reviewCount : "120" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAtkWOWBa86HVvKFKzqRK21Dwe/uploaded-1777750662221-iat8qgmr.webp" } ,
id : "p1 " , brand : "Klassiker" , name : "Margherita D.O.P." , price : "18.5 0 CHF" , rating : 5 ,
{ id : "p2 " , brand : "Pikant" , name : "Funghi " , price : "10.0 0 CHF" , rating : 5 , reviewCount : "85" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAtkWOWBa86HVvKFKzqRK21Dwe/uploaded-1777750863137-3j35k8bn.avif" } ,
reviewCount : "120" , imageSrc : "http://img.b2bpic.net/free-photo/top-view-delicious-mushroom-pizza-with-cheese-olives-seasonings-dark-desk-dough-food-pizza-meal-italian_140725-101767 .jpg" } ,
{ id : "p3" , brand : "Vegetarisch" , name : "Quattro Formaggi " , price : "12.00 CHF" , rating : 5 , reviewCount : "92" , imageSrc : "https ://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAtkWOWBa86HVvKFKzqRK21Dwe/uploaded-1777750909213-bkp41ihq .jpg" } ,
{
{ id : "p4" , brand : "Spezial" , name : "Calabrese " , price : "12.00 CHF" , rating : 5 , reviewCount : "45" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAtkWOWBa86HVvKFKzqRK21Dwe/uploaded-1777751076523-23lx2qk5.jpg" } ,
id : "p2 " , brand : "Spezialität " , name : "Diavola Luxe" , price : "2 1.00 CHF" , rating : 5 ,
{ id : "p5 " , brand : "Spezial" , name : "Margherita " , price : "12 .00 CHF" , rating : 4 , reviewCount : "30" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAtkWOWBa86HVvKFKzqRK21Dwe/uploaded-1777818667238-1twq8fbv.webp" } ,
reviewCount : "85 " , imageSrc : "http://img.b2bpic.net/free-photo/cheese-plate-with-glass-cup-smoked-cheese-middle_140725-230.jpg " } ,
{ id : "p6" , brand : "Klassiker" , name : "Capricciosa" , price : "12.00 CHF" , rating : 5 , reviewCount : "60 " , imageSrc : "https ://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAtkWOWBa86HVvKFKzqRK21Dwe/uploaded-1777751257905-df0plsgz.webp " } ,
{
id : "p3" , brand : "Vegetarisch" , name : "Verdure Fresche" , price : "19.50 CHF" , rating : 5 ,
reviewCount : "92" , imageSrc : "http://img.b2bpic.net/free-photo/pasta-ingredients-composition_23-2147849731.jpg" } ,
{
id : "p4" , brand : "Feinschmecker" , name : "Tartufo Bianco" , price : "24.00 CHF" , rating : 5 ,
reviewCount : "67" , imageSrc : "http://img.b2bpic.net/free-photo/top-view-sliced-mushroom-pizza-delicious-dough-with-fresh-vegetables-dark-surface-dough-meal-food-italian-bake_140725-102074.jpg" } ,
{
id : "p5" , brand : "Klassiker" , name : "Prosciutto e Funghi" , price : "20.50 CHF" , rating : 5 ,
reviewCount : "105" , imageSrc : "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-sausage-tomato-sauce-cheese-herb-sprinkles_140725-652.jpg" } ,
{
id : "p6" , brand : "Traditionell" , name : "Capricciosa" , price : "21.50 CHF" , rating : 5 ,
reviewCount : "78" , imageSrc : "http://img.b2bpic.net/free-photo/top-view-raw-pasta-with-rice-red-tomatoes-dark-surface-pasta-dough-raw_140725-82556.jpg" } ,
] }
] }
title = "Unsere M eisterwerk e"
title = "Unsere Sp eisekart e"
description = "Eine sorgfältige Auswahl unserer beliebtesten Kreationen, von klassisch bis luxuriös ."
description = "Entdecken Sie die Qualität unserer handverlesenen Zutaten. Von feinstem Mehl bis zu den frischesten Tomaten aus Italien – ."
/ >
buttons = { [
< / div >
{ text : "Speisekarte anzeigen" , href : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAtkWOWBa86HVvKFKzqRK21Dwe/uploaded-1778004417172-8v2hsw7z.jpg" } ,
{ text : "Jetzt anrufen: 079 606 24 50" , onClick : handleCall } ,
< div id = "features" data-section = "features" >
{ text : "Jetzt anrufen: 076 734 82 99" , onClick : handleCallTwo }
< FeatureCardMedia
animationType = "slide-up"
textboxLayout = "split"
useInvertedBackground = { false }
features = { [
{
id : "f1" , title : "San Marzano Tomaten" , description : "Importiert aus der Region um den Vesuv für ein perfekt balanciertes Aroma." , tag : "Herkunft" , imageSrc : "http://img.b2bpic.net/free-photo/flat-lay-tagliatelle-with-basil-vegetables_23-2148567102.jpg" } ,
{
id : "f2" , title : "48h Reifezeit" , description : "Unser Teig darf lange ruhen, für höchste Bekömmlichkeit und Geschmack." , tag : "Handwerk" , imageSrc : "http://img.b2bpic.net/free-photo/fresh-burrata-cheese-with-cherry-tomatoes-herbs-slate_84443-82461.jpg" } ,
{
id : "f3" , title : "Holzofen-Hitze" , description : "Über 400°C für die typische neapolitanische Kruste in wenigen Minuten." , tag : "Tradition" , imageSrc : "http://img.b2bpic.net/free-photo/fresh-italian-salad-antipasto-called-caprese-with-buffalo-mozzarella-sliced-tomatoes-basil-with-olive-oil-ingredients-vegetarian-caprese-salad-italian-food-top-view-rustic-style_1150-44799.jpg" } ,
] }
] }
title = "Warum Vincenzo? "
buttonAnimation = "slide-up "
description = "Wir setzen auf kompromisslose Qualität in jedem Schritt."
/ >
< / div >
< div id = "social-proof" data-section = "social-proof" >
< SocialProofOne
textboxLayout = "split-description"
useInvertedBackground = { false }
names = { [
"Latteria Arbon" , "Bäckerei Gold" , "Frutta Nazionale" , "Toscana Weine" , "Gastronomie Arbon" , "Regional Verband" , "Swiss Quality" ] }
title = "Unsere Partner & Zertifikate"
description = "Wir arbeiten nur mit den Besten der Region zusammen."
/ >
/ >
< / div >
< / div >
< div id = "testimonials" data-section = "testimonials" >
< div id = "testimonials" data-section = "testimonials" >
< TestimonialCardSixteen
< TestimonialCardSixteen
title = "Das sagen unsere Kunden"
description = "Erfahren Sie, warum Pizza da Vincenzo die erste Wahl für authentische neapolitanische Pizza in Arbon ist."
useInvertedBackground = { true }
animationType = "slide-up"
animationType = "slide-up"
textboxLayout = "split-description "
textboxLayout = "default "
useInvertedBackground = { false }
testimonials = { [
{
id : "1" , name : "Marco Rossi" , role : "Stammgast" , company : "Arbon" , rating : 5 ,
imageSrc : "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg" } ,
{
id : "2" , name : "Julia M." , role : "Feinschmeckerin" , company : "Arbon" , rating : 5 ,
imageSrc : "http://img.b2bpic.net/free-photo/asian-friends-couple-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1247.jpg" } ,
{
id : "3" , name : "Lukas B." , role : "Pizza-Fan" , company : "Arbon" , rating : 5 ,
imageSrc : "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-18589.jpg" } ,
{
id : "4" , name : "Elena K." , role : "Kundin" , company : "Arbon" , rating : 5 ,
imageSrc : "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6527.jpg" } ,
{
id : "5" , name : "Thomas Z." , role : "Kunde" , company : "Arbon" , rating : 5 ,
imageSrc : "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg" } ,
{
id : "6" , name : "Sarah P." , role : "Besucherin" , company : "St. Gallen" , rating : 5 ,
imageSrc : "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-table_23-2150307015.jpg" } ,
] }
kpiItems = { [
kpiItems = { [
{
{ value : "5.0" , label : "Google Schnitt" } ,
value : "5. 0" , label : "Qualität " } ,
{ value : "500+ " , label : "Zufriedene Gäste " } ,
{
{ value : "100%" , label : "Neapolitanisch" }
value : "98%" , label : "Zufriedenheit" } ,
] }
{
testimonials = { [
value : "1.2k+" , label : "Pizzen/Monat" } ,
{ id : "1" , name : "Maria D." , role : "Stammkundin" , company : "Arbon" , rating : 5 } ,
{ id : "2" , name : "Nicola L." , role : "Feinschmecker" , company : "St. Gallen" , rating : 5 } ,
{ id : "3" , name : "Julia S." , role : "Liebhaberin" , company : "Romanshorn" , rating : 5 } ,
{ id : "4" , name : "Amando T." , role : "Pizza-Fan" , company : "Amriswil" , rating : 5 }
] }
] }
title = "Was Arbon sagt"
description = "Kundenstimmen, die uns antreiben."
/ >
/ >
< / div >
< / div >
< div id = "contact" data-section = "contact" >
< div id = "contact" data-section = "contact" >
< ContactText
< ContactText
useInvertedBackground = { false }
useInvertedBackground = { false }
background = { {
background = { { variant : "sparkles-gradient" } }
variant : "sparkles-gradient" } }
text = "Besuchen Sie uns in der Romanshornerstrasse 30, Arbon. Geöffnet Di– – –
text = "Hungrig? Rufen Sie uns jetzt an oder b esu chen Sie uns in Arbon. Wir freuen uns darauf, Sie zu bekochen!"
Montags g eschlossen.
Wir freuen uns auf Ihren Besuch!"
buttons = { [
buttons = { [
{
{ text : "Jetzt anrufen: 079 606 24 50" , onClick : handleCall } ,
text : "Jetzt anrufen: 079 606 24 50" , href : "tel:0796062450" } ,
{ text : "Jetzt anrufen: 076 734 82 99" , onClick : handleCallTwo } ,
{ text : "Wegbeschreibung anzeigen" , href : "https://maps.google.com/?q=Romanshornerstrasse+30+Arbon" }
] }
] }
/ >
/ >
< / div >
< / div >
@@ -230,29 +148,18 @@ export default function LandingPage() {
< div id = "footer" data-section = "footer" >
< div id = "footer" data-section = "footer" >
< FooterSimple
< FooterSimple
columns = { [
columns = { [
{
{ title : "Pizza da Vincenzo" , items : [ { label : "Romanshornerstrasse 30, Arbon" } ] } ,
title : "Pizza da Vincenzo" , items : [
{ title : "Öffnungszeiten" , items : [
{
{ label : "Di– – – } ,
label : "Hauptstrasse 1, 9320 Arbon" , href : "#" } ,
{ label : "Montag: Geschlossen" }
] ,
]} ,
} ,
{ title : "Kontakt" , items : [
{
{ label : "Tel: 079 606 24 50" , onClick : handleCall } ,
title : "Öffnungszeiten" , items : [
{ label : "Tel: 076 734 82 99" , onClick : handleCallTwo }
{
] } ,
label : "Mo– – , href : "#" } ,
] ,
} ,
{
title : "Rechtliches" , items : [
{
label : "Impressum" , href : "#" } ,
{
label : "Datenschutz" , href : "#" } ,
] ,
} ,
] }
] }
bottomLeftText = "© 2024 Pizza da Vincenzo"
bottomLeftText = "© 2024 Pizza da Vincenzo"
bottomRightText = "Neapolitan ische Pizzakunst in Arbon"
bottomRightText = "Authent ische Pizza in Arbon"
/ >
/ >
< / div >
< / div >
< / ReactLenis >
< / ReactLenis >
