Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 455b06304d | |||
| 10cff66bc9 |
245
src/app/page.tsx
245
src/app/page.tsx
@@ -2,14 +2,15 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
|
import { Instagram, Facebook, MapPin } from 'lucide-react';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,18 +30,9 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Menu", id: "menu" },
|
||||||
name: "Menu",
|
{ name: "À Propos", id: "about" },
|
||||||
id: "menu",
|
{ name: "Contact", id: "contact" },
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "À Propos",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="SAFTA FOOD"
|
brandName="SAFTA FOOD"
|
||||||
/>
|
/>
|
||||||
@@ -50,82 +42,12 @@ export default function LandingPage() {
|
|||||||
<HeroOverlayTestimonial
|
<HeroOverlayTestimonial
|
||||||
title="SAFTA FOOD"
|
title="SAFTA FOOD"
|
||||||
description="Le goût du luxe… dans chaque bouchée. Découvrez une expérience culinaire unique à Boufarik — où le street food rencontre l’élégance."
|
description="Le goût du luxe… dans chaque bouchée. Découvrez une expérience culinaire unique à Boufarik — où le street food rencontre l’élégance."
|
||||||
testimonials={[
|
testimonials={[]}
|
||||||
{
|
|
||||||
name: "Sarah D.",
|
|
||||||
handle: "@sarah_foodie",
|
|
||||||
testimonial: "Meilleur tacos de Boufarik, une vraie expérience de luxe !",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg?_wi=1",
|
|
||||||
imageAlt: "luxury street food close up",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Amine K.",
|
|
||||||
handle: "@amine_food",
|
|
||||||
testimonial: "Qualité incroyable et service impeccable, je reviens chaque semaine.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-with-fork-top-view-yellow-surface_176474-204.jpg?_wi=1",
|
|
||||||
imageAlt: "fresh premium ingredients flatlay",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Yasmine R.",
|
|
||||||
handle: "@yasmine_rest",
|
|
||||||
testimonial: "Enfin un street food qui mise sur l'élégance et le goût.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-deliveryman-carries-stack-delicious-italian-pizza-wears-helmet-casual-clothes-drives-motorbike-transports-fast-food-dinner-isolated-purple-wall-tasty-snack_273609-27793.jpg?_wi=1",
|
|
||||||
imageAlt: "fast delivery food concept",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Karim M.",
|
|
||||||
handle: "@karim_food",
|
|
||||||
testimonial: "Le mélange des saveurs est tout simplement parfait.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg?_wi=1",
|
|
||||||
imageAlt: "unique dining atmosphere elegant",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Sofia L.",
|
|
||||||
handle: "@sofia_gourmet",
|
|
||||||
testimonial: "Une découverte exceptionnelle, les ingrédients sont d'une fraîcheur rare.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/potato-gratin-baked-with-cream-cheese-black-slate-background_123827-32562.jpg?_wi=1",
|
|
||||||
imageAlt: "gratin au poulet luxury presentation",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Voir le Menu", href: "#menu" },
|
||||||
text: "Voir le Menu",
|
{ text: "Commander", href: "#contact" },
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Commander Maintenant",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg?_wi=2"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/potato-gratin-baked-with-cream-cheese-black-slate-background_123827-32562.jpg",
|
|
||||||
alt: "User 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/top-view-delicious-tacos-arrangement_23-2150799455.jpg",
|
|
||||||
alt: "User 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-table_23-2148305632.jpg",
|
|
||||||
alt: "User 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/top-view-dessert-plate-with-tea-teapot-nuts-fruit-jam-flowers-white-wooden-background_176474-3963.jpg",
|
|
||||||
alt: "User 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/tiramisu-piece-with-coffee-beans_23-2148531561.jpg",
|
|
||||||
alt: "User 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Rejoint par plus de 500 gourmets à Boufarik"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -133,29 +55,7 @@ export default function LandingPage() {
|
|||||||
<FeatureCardNineteen
|
<FeatureCardNineteen
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[]}
|
||||||
{
|
|
||||||
tag: "Qualité",
|
|
||||||
title: "Qualité Premium",
|
|
||||||
subtitle: "Ingrédients d'exception",
|
|
||||||
description: "Sélection rigoureuse d'ingrédients frais pour un goût inoubliable.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-with-fork-top-view-yellow-surface_176474-204.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
tag: "Rapidité",
|
|
||||||
title: "Service Rapide",
|
|
||||||
subtitle: "Efficacité garantie",
|
|
||||||
description: "Votre repas préparé rapidement sans jamais compromettre la qualité.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-deliveryman-carries-stack-delicious-italian-pizza-wears-helmet-casual-clothes-drives-motorbike-transports-fast-food-dinner-isolated-purple-wall-tasty-snack_273609-27793.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
tag: "Expérience",
|
|
||||||
title: "Expérience Unique",
|
|
||||||
subtitle: "Atmosphère raffinée",
|
|
||||||
description: "Un cadre moderne où le street food devient une expérience gastronomique.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Pourquoi SAFTA FOOD ?"
|
title="Pourquoi SAFTA FOOD ?"
|
||||||
description="Un mélange parfait entre confort et sophistication."
|
description="Un mélange parfait entre confort et sophistication."
|
||||||
/>
|
/>
|
||||||
@@ -167,44 +67,6 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Gratin Au Poulet",
|
|
||||||
price: "850 DA",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/potato-gratin-baked-with-cream-cheese-black-slate-background_123827-32562.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Tacos Meat",
|
|
||||||
price: "650 DA",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tacos-arrangement_23-2150799455.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Pizza Tonno + Coca",
|
|
||||||
price: "950 DA",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-table_23-2148305632.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Crêpes Nutella",
|
|
||||||
price: "450 DA",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dessert-plate-with-tea-teapot-nuts-fruit-jam-flowers-white-wooden-background_176474-3963.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Tiramisu",
|
|
||||||
price: "500 DA",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tiramisu-piece-with-coffee-beans_23-2148531561.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Cappuccino",
|
|
||||||
price: "300 DA",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cup-cappuccino-with-white-heart-pattern-wooden-table_181624-9618.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Nos Meilleures Offres"
|
title="Nos Meilleures Offres"
|
||||||
description="Préparé avec passion. Servi avec excellence."
|
description="Préparé avec passion. Servi avec excellence."
|
||||||
/>
|
/>
|
||||||
@@ -214,16 +76,8 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={["Delivery Express", "Boufarik Events", "Urban Eats", "Local Foodie"]}
|
||||||
"Delivery Express",
|
title="Nos Partenaires"
|
||||||
"Boufarik Events",
|
|
||||||
"Urban Eats",
|
|
||||||
"Local Foodie",
|
|
||||||
"Gourmet Magazine",
|
|
||||||
"City News",
|
|
||||||
"Street Food Alliance",
|
|
||||||
]}
|
|
||||||
title="Nos Partenaires et Réseaux"
|
|
||||||
description="Reconnus pour notre excellence à Boufarik."
|
description="Reconnus pour notre excellence à Boufarik."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -231,23 +85,7 @@ export default function LandingPage() {
|
|||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[]}
|
||||||
{
|
|
||||||
id: "faq1",
|
|
||||||
title: "Quels sont vos horaires ?",
|
|
||||||
content: "Nous sommes ouverts tous les jours de 11h00 à 23h00.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "faq2",
|
|
||||||
title: "Proposez-vous la livraison ?",
|
|
||||||
content: "Oui, nous livrons sur tout Boufarik via nos partenaires.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "faq3",
|
|
||||||
title: "Peut-on privatiser le lieu ?",
|
|
||||||
content: "Oui, contactez-nous pour organiser vos événements privés.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
sideTitle="Questions Fréquentes"
|
sideTitle="Questions Fréquentes"
|
||||||
sideDescription="Besoin d'informations sur nos services ?"
|
sideDescription="Besoin d'informations sur nos services ?"
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
@@ -255,53 +93,30 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
title="Envie de vous faire plaisir ?"
|
||||||
background={{
|
description="Commandez maintenant et savourez le meilleur de SAFTA FOOD chez vous."
|
||||||
variant: "gradient-bars",
|
inputs={[
|
||||||
}}
|
{ name: "name", type: "text", placeholder: "Votre Nom" },
|
||||||
title="Envie de vous faire plaisir ?"
|
{ name: "email", type: "email", placeholder: "Votre Email" }
|
||||||
description="Commandez maintenant et savourez le meilleur de SAFTA FOOD chez vous."
|
]}
|
||||||
buttonText="Commander via WhatsApp"
|
buttonText="Envoyer"
|
||||||
tag="Contact"
|
useInvertedBackground={false}
|
||||||
/>
|
imageSrc="http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg?_wi=3"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterCard
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg?_wi=3"
|
|
||||||
logoText="SAFTA FOOD"
|
logoText="SAFTA FOOD"
|
||||||
columns={[
|
socialLinks={[
|
||||||
{
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||||
title: "Navigation",
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||||
items: [
|
{ icon: MapPin, href: "#", ariaLabel: "Localisation" }
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "À Propos",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Contact",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Boufarik",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "05XX-XX-XX-XX",
|
|
||||||
href: "tel:0000",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user