264 lines
8.9 KiB
TypeScript
264 lines
8.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Accueil",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "À propos",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Nos Offres",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Sunny Days Tours"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Sunny Days Tours"
|
|
description="Vos vacances de rêve commencent ici. Profitez de nos offres exclusives pour l'été 2026."
|
|
buttons={[
|
|
{
|
|
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-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-zedh4h9q.png?_wi=1",
|
|
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/shot-historic-sphinx-middle-typical-egyptian-scenery-clear-sky_181624-21414.jpg",
|
|
imageAlt: "Excursion Pyramides",
|
|
},
|
|
]}
|
|
autoplayDelay={8000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Expertise Voyage"
|
|
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: "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.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-people-working-together-use-laptop_1157-27584.jpg?_wi=1"
|
|
imageAlt="Notre équipe de voyage"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
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: "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: "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: "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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
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: "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: "t3",
|
|
name: "Leila Haddad",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DwYSb0pn3Sm2dajo7qK6K1kxGm/uploaded-1779235461927-zedh4h9q.png?_wi=3",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Mourad Chaabane",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-people-working-together-use-laptop_1157-27584.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Fatma Zarrouk",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency_23-2149080779.jpg?_wi=2",
|
|
},
|
|
]}
|
|
cardTitle="Ils nous font confiance"
|
|
cardTag="Avis Clients"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
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: "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é.",
|
|
},
|
|
]}
|
|
sideTitle="Questions fréquentes"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Réservez votre voyage"
|
|
description="Contactez-nous pour confirmer vos dates et profiter de nos tarifs estivaux."
|
|
inputs={[
|
|
{
|
|
name: "nom",
|
|
type: "text",
|
|
placeholder: "Votre nom",
|
|
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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Sunny Days Tours"
|
|
leftLink={{
|
|
text: "Conditions générales",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Contactez-nous",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|