287 lines
15 KiB
TypeScript
287 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import Link from "next/link";
|
|
import { Sparkles, CheckCircle, Award, AlertCircle, Users, DollarSign, FileText, Plane, MessageCircle, MapPin, Star } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Packages", id: "pricing" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Umrah Packages", href: "#services" },
|
|
{ label: "Hajj Services", href: "#services" },
|
|
{ label: "Visa Assistance", href: "#services" },
|
|
{ label: "Flight Booking", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Team", href: "/about" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Blog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +92 300 1234567", href: "tel:+923001234567" },
|
|
{ label: "WhatsApp Chat", href: "https://wa.me/923001234567" },
|
|
{ label: "Email: info@arafatmakkah.com", href: "mailto:info@arafatmakkah.com" },
|
|
{ label: "Google Maps", href: "https://maps.google.com/?q=2MXP+99+Daharki" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cancellation Policy", href: "#" },
|
|
{ label: "Disclaimer", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Arafat Makkah"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Trusted Umrah & Hajj Travel Experts"
|
|
description="Serving pilgrims with reliable travel services from Pakistan to the Holy Cities. Your sacred journey begins with us."
|
|
tag="Holy Journey"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+923001234567"},
|
|
{
|
|
text: "Get Umrah Quote", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pope-blessing-crowd-sunset_23-2151976027.jpg", imageAlt: "Kaaba Holy City Makkah"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/hajj-season-instagram-posts_23-2150401410.jpg", imageAlt: "Pilgrims in prayer at Masjid al-Haram"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/part-interior-is-traditional-oriental-style-with-many-ornaments-colored-stained-glass-windows_169016-10744.jpg", imageAlt: "Masjid an-Nabawi in Medina"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-eid-mubarak-greeting-card-background_1035-26747.jpg", imageAlt: "Hajj pilgrimage ceremony"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-bathrobe_1157-18569.jpg", imageAlt: "Premium pilgrimage accommodation"},
|
|
]}
|
|
ariaLabel="Hero section with Kaaba carousel"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
title="Quick Services"
|
|
description="Explore our comprehensive travel solutions designed for your pilgrimage journey"
|
|
tag="What We Offer"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "umrah-packages", title: "Umrah Packages", descriptions: [
|
|
"Customized Umrah packages for individual pilgrims and groups", "All-inclusive services from Pakistan to the Holy Cities", "Flexible dates and accommodation options available"],
|
|
imageSrc: "http://img.b2bpic.net/free-psd/hajj-season-instagram-posts_23-2150401410.jpg", imageAlt: "Umrah pilgrimage service"},
|
|
{
|
|
id: "hajj-services", title: "Hajj Services", descriptions: [
|
|
"Complete Hajj pilgrimage arrangements and guidance", "Expert consultants to assist throughout your journey", "Seamless coordination with Saudi authorities"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-eid-mubarak-greeting-card-background_1035-26747.jpg", imageAlt: "Hajj pilgrimage ceremony"},
|
|
{
|
|
id: "visa-assistance", title: "Visa Assistance", descriptions: [
|
|
"Professional visa processing and documentation support", "Rapid turnaround times with high approval rates", "Complete guidance through the application process"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-permanent-resident-cards-map_23-2149828171.jpg", imageAlt: "Visa documentation service"},
|
|
{
|
|
id: "airline-ticketing", title: "International Flights", descriptions: [
|
|
"Competitive flight booking with premium airlines", "Flexible scheduling and route options", "Travel insurance and baggage solutions included"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/airplane-window-from-passenger-seats_53876-65516.jpg", imageAlt: "International flight booking"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Why Choose Arafat Makkah Travel Bureau"
|
|
description="With years of trusted service, we are your partner in making your pilgrimage unforgettable"
|
|
tag="Our Commitment"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Experienced Travel Consultants", description: "Our dedicated team has over 15 years of expertise in pilgrimage travel", icon: Users,
|
|
},
|
|
{
|
|
title: "Affordable Umrah Packages", description: "Competitive pricing without compromising on quality and comfort", icon: DollarSign,
|
|
},
|
|
{
|
|
title: "Visa Assistance Support", description: "Complete documentation support with high approval rates and quick processing", icon: FileText,
|
|
},
|
|
{
|
|
title: "Reliable Airline Partnerships", description: "Direct relationships with major international carriers for best rates", icon: Plane,
|
|
},
|
|
{
|
|
title: "Personal Customer Guidance", description: "24/7 support from booking to returning home with WhatsApp and phone assistance", icon: MessageCircle,
|
|
},
|
|
{
|
|
title: "Trusted Local Agency", description: "Based in Daharki, Sindh with strong community connections and reputation", icon: MapPin,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-woman-car-dealership-together_23-2148333030.jpg"
|
|
imageAlt="Arafat Makkah Travel Bureau office"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "/about"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Featured Umrah Packages"
|
|
description="Choose the perfect package tailored to your needs and budget"
|
|
tag="Affordable Options"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
plans={[
|
|
{
|
|
id: "economy", price: "PKR 85,000 - 120,000", name: "Economy Umrah Package", buttons: [
|
|
{
|
|
text: "Get Details", href: "#contact"},
|
|
{
|
|
text: "WhatsApp Us", href: "https://wa.me/923001234567"},
|
|
],
|
|
features: [
|
|
"7 nights accommodation (3-4 km from Haram)", "Round-trip flights from Karachi", "Daily breakfast included", "Guided prayer and Tawaf sessions", "Airport transfers and local transport", "24/7 customer support"],
|
|
},
|
|
{
|
|
id: "standard", badge: "Most Popular", badgeIcon: Star,
|
|
price: "PKR 150,000 - 200,000", name: "Standard Umrah Package", buttons: [
|
|
{
|
|
text: "Get Details", href: "#contact"},
|
|
{
|
|
text: "WhatsApp Us", href: "https://wa.me/923001234567"},
|
|
],
|
|
features: [
|
|
"10 nights accommodation (1-2 km from Haram)", "Round-trip flights from major cities", "Daily breakfast and dinner included", "Expert religious guidance included", "Visa assistance included", "Travel insurance included", "Daily WhatsApp updates"],
|
|
},
|
|
{
|
|
id: "vip", price: "PKR 250,000 - 350,000+", name: "VIP Umrah Package", buttons: [
|
|
{
|
|
text: "Get Details", href: "#contact"},
|
|
{
|
|
text: "WhatsApp Us", href: "https://wa.me/923001234567"},
|
|
],
|
|
features: [
|
|
"14 nights luxury accommodation (walking distance to Haram)", "Premium flight upgrades available", "All meals included at premium restaurants", "Private religious scholar guidance", "VIP visa processing", "Comprehensive travel insurance", "Personal assistant throughout journey", "Umrah package extension options"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Arafat Makkah Travel Bureau made our Umrah journey absolutely seamless. From visa processing to accommodation, everything was perfectly arranged. The team's dedication and support made it a truly spiritual and memorable experience. Highly recommended for anyone planning their pilgrimage."
|
|
rating={5}
|
|
author="Ahmed Hassan, Karachi"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg", alt: "Ahmed Hassan"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-businesswoman-smiling-workplace-office_176420-6981.jpg", alt: "Fatima Khan"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-businessman-suit-drinking-coffee-tea-from-office-mug-smiling-enthusiastic-camera-s_1258-154544.jpg", alt: "Mohammad Ali"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-standing-isolated-background-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-14295.jpg", alt: "Ayesha Ahmed"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<HeroBillboardCarousel
|
|
title="Plan Your Sacred Journey Today"
|
|
description="Don't wait. Contact us now to start your Umrah or Hajj journey with Pakistan's most trusted travel agency."
|
|
tag="Limited Slots Available"
|
|
tagIcon={AlertCircle}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{
|
|
text: "Call Now: +92 300 1234567", href: "tel:+923001234567"},
|
|
{
|
|
text: "WhatsApp: Chat With Us", href: "https://wa.me/923001234567"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pope-blessing-crowd-sunset_23-2151976027.jpg", imageAlt: "Kaaba call to action"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/part-interior-is-traditional-oriental-style-with-many-ornaments-colored-stained-glass-windows_169016-10744.jpg", imageAlt: "Masjid an-Nabawi"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-bathrobe_1157-18569.jpg", imageAlt: "VIP experience"},
|
|
]}
|
|
ariaLabel="Call to action section for booking"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Arafat Makkah"
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Arafat Makkah Travel Bureau. All rights reserved. Al Madina Colony, Daharki, Sindh, Pakistan"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |