Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Award, Sparkles, Sunset, Utensils, Waves } from "lucide-react";
|
||||
import { Award, Sparkles, Sunset, Utensils, Waves, Martini } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,59 +29,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "L'Expérience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "info",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "L'Expérience", id: "experience" },
|
||||
{ name: "Galerie", id: "gallery" },
|
||||
{ name: "Contact", id: "info" },
|
||||
]}
|
||||
brandName="Le Phénicien"
|
||||
button={{ text: "Réserver", href: "#info" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Le Phénicien"
|
||||
description="Cuisine raffinée & ambiance méditerranéenne au cœur du Vieux Port."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-white-blue-armchairs_1203-2077.jpg?_wi=1",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-waffles-with-figs-nuts_23-2148352368.jpg?_wi=1",
|
||||
imageAlt: "Culinary detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-with-cucumber-rolls_140725-6657.jpg",
|
||||
imageAlt: "Interior luxury",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktail-with-mint-table_23-2149418266.jpg",
|
||||
imageAlt: "Signature cocktails",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bruschetta-assortment-top-view_23-2148516994.jpg",
|
||||
imageAlt: "Food presentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-san-giorgio-maggiore-from-venice-by-night-italy_268835-974.jpg",
|
||||
imageAlt: "Vieux Port view",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-white-blue-armchairs_1203-2077.jpg", imageAlt: "Restaurant ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-waffles-with-figs-nuts_23-2148352368.jpg", imageAlt: "Culinary detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-with-cucumber-rolls_140725-6657.jpg", imageAlt: "Interior luxury" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktail-with-mint-table_23-2149418266.jpg", imageAlt: "Signature cocktails" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-bruschetta-assortment-top-view_23-2148516994.jpg", imageAlt: "Food presentation" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -92,9 +60,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="L'Art de Vivre"
|
||||
description={[
|
||||
"Vivez une expérience unique où la mer rencontre le luxe.",
|
||||
"Notre terrasse surplombant le port offre une vue imprenable.",
|
||||
"Savourez nos cocktails signature dans une atmosphère élégante.",
|
||||
"Vivez une expérience unique où la mer rencontre le luxe.", "Notre terrasse surplombant le port offre une vue imprenable.", "Savourez nos cocktails signature dans une atmosphère élégante."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,71 +68,33 @@ export default function LandingPage() {
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cuisine Raffinée",
|
||||
description: "L'excellence des saveurs méditerranéennes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-scoop-ice-cream-with-herbs_23-2148425548.jpg",
|
||||
imageAlt: "Plat",
|
||||
},
|
||||
title: "Cuisine Raffinée", description: "L'excellence des saveurs méditerranéennes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-scoop-ice-cream-with-herbs_23-2148425548.jpg", imageAlt: "Plat" },
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Produits frais",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Chef renommé",
|
||||
},
|
||||
{ icon: Utensils, text: "Produits frais" },
|
||||
{ icon: Award, text: "Chef renommé" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-white-blue-armchairs_1203-2077.jpg?_wi=2",
|
||||
imageAlt: "high-end gourmet food plating",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Cocktails Signature",
|
||||
description: "Créations originales et raffinement.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-with-sesame-seeds-with-lemon-rosemary-leaves-rag-cocktail-glass_176474-2988.jpg",
|
||||
imageAlt: "Cocktails",
|
||||
},
|
||||
title: "Cocktails Signature", description: "Créations originales et raffinement.", media: { imageSrc: "http://img.b2bpic.net/free-photo/shrimp-with-sesame-seeds-with-lemon-rosemary-leaves-rag-cocktail-glass_176474-2988.jpg", imageAlt: "Cocktails" },
|
||||
items: [
|
||||
{
|
||||
icon: Martini,
|
||||
text: "Bar premium",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Mixologie",
|
||||
},
|
||||
{ icon: Martini, text: "Bar premium" },
|
||||
{ icon: Sparkles, text: "Mixologie" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg",
|
||||
imageAlt: "high-end gourmet food plating",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Vue sur le Port",
|
||||
description: "L'ambiance unique du Vieux Port de Bizerte.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_74190-3626.jpg",
|
||||
imageAlt: "Vue",
|
||||
},
|
||||
title: "Vue sur le Port", description: "L'ambiance unique du Vieux Port de Bizerte.", media: { imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_74190-3626.jpg", imageAlt: "Vue" },
|
||||
items: [
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Terrasse mer",
|
||||
},
|
||||
{
|
||||
icon: Sunset,
|
||||
text: "Vue coucher",
|
||||
},
|
||||
{ icon: Waves, text: "Terrasse mer" },
|
||||
{ icon: Sunset, text: "Vue coucher" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-waffles-with-figs-nuts_23-2148352368.jpg?_wi=2",
|
||||
imageAlt: "high-end gourmet food plating",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Galerie"
|
||||
description="Un avant-goût de notre cuisine et de notre atmosphère."
|
||||
@@ -180,40 +108,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah A.",
|
||||
role: "Cliente fidèle",
|
||||
testimonial: "Une expérience culinaire exceptionnelle au bord du port.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
|
||||
id: "1", name: "Sarah A.", role: "Cliente fidèle", testimonial: "Une expérience culinaire exceptionnelle au bord du port.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Karim B.",
|
||||
role: "Habitué",
|
||||
testimonial: "Le meilleur endroit à Bizerte pour un dîner élégant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg",
|
||||
id: "2", name: "Karim B.", role: "Habitué", testimonial: "Le meilleur endroit à Bizerte pour un dîner élégant.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Léa C.",
|
||||
role: "Touriste",
|
||||
testimonial: "Service impeccable et vue à couper le souffle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20502.jpg",
|
||||
id: "3", name: "Léa C.", role: "Touriste", testimonial: "Service impeccable et vue à couper le souffle.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20502.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marc D.",
|
||||
role: "Fin gourmet",
|
||||
testimonial: "Une cuisine raffinée qui respecte la mer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-990.jpg",
|
||||
id: "4", name: "Marc D.", role: "Fin gourmet", testimonial: "Une cuisine raffinée qui respecte la mer.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-990.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie E.",
|
||||
role: "Amie",
|
||||
testimonial: "L'ambiance est parfaite pour les soirées entre amis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
||||
},
|
||||
id: "5", name: "Julie E.", role: "Amie", testimonial: "L'ambiance est parfaite pour les soirées entre amis.", imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg"
|
||||
}
|
||||
]}
|
||||
title="Nos Convives"
|
||||
description="Ce que nos clients disent de leur expérience."
|
||||
@@ -223,46 +131,19 @@ export default function LandingPage() {
|
||||
<div id="info" data-section="info">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact"
|
||||
title="Le Phénicien"
|
||||
description="Vieux Port, Bizerte 7000 | 72 424 480 | 12:00 – 02:00"
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une table",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Réserver une table", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Galerie",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Appeler : 72 424 480",
|
||||
href: "tel:+21672424480",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Galerie", href: "#gallery" }] },
|
||||
{ title: "Contact", items: [{ label: "Appeler : 72 424 480", href: "tel:+21672424480" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Le Phénicien"
|
||||
bottomRightText="Vieux Port, Bizerte"
|
||||
|
||||
Reference in New Issue
Block a user