290 lines
14 KiB
TypeScript
290 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { Award, Zap, DollarSign, Heart, Send } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About Us", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Destinations", id: "/destinations" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Flight Tickets", href: "/" },
|
|
{ label: "Visa Assistance", href: "/" },
|
|
{ label: "Travel Packages", href: "/" },
|
|
{ label: "Hotel Booking", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Destinations", href: "/destinations" },
|
|
{ label: "Blog", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "/" },
|
|
{ label: "Terms of Service", href: "/" },
|
|
{ label: "Refund Policy", href: "/" },
|
|
{ label: "FAQ", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +229 21 31 01 10", href: "tel:+22921310110" },
|
|
{ label: "Email: info@ifevoyages.com", href: "mailto:info@ifevoyages.com" },
|
|
{ label: "WhatsApp", href: "https://wa.me/22921310110" },
|
|
{ label: "Cotonou, Benin", href: "/" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="IFE Voyages"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Book a Trip", href: "/booking"}}
|
|
className="fixed top-0 left-0 right-0 z-50"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="IFE Voyages"
|
|
description="Your Trusted Travel Agency in Benin. Flights, visa assistance, and travel packages made simple. Book with confidence."
|
|
buttons={[
|
|
{
|
|
text: "Book a Trip", href: "/booking"},
|
|
{
|
|
text: "Contact via WhatsApp", href: "https://wa.me/22921310110"},
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-man-woman-are-going-business-trip_1150-3033.jpg?_wi=1"
|
|
imageAlt="Travelers at airport boarding area"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* Services Section */}
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Our Services"
|
|
description="Comprehensive travel solutions tailored to your needs. Whether you're planning a business trip or vacation, we've got you covered."
|
|
tag="What We Offer"
|
|
features={[
|
|
{
|
|
id: "1", title: "Flight Ticket Booking", author: "International & Domestic", description: "Access to major airlines with competitive rates. Book flights to over 200 destinations worldwide with flexible payment options.", tags: ["Flights", "Booking"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-with-laptop-waiting-area_107420-85135.jpg", imageAlt: "Flight booking interface"},
|
|
{
|
|
id: "2", title: "Visa Assistance", author: "Expert Support", description: "Professional visa support for Schengen, USA, Canada, and UK visas. We guide you through every step of the application process.", tags: ["Visa", "Documents"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-flight-attendants-holding-tickets_23-2150197193.jpg", imageAlt: "Visa documents and passport"},
|
|
{
|
|
id: "3", title: "Travel Packages", author: "Organized Tours", description: "Affordable all-inclusive travel packages with accommodations, meals, and guided tours. Perfect for families and groups.", tags: ["Packages", "Tours"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-agent-holding-tickets_23-2149080790.jpg", imageAlt: "Travel package vacation planning"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* About Section */}
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Why Choose IFE Voyages"
|
|
description="We are Benin's most trusted travel agency with over 10 years of experience serving thousands of satisfied customers."
|
|
tag="Our Commitment"
|
|
bulletPoints={[
|
|
{
|
|
title: "10+ Years Experience", description: "Established and trusted partner for all your travel needs", icon: Award,
|
|
},
|
|
{
|
|
title: "Fast Visa Assistance", description: "Expert support with proven success rates for visa applications", icon: Zap,
|
|
},
|
|
{
|
|
title: "Affordable Prices", description: "Competitive rates without compromising on quality service", icon: DollarSign,
|
|
},
|
|
{
|
|
title: "Personalized Service", description: "Customized travel solutions tailored to your specific needs", icon: Heart,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/business-man-woman-are-going-business-trip_1150-3033.jpg?_wi=2"
|
|
imageAlt="IFE Voyages team and travelers"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
{/* Destinations Section */}
|
|
<div id="destinations" data-section="destinations">
|
|
<ProductCardOne
|
|
title="Popular Destinations"
|
|
description="Explore our most requested travel destinations with competitive starting prices."
|
|
tag="Top Picks"
|
|
products={[
|
|
{
|
|
id: "dubai", name: "Dubai", price: "Starting at $1,200", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-skyline-dubai-surrounded-by-sand-dust-day-light_231208-7609.jpg", imageAlt: "Dubai skyline"},
|
|
{
|
|
id: "france", name: "France", price: "Starting at $1,500", imageSrc: "http://img.b2bpic.net/free-vector/france-paris-retro-style-concept_1284-17170.jpg", imageAlt: "Paris Eiffel Tower"},
|
|
{
|
|
id: "turkey", name: "Turkey", price: "Starting at $1,100", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-suleymaniye-camii-istanbul_661209-313.jpg", imageAlt: "Istanbul Blue Mosque"},
|
|
{
|
|
id: "canada", name: "Canada", price: "Starting at $1,800", imageSrc: "http://img.b2bpic.net/free-photo/lake-central-park-new-york-usa_1268-14965.jpg", imageAlt: "Niagara Falls"},
|
|
{
|
|
id: "morocco", name: "Morocco", price: "Starting at $950", imageSrc: "http://img.b2bpic.net/free-photo/lamps-arab-restaurant_23-2147794383.jpg", imageAlt: "Marrakech desert"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "View All Destinations", href: "/destinations"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="IFE Voyages made my visa application process incredibly smooth. The team was professional, responsive, and helped me prepare all documents correctly. My Schengen visa was approved on the first try!"
|
|
rating={5}
|
|
author="Sarah Kpodéhoué, Cotonou"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-happy-women-student-property-business-background-beautiful-young-business-woman_1391-64.jpg", alt: "Customer Sarah"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Customer testimonial"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-female-tourist-with-photo-camera-travel-backpack_613910-7120.jpg", alt: "Customer experience"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg", alt: "Travel client"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-straw-hat-sitting-cafe_273609-10564.jpg", alt: "Satisfied traveler"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-young-man-shows-thumbs-up-takes-selfie-mobile-phone-poses-near-suitcase-blogger-goes_1258-270583.jpg", alt: "Happy customer"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Metrics Section */}
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Trusted by thousands of Beninese travelers and businesses seeking reliable travel solutions."
|
|
tag="Notre Impact"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "10+", description: "Années de service fiable dans l'industrie du voyage"},
|
|
{
|
|
id: "2", value: "4.4★", description: "Évaluation de 38+ avis clients vérifiés"},
|
|
{
|
|
id: "3", value: "2,000+", description: "Réservations de voyage réussies et demandes de visa"},
|
|
{
|
|
id: "4", value: "24/7", description: "Support client disponible quand vous en avez besoin"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact Section */}
|
|
<div id="contact-section" data-section="contact-section">
|
|
<ContactCenter
|
|
tag="Commencer"
|
|
title="Demandez votre devis de voyage dès aujourd'hui"
|
|
description="Laissez-nous vous aider à planifier votre prochaine aventure. Soumettez vos détails de voyage et nous vous répondrons dans les 24 heures avec un devis personnalisé."
|
|
tagIcon={Send}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Entrez votre adresse e-mail"
|
|
buttonText="Demander un devis"
|
|
termsText="Nous respectons votre vie privée. Vos informations nous aident à fournir de meilleures solutions de voyage."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="IFE Voyages"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Billets d'avion", href: "/" },
|
|
{ label: "Assistance Visa", href: "/" },
|
|
{ label: "Forfaits de voyage", href: "/" },
|
|
{ label: "Réservation d'hôtel", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Entreprise", items: [
|
|
{ label: "À propos de nous", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Destinations", href: "/destinations" },
|
|
{ label: "Blog", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Juridique", items: [
|
|
{ label: "Politique de confidentialité", href: "/" },
|
|
{ label: "Conditions d'utilisation", href: "/" },
|
|
{ label: "Politique de remboursement", href: "/" },
|
|
{ label: "FAQ", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Téléphone: +229 21 31 01 10", href: "tel:+22921310110" },
|
|
{ label: "E-mail: info@ifevoyages.com", href: "mailto:info@ifevoyages.com" },
|
|
{ label: "WhatsApp", href: "https://wa.me/22921310110" },
|
|
{ label: "Cotonou, Bénin", href: "/" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 IFE Voyages. Tous droits réservés."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |