Merge version_1 into main #1
279
src/app/page.tsx
279
src/app/page.tsx
@@ -14,6 +14,19 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
import { Award, Star, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
// Define the handleLanguageSwitch function
|
||||
const handleLanguageSwitch = () => {
|
||||
console.log("Language switch clicked");
|
||||
// Add your language switching logic here
|
||||
};
|
||||
|
||||
// Define the handleSubmit function for the contact form
|
||||
const handleSubmit = (email: string) => {
|
||||
console.log("Contact form submitted with email:", email);
|
||||
// Add your form submission logic here, e.g., send to API
|
||||
alert(`Message from ${email} sent!`);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -32,33 +45,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Accueil", id: "#home"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Fidélité",
|
||||
id: "#loyalty",
|
||||
},
|
||||
name: "Fidélité", id: "#loyalty"},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Avis", id: "#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
topBarButton={{
|
||||
text: "FR",
|
||||
onClick: "handleLanguageSwitch",
|
||||
text: "FR", onClick: handleLanguageSwitch,
|
||||
}}
|
||||
brandName="Pizza GiaGia"
|
||||
/>
|
||||
@@ -67,19 +67,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Pizza GiaGia"
|
||||
description="Découvrez l'authenticité de nos pizzas au feu de bois. Commandez en ligne, réservez votre table ou profitez de nos services de drive et livraison. Votre attente actuelle est de: {{liveWaitTime}}."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commander maintenant",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Commander maintenant", href: "#menu"},
|
||||
{
|
||||
text: "Réserver une table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver une table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheesy-pepperoni-pizza-inside-brick-stone-oven_181624-58518.jpg"
|
||||
imageAlt="Délicieuse pizza au feu de bois"
|
||||
@@ -108,37 +103,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "dine-in",
|
||||
title: "Repas sur place",
|
||||
description: "Profitez de notre ambiance conviviale et de notre service attentionné pour une expérience culinaire inoubliable.",
|
||||
tag: "Confort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-colombian-male-friends-spending-time-together-having-fun_23-2151356404.jpg",
|
||||
imageAlt: "Clients dînant à l'intérieur de Pizza GiaGia",
|
||||
},
|
||||
id: "dine-in", title: "Repas sur place", description: "Profitez de notre ambiance conviviale et de notre service attentionné pour une expérience culinaire inoubliable.", tag: "Confort", imageSrc: "http://img.b2bpic.net/free-photo/group-colombian-male-friends-spending-time-together-having-fun_23-2151356404.jpg", imageAlt: "Clients dînant à l'intérieur de Pizza GiaGia"},
|
||||
{
|
||||
id: "drive-through",
|
||||
title: "Drive disponible",
|
||||
description: "Passez votre commande en ligne et récupérez votre pizza chaude en quelques minutes, sans descendre de votre voiture.",
|
||||
tag: "Rapidité",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-pizza-closeup-concept-picnic-relaxation_169016-23341.jpg",
|
||||
imageAlt: "Voiture au drive-through de Pizza GiaGia",
|
||||
},
|
||||
id: "drive-through", title: "Drive disponible", description: "Passez votre commande en ligne et récupérez votre pizza chaude en quelques minutes, sans descendre de votre voiture.", tag: "Rapidité", imageSrc: "http://img.b2bpic.net/free-photo/piece-pizza-closeup-concept-picnic-relaxation_169016-23341.jpg", imageAlt: "Voiture au drive-through de Pizza GiaGia"},
|
||||
{
|
||||
id: "delivery",
|
||||
title: "Livraison à domicile",
|
||||
description: "Votre pizza préférée, directement chez vous. Livraison rapide et efficace pour toutes vos soirées improvisées.",
|
||||
tag: "Commodité",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-taking-photo-sliced-pizza_23-2149277943.jpg",
|
||||
imageAlt: "Livreur livrant une pizza",
|
||||
},
|
||||
id: "delivery", title: "Livraison à domicile", description: "Votre pizza préférée, directement chez vous. Livraison rapide et efficace pour toutes vos soirées improvisées.", tag: "Commodité", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-taking-photo-sliced-pizza_23-2149277943.jpg", imageAlt: "Livreur livrant une pizza"},
|
||||
{
|
||||
id: "loyalty-intro",
|
||||
title: "Programme de Fidélité",
|
||||
description: "Cumulez des points à chaque commande et obtenez votre 10ème pizza gratuite ! Rejoignez le club GiaGia.",
|
||||
tag: "Récompenses",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-close-up_169016-43717.jpg",
|
||||
imageAlt: "Carte de fidélité et pièces",
|
||||
},
|
||||
id: "loyalty-intro", title: "Programme de Fidélité", description: "Cumulez des points à chaque commande et obtenez votre 10ème pizza gratuite ! Rejoignez le club GiaGia.", tag: "Récompenses", imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-merry-christmas-close-up_169016-43717.jpg", imageAlt: "Carte de fidélité et pièces"},
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Que vous préfériez déguster sur place, emporter ou vous faire livrer, Pizza GiaGia s'adapte à vos envies."
|
||||
@@ -153,65 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "pizza-1",
|
||||
brand: "Pizzas",
|
||||
name: "Margherita Classique",
|
||||
price: "12,50 €",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-leaves-top-view_23-2149298094.jpg",
|
||||
imageAlt: "Pizza Margherita",
|
||||
},
|
||||
id: "pizza-1", brand: "Pizzas", name: "Margherita Classique", price: "12,50 €", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-with-leaves-top-view_23-2149298094.jpg", imageAlt: "Pizza Margherita"},
|
||||
{
|
||||
id: "pizza-2",
|
||||
brand: "Pizzas",
|
||||
name: "Pepperoni Explosif",
|
||||
price: "14,00 €",
|
||||
rating: 4.5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-with-tomato-slices-cheese_140725-6769.jpg",
|
||||
imageAlt: "Pizza Pepperoni",
|
||||
},
|
||||
id: "pizza-2", brand: "Pizzas", name: "Pepperoni Explosif", price: "14,00 €", rating: 4.5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-with-tomato-slices-cheese_140725-6769.jpg", imageAlt: "Pizza Pepperoni"},
|
||||
{
|
||||
id: "pizza-3",
|
||||
brand: "Pizzas",
|
||||
name: "Végétarienne du Jardin",
|
||||
price: "13,50 €",
|
||||
rating: 4.8,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3991.jpg",
|
||||
imageAlt: "Pizza Végétarienne",
|
||||
},
|
||||
id: "pizza-3", brand: "Pizzas", name: "Végétarienne du Jardin", price: "13,50 €", rating: 4.8,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3991.jpg", imageAlt: "Pizza Végétarienne"},
|
||||
{
|
||||
id: "drink-1",
|
||||
brand: "Boissons",
|
||||
name: "Coca-Cola 33cl",
|
||||
price: "3,00 €",
|
||||
rating: 4.5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-together_23-2149560776.jpg",
|
||||
imageAlt: "Canette de Coca-Cola",
|
||||
},
|
||||
id: "drink-1", brand: "Boissons", name: "Coca-Cola 33cl", price: "3,00 €", rating: 4.5,
|
||||
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-fun-together_23-2149560776.jpg", imageAlt: "Canette de Coca-Cola"},
|
||||
{
|
||||
id: "dessert-1",
|
||||
brand: "Desserts",
|
||||
name: "Tiramisu Maison",
|
||||
price: "6,50 €",
|
||||
rating: 4.9,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-tiramisu-cake_114579-64035.jpg",
|
||||
imageAlt: "Tiramisu",
|
||||
},
|
||||
id: "dessert-1", brand: "Desserts", name: "Tiramisu Maison", price: "6,50 €", rating: 4.9,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-tiramisu-cake_114579-64035.jpg", imageAlt: "Tiramisu"},
|
||||
{
|
||||
id: "dessert-2",
|
||||
brand: "Desserts",
|
||||
name: "Mousse au Chocolat",
|
||||
price: "5,50 €",
|
||||
rating: 4.7,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cupcake-with-copy-space_23-2148769222.jpg",
|
||||
imageAlt: "Mousse au Chocolat",
|
||||
},
|
||||
id: "dessert-2", brand: "Desserts", name: "Mousse au Chocolat", price: "5,50 €", rating: 4.7,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cupcake-with-copy-space_23-2148769222.jpg", imageAlt: "Mousse au Chocolat"},
|
||||
]}
|
||||
title="Notre Menu Authentique"
|
||||
description="Découvrez notre sélection de pizzas artisanales, boissons rafraîchissantes et desserts gourmands. (Prix moyen: 10–20 €)"
|
||||
@@ -225,40 +154,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Fidèle",
|
||||
tagIcon: Star,
|
||||
price: "5 Points",
|
||||
period: "par commande",
|
||||
description: "Accumulez des points pour chaque pizza commandée. Simple et avantageux !",
|
||||
button: {
|
||||
text: "Créer mon compte",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Avantages",
|
||||
features: [
|
||||
"1 point par pizza",
|
||||
"Suivi des points en ligne",
|
||||
"Accès aux offres spéciales",
|
||||
],
|
||||
id: "basic", tag: "Fidèle", tagIcon: Star,
|
||||
price: "5 Points", period: "par commande", description: "Accumulez des points pour chaque pizza commandée. Simple et avantageux !", button: {
|
||||
text: "Créer mon compte", href: "#contact"},
|
||||
featuresTitle: "Avantages", features: [
|
||||
"1 point par pizza", "Suivi des points en ligne", "Accès aux offres spéciales"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "VIP GiaGia",
|
||||
tagIcon: Award,
|
||||
price: "10 Pizzas",
|
||||
period: "gratuite !",
|
||||
description: "Après 9 pizzas achetées, la 10ème est offerte. Le meilleur moyen de savourer plus.",
|
||||
button: {
|
||||
text: "Commencer à cumuler",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Bénéfices VIP",
|
||||
features: [
|
||||
"10ème pizza gratuite",
|
||||
"Priorité sur les nouvelles recettes",
|
||||
"Cadeaux d'anniversaire",
|
||||
],
|
||||
id: "premium", tag: "VIP GiaGia", tagIcon: Award,
|
||||
price: "10 Pizzas", period: "gratuite !", description: "Après 9 pizzas achetées, la 10ème est offerte. Le meilleur moyen de savourer plus.", button: {
|
||||
text: "Commencer à cumuler", href: "#contact"},
|
||||
featuresTitle: "Bénéfices VIP", features: [
|
||||
"10ème pizza gratuite", "Priorité sur les nouvelles recettes", "Cadeaux d'anniversaire"],
|
||||
},
|
||||
]}
|
||||
title="Programme de Fidélité GiaGia"
|
||||
@@ -274,45 +181,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "review-1",
|
||||
name: "Sophie M.",
|
||||
role: "Cliente fidèle",
|
||||
company: "Grasse",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
},
|
||||
id: "review-1", name: "Sophie M.", role: "Cliente fidèle", company: "Grasse", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg"},
|
||||
{
|
||||
id: "review-2",
|
||||
name: "Marc L.",
|
||||
role: "Gourmand",
|
||||
company: "Pégomas",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background_176420-46693.jpg",
|
||||
},
|
||||
id: "review-2", name: "Marc L.", role: "Gourmand", company: "Pégomas", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background_176420-46693.jpg"},
|
||||
{
|
||||
id: "review-3",
|
||||
name: "Émilie R.",
|
||||
role: "Visiteuse",
|
||||
company: "Nice",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-845.jpg",
|
||||
},
|
||||
id: "review-3", name: "Émilie R.", role: "Visiteuse", company: "Nice", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-woman-posing_344912-845.jpg"},
|
||||
{
|
||||
id: "review-4",
|
||||
name: "Thomas B.",
|
||||
role: "Étudiant",
|
||||
company: "Grasse",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-jeans-clothes-fashion-man_158538-5034.jpg",
|
||||
},
|
||||
id: "review-4", name: "Thomas B.", role: "Étudiant", company: "Grasse", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-jeans-clothes-fashion-man_158538-5034.jpg"},
|
||||
{
|
||||
id: "review-5",
|
||||
name: "Chloé D.",
|
||||
role: "Habituée",
|
||||
company: "Grasse",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
},
|
||||
id: "review-5", name: "Chloé D.", role: "Habituée", company: "Grasse", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg"},
|
||||
]}
|
||||
title="Nos Clients nous Adorent"
|
||||
description="Avec une note de 4.6 étoiles sur 88 avis, la satisfaction est notre priorité. Découvrez ce qu'ils disent de nous."
|
||||
@@ -323,8 +205,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contactez-nous"
|
||||
title="Nous trouver et nous contacter"
|
||||
description="Pour toute question, réservation ou commande, n'hésitez pas à nous joindre. Nous sommes impatients de vous servir !"
|
||||
@@ -345,53 +226,33 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Accueil", href: "#home"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Fidélité",
|
||||
href: "#loyalty",
|
||||
},
|
||||
label: "Fidélité", href: "#loyalty"},
|
||||
{
|
||||
label: "Avis",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Avis", href: "#reviews"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Téléphone: 07 83 54 66 56",
|
||||
href: "tel:+33783546656",
|
||||
},
|
||||
label: "Téléphone: 07 83 54 66 56", href: "tel:+33783546656"},
|
||||
{
|
||||
label: "Adresse: Rte de Pégomas, 06130 Grasse",
|
||||
href: "https://maps.app.goo.gl/JWPM+C8 Grasse",
|
||||
},
|
||||
label: "Adresse: Rte de Pégomas, 06130 Grasse", href: "https://maps.app.goo.gl/JWPM+C8 Grasse"},
|
||||
{
|
||||
label: "Ouvre à 18h (Mercredi)",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ouvre à 18h (Mercredi)", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://m.facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://m.facebook.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user