Update src/app/page.tsx
This commit is contained in:
161
src/app/page.tsx
161
src/app/page.tsx
@@ -17,27 +17,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À propos", id: "about"},
|
||||
{
|
||||
name: "Nos Offres",
|
||||
id: "products",
|
||||
},
|
||||
name: "Nos Offres", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sunny Days Tours"
|
||||
/>
|
||||
@@ -49,31 +48,19 @@ export default function LandingPage() {
|
||||
description="Vos vacances de rêve commencent ici. Profitez de nos offres exclusives pour l'été 2026."
|
||||
buttons={[
|
||||
{
|
||||
text: "Voir nos offres",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Voir nos offres", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461926-aq48jvaj.png?_wi=1",
|
||||
imageAlt: "Offre Hurghada & Le Caire",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461926-aq48jvaj.png", imageAlt: "Offre Hurghada & Le Caire"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-3rqmvi0e.png?_wi=1",
|
||||
imageAlt: "Offre Sharm & Le Caire",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-3rqmvi0e.png", imageAlt: "Offre Sharm & Le Caire"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-zedh4h9q.png?_wi=1",
|
||||
imageAlt: "Offre Sharm & Marwa Palace",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-zedh4h9q.png", imageAlt: "Offre Sharm & Marwa Palace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rowing-sea-water_1312-26.jpg",
|
||||
imageAlt: "Croisière sur le Nil",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rowing-sea-water_1312-26.jpg", imageAlt: "Croisière sur le Nil"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-historic-sphinx-middle-typical-egyptian-scenery-clear-sky_181624-21414.jpg",
|
||||
imageAlt: "Excursion Pyramides",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-historic-sphinx-middle-typical-egyptian-scenery-clear-sky_181624-21414.jpg", imageAlt: "Excursion Pyramides"},
|
||||
]}
|
||||
autoplayDelay={8000}
|
||||
/>
|
||||
@@ -87,19 +74,13 @@ export default function LandingPage() {
|
||||
description="Sunny Days Tours est votre partenaire de confiance pour des évasions inoubliables. Nous sélectionnons rigoureusement nos hôtels et programmes pour garantir votre confort absolu avec des prix inégalables."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Prix compétitifs",
|
||||
description: "Des tarifs négociés pour une qualité 5 étoiles.",
|
||||
},
|
||||
title: "Prix compétitifs", description: "Des tarifs négociés pour une qualité 5 étoiles."},
|
||||
{
|
||||
title: "Service complet",
|
||||
description: "Vols, hébergements, transferts et visites guidées inclus.",
|
||||
},
|
||||
title: "Service complet", description: "Vols, hébergements, transferts et visites guidées inclus."},
|
||||
{
|
||||
title: "Garantie sérénité",
|
||||
description: "Lettre de garantie gratuite et assistance permanente.",
|
||||
},
|
||||
title: "Garantie sérénité", description: "Lettre de garantie gratuite et assistance permanente."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-people-working-together-use-laptop_1157-27584.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-people-working-together-use-laptop_1157-27584.jpg"
|
||||
imageAlt="Notre équipe de voyage"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -113,47 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Programme Hurghada & Le Caire",
|
||||
price: "4670 DT",
|
||||
variant: "8 Jours / 7 Nuits",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461926-aq48jvaj.png?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Programme Hurghada & Le Caire", price: "4670 DT", variant: "8 Jours / 7 Nuits", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461926-aq48jvaj.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Programme Sharm & Le Caire",
|
||||
price: "4380 DT",
|
||||
variant: "8 Jours / 7 Nuits",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-3rqmvi0e.png?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Programme Sharm & Le Caire", price: "4380 DT", variant: "8 Jours / 7 Nuits", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-3rqmvi0e.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Programme Sharm & Marwa Palace",
|
||||
price: "4100 DT",
|
||||
variant: "8 Jours / 7 Nuits",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-zedh4h9q.png?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Programme Sharm & Marwa Palace", price: "4100 DT", variant: "8 Jours / 7 Nuits", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-zedh4h9q.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Offre Flash Egypte",
|
||||
price: "4900 DT",
|
||||
variant: "All Inclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-working-together-use-laptop_1157-27584.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Offre Flash Egypte", price: "4900 DT", variant: "All Inclusive", imageSrc: "http://img.b2bpic.net/free-photo/young-people-working-together-use-laptop_1157-27584.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Détente Nil & Mer",
|
||||
price: "4500 DT",
|
||||
variant: "Package Complet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_23-2149080779.jpg?_wi=1",
|
||||
},
|
||||
id: "p5", name: "Détente Nil & Mer", price: "4500 DT", variant: "Package Complet", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_23-2149080779.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Escapade Pyramides",
|
||||
price: "3900 DT",
|
||||
variant: "Week-end",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-turning-pages-book_23-2147737559.jpg",
|
||||
},
|
||||
id: "p6", name: "Escapade Pyramides", price: "3900 DT", variant: "Week-end", imageSrc: "http://img.b2bpic.net/free-photo/woman-turning-pages-book_23-2147737559.jpg"},
|
||||
]}
|
||||
title="Nos Offres Été 2026"
|
||||
description="Découvrez nos packages tout compris pour l'Égypte."
|
||||
@@ -165,30 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Mansour",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461926-aq48jvaj.png?_wi=3",
|
||||
},
|
||||
id: "t1", name: "Sarah Mansour", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461926-aq48jvaj.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ahmed Ben Youssef",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-3rqmvi0e.png?_wi=3",
|
||||
},
|
||||
id: "t2", name: "Ahmed Ben Youssef", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-3rqmvi0e.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Leila Haddad",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-zedh4h9q.png?_wi=3",
|
||||
},
|
||||
id: "t3", name: "Leila Haddad", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-zedh4h9q.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mourad Chaabane",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-working-together-use-laptop_1157-27584.jpg?_wi=3",
|
||||
},
|
||||
id: "t4", name: "Mourad Chaabane", imageSrc: "http://img.b2bpic.net/free-photo/young-people-working-together-use-laptop_1157-27584.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fatma Zarrouk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_23-2149080779.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Fatma Zarrouk", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_23-2149080779.jpg"},
|
||||
]}
|
||||
cardTitle="Ils nous font confiance"
|
||||
cardTag="Avis Clients"
|
||||
@@ -201,20 +137,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quels documents pour l'entrée en Égypte ?",
|
||||
content: "Il vous faut un passeport valide et nous fournissons une lettre de garantie gratuite.",
|
||||
},
|
||||
id: "f1", title: "Quels documents pour l'entrée en Égypte ?", content: "Il vous faut un passeport valide et nous fournissons une lettre de garantie gratuite."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Le timbre d'entrée est-il inclus ?",
|
||||
content: "Non, le timbre de 30 USD est à payer sur place.",
|
||||
},
|
||||
id: "f2", title: "Le timbre d'entrée est-il inclus ?", content: "Non, le timbre de 30 USD est à payer sur place."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quelle est la formule d'hébergement ?",
|
||||
content: "Nous proposons du Soft All Inclusive ou Ultra All Inclusive selon l'hôtel sélectionné.",
|
||||
},
|
||||
id: "f3", title: "Quelle est la formule d'hébergement ?", content: "Nous proposons du Soft All Inclusive ou Ultra All Inclusive selon l'hôtel sélectionné."},
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -228,16 +155,10 @@ export default function LandingPage() {
|
||||
description="Contactez-nous pour confirmer vos dates et profiter de nos tarifs estivaux."
|
||||
inputs={[
|
||||
{
|
||||
name: "nom",
|
||||
type: "text",
|
||||
placeholder: "Votre nom",
|
||||
required: true,
|
||||
name: "nom", type: "text", placeholder: "Votre nom", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Votre email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Votre email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-traveling-items-wooden-background_23-2148909610.jpg"
|
||||
@@ -248,13 +169,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Sunny Days Tours"
|
||||
leftLink={{
|
||||
text: "Conditions générales",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Conditions générales", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contactez-nous",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contactez-nous", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user