Merge version_2 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award } from "lucide-react";
|
||||
import { Award, ShoppingBag, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Critiques",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Commander", id: "order" },
|
||||
{ name: "Critiques", id: "features" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="PandaEats"
|
||||
/>
|
||||
@@ -55,59 +44,42 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="L'Excellence Culinaire par PandaEats"
|
||||
description="Critiquez, dégustez et commandez en toute simplicité. L'expérience panda qui transforme vos repas en moments inoubliables."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorer les menus",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Voir les critiques",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Commander maintenant", href: "#order" },
|
||||
{ text: "Explorer les menus", href: "#products" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-possum-with-food_23-2151040955.jpg",
|
||||
imageAlt: "Panda gourmet",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vietnam-hat-hanging-wall_1150-10822.jpg",
|
||||
imageAlt: "Service impeccable",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beatuful-wedding-rings_1328-2232.jpg",
|
||||
imageAlt: "Critiques d'experts",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-vegetables-background-different-fruits-vegetables-eating-healthy-colorful-fruits-vegetables_1150-37826.jpg",
|
||||
imageAlt: "Commande rapide",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/customer-suggestion-opinion-background-top-scoring-service_1017-60949.jpg",
|
||||
imageAlt: "Ambiance Panda",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917852.jpg",
|
||||
imageAlt: "Livraison express",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/cute-possum-with-food_23-2151040955.jpg", imageAlt: "Panda gourmet" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/vietnam-hat-hanging-wall_1150-10822.jpg", imageAlt: "Service impeccable" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beatuful-wedding-rings_1328-2232.jpg", imageAlt: "Critiques d'experts" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-vegetables-background-different-fruits-vegetables-eating-healthy-colorful-fruits-vegetables_1150-37826.jpg", imageAlt: "Commande rapide" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-vector/customer-suggestion-opinion-background-top-scoring-service_1017-60949.jpg", imageAlt: "Ambiance Panda" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/device-with-copy-space-table-with-food_23-2150917852.jpg", imageAlt: "Livraison express" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order" data-section="order">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
title="Comment souhaitez-vous manger ?"
|
||||
description="Choisissez le mode de commande qui vous convient le mieux aujourd'hui."
|
||||
features={[
|
||||
{
|
||||
id: "delivery", title: "Livraison à domicile", description: "Recevez vos plats préférés directement chez vous, encore chauds.", tag: "Rapide & Pratique", imageSrc: "http://img.b2bpic.net/free-photo/delivery-service-food_23-2149129523.jpg", buttons: [{ text: "Commander en livraison", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "table", title: "Commande à table", description: "Scannez le QR code de votre table pour commander sans attendre.", tag: "Sur place", imageSrc: "http://img.b2bpic.net/free-photo/table-restaurant_23-2149177874.jpg", buttons: [{ text: "Commander à table", href: "#" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="À propos"
|
||||
title="La philosophie Panda"
|
||||
description="Nous sélectionnons les meilleures adresses pour garantir une expérience culinaire authentique."
|
||||
@@ -120,34 +92,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Critiques honnêtes",
|
||||
description: "Lisez des avis fiables et transparents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741493.jpg",
|
||||
imageAlt: "Critiques",
|
||||
},
|
||||
{
|
||||
title: "Livraison éclair",
|
||||
description: "Commandez et recevez vos plats rapidement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149177874.jpg",
|
||||
imageAlt: "Livraison",
|
||||
},
|
||||
{
|
||||
title: "Commande à table",
|
||||
description: "Scannez, commandez, savourez sans attendre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741499.jpg",
|
||||
imageAlt: "Commande table",
|
||||
},
|
||||
]}
|
||||
title="Pourquoi PandaEats ?"
|
||||
description="Des outils intuitifs pour les gourmets modernes."
|
||||
/>
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
title="Pourquoi PandaEats ?"
|
||||
description="Des outils intuitifs pour les gourmets modernes."
|
||||
features={[
|
||||
{ id: "f1", title: "Critiques honnêtes", description: "Lisez des avis fiables et transparents.", tag: "Transparence", imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741493.jpg" },
|
||||
{ id: "f2", title: "Livraison éclair", description: "Commandez et recevez vos plats rapidement.", tag: "Vitesse", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device_23-2149177874.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
@@ -155,44 +108,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ramen Impérial",
|
||||
price: "18€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-two-beef-chops-white-plate-with-lemon-slices-green_114579-14728.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Plateau Sashimi",
|
||||
price: "24€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-salmon-hot-sushi-rolls-placed-marble-table_114579-65916.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Poke Bowl Vert",
|
||||
price: "15€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-healthy-poke-bowl-with-salmon-avocado-beetroot-quinoa-green-algae_9975-124668.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tempura Croustillant",
|
||||
price: "12€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scallops-shell-with-bacon-asparagus_74190-6056.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bento Complet",
|
||||
price: "20€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-bento-box-composition_23-2148973293.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mochi Assortiment",
|
||||
price: "8€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marmelades-donut-adorned-with-pine-cone-platter-marble-surface_114579-75304.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ramen Impérial", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/raw-two-beef-chops-white-plate-with-lemon-slices-green_114579-14728.jpg" },
|
||||
{ id: "2", name: "Plateau Sashimi", price: "24€", imageSrc: "http://img.b2bpic.net/free-photo/plate-salmon-hot-sushi-rolls-placed-marble-table_114579-65916.jpg" },
|
||||
{ id: "3", name: "Poke Bowl Vert", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/colorful-healthy-poke-bowl-with-salmon-avocado-beetroot-quinoa-green-algae_9975-124668.jpg" },
|
||||
]}
|
||||
title="Notre Menu Panda"
|
||||
description="Une sélection variée de plats raffinés."
|
||||
@@ -203,75 +122,24 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice D.",
|
||||
handle: "@foodie",
|
||||
testimonial: "Incroyable expérience, service rapide et plats délicieux.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-round-delivery-bowl-with-notepad-pink-wall-service-work-worker-uniform-delivery_140725-43242.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc B.",
|
||||
handle: "@critique",
|
||||
testimonial: "Le meilleur site de critiques que j'ai pu tester.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-man-taking-photo-cooking-girlfriend_23-2147894752.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie L.",
|
||||
handle: "@panda",
|
||||
testimonial: "J'adore la facilité de commande à table.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-fleece-shirt-drinks-coffee-hairdresser-s-salon_613910-5677.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas V.",
|
||||
handle: "@gourmet",
|
||||
testimonial: "Qualité exceptionnelle des restaurants référencés.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie M.",
|
||||
handle: "@food",
|
||||
testimonial: "Commande intuitive et service client top.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-with-drinks_23-2149073439.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-yellow-uniform-cape-holding-round-delivery-bowl-with-notepad-pink-wall-service-work-worker-uniform-delivery_140725-43242.jpg" },
|
||||
{ id: "2", name: "Marc B.", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-man-taking-photo-cooking-girlfriend_23-2147894752.jpg" },
|
||||
{ id: "3", name: "Sophie L.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-fleece-shirt-drinks-coffee-hairdresser-s-salon_613910-5677.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Avis de la Communauté"
|
||||
description="Ce que pensent les gourmets panda."
|
||||
cardTitle="Avis de la Communauté"
|
||||
cardTag="Témoignages"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Comment commander à table ?",
|
||||
content: "Scannez le QR code présent sur votre table.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Les critiques sont-elles réelles ?",
|
||||
content: "Oui, nous vérifions chaque avis.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quels modes de livraison ?",
|
||||
content: "Livraison à domicile ou retrait sur place.",
|
||||
},
|
||||
{ id: "f1", title: "Comment commander à table ?", content: "Scannez le QR code présent sur votre table." },
|
||||
{ id: "f2", title: "Les critiques sont-elles réelles ?", content: "Oui, nous vérifions chaque avis." },
|
||||
{ id: "f3", title: "Quels modes de livraison ?", content: "Livraison à domicile ou retrait sur place." },
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce qu'il faut savoir."
|
||||
@@ -281,25 +149,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Notre impact"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Restaurants référencés",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
description: "Repas commandés",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8/5",
|
||||
description: "Note moyenne globale",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Restaurants référencés" },
|
||||
{ id: "m2", value: "10k+", description: "Repas commandés" },
|
||||
{ id: "m3", value: "4.8/5", description: "Note moyenne globale" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -307,16 +162,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Vous avez une question ? Contactez notre équipe panda."
|
||||
buttons={[
|
||||
{
|
||||
text: "Envoyer un message",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Envoyer un message", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,14 +173,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="PandaEats"
|
||||
leftLink={{
|
||||
text: "Mentions Légales",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Mentions Légales", href: "#" }}
|
||||
rightLink={{ text: "Confidentialité", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #e8f5e9;
|
||||
--background: linear-gradient(to bottom, #1b3022, #e8f5e9);
|
||||
--card: #ffffff;
|
||||
--foreground: #1b3022;
|
||||
--primary-cta: #2e7d32;
|
||||
|
||||
Reference in New Issue
Block a user