Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0644b2d7bc | |||
| faa00e6e1b | |||
| f5108452cd | |||
| 85d92a8164 | |||
| dc67c7fa5c | |||
| 73230be66e |
291
src/app/page.tsx
291
src/app/page.tsx
@@ -1,161 +1,142 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
import FeatureCardTwentyNine from "@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine";
|
||||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||||
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import { Sparkles, Plane, Compass, Instagram, Facebook, Linkedin, MessageCircle } from "lucide-react";
|
import { MapPin, Calendar, Users } from "lucide-react";
|
||||||
|
|
||||||
export default function ZidTravelPage() {
|
export default function ZidTravelPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="icon-arrow"
|
defaultButtonVariant="icon-arrow"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="medium"
|
sizing="medium"
|
||||||
background="none"
|
background="none"
|
||||||
cardStyle="solid"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="shadow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Hotels", id: "hotels" },
|
{ name: "Home", id: "home" },
|
||||||
{ name: "Tours", id: "tours" },
|
{ name: "Hotels", id: "hotels" },
|
||||||
{ name: "Rentals", id: "rentals" },
|
{ name: "Tours", id: "tours" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "Car Rental", id: "rentals" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
]}
|
]}
|
||||||
brandName="ZID TRAVEL"
|
brandName="ZID TRAVEL"
|
||||||
button={{ text: "Book Now", href: "#contact" }}
|
button={{ text: "Book Now", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
<HeroCarouselLogo
|
|
||||||
logoText="ZID TRAVEL"
|
<div id="hero">
|
||||||
description="Experience the majesty of Egypt with our premium, curated booking platform. Luxury stays, private tours, and seamless travel management at your fingertips."
|
<HeroBillboardCarousel
|
||||||
buttons={[
|
title="Discover Egypt with Confidence"
|
||||||
{ text: "Find Your Stay", href: "#hotels" },
|
description="Concierge-style luxury travel. Every booking is manually verified to ensure flawless quality and peace of mind."
|
||||||
{ text: "Explore Tours", href: "#tours" },
|
background={{ variant: "sparkles-gradient" }}
|
||||||
]}
|
mediaItems={[
|
||||||
slides={[
|
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-view-boat_23-2150785324.jpg?_wi=1", imageAlt: "Nile Luxury" },
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-view-boat_23-2150785324.jpg", imageAlt: "Cairo Pyramids Luxury View" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/pool_1203-3236.jpg?_wi=1", imageAlt: "Resort" }
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-greek-architecture-with-temple-structure_23-2151664766.jpg", imageAlt: "Luxor Temple Sunrise" },
|
]}
|
||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pool_1203-3236.jpg", imageAlt: "Hurghada Resort Waterfront" },
|
/>
|
||||||
]}
|
<div className="bg-card p-6 md:p-10 rounded-2xl shadow-lg -mt-20 mx-4 md:mx-20 z-10 relative grid grid-cols-1 md:grid-cols-4 gap-6">
|
||||||
showDimOverlay={true}
|
<div className="flex flex-col gap-2"><label className="font-bold flex items-center gap-2"><MapPin size={16}/>Destination</label><input className="border p-3 rounded" placeholder="Where to?" /></div>
|
||||||
/>
|
<div className="flex flex-col gap-2"><label className="font-bold flex items-center gap-2"><Calendar size={16}/>Dates</label><input className="border p-3 rounded" type="date" /></div>
|
||||||
<InlineImageSplitTextAbout
|
<div className="flex flex-col gap-2"><label className="font-bold flex items-center gap-2"><Users size={16}/>Guests</label><input className="border p-3 rounded" type="number" placeholder="2 Guests" /></div>
|
||||||
className="pt-40"
|
<button className="bg-primary-cta text-white font-bold rounded-lg hover:opacity-90 mt-6">Search Now</button>
|
||||||
heading={[
|
</div>
|
||||||
{ type: "text", content: "Crafting the " },
|
</div>
|
||||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-golden-skull_23-2150835859.jpg", alt: "Egypt Culture" },
|
|
||||||
{ type: "text", content: " ultimate Egyptian getaway with precision and prestige, managed directly for your peace of mind." },
|
<div id="hotels">
|
||||||
]}
|
<ProductCardTwo
|
||||||
buttons={[
|
title="Popular Destinations & Hotels"
|
||||||
{ text: "Discover Our Services", href: "#about" },
|
description="Verified luxury stays across Egypt's most iconic locations."
|
||||||
]}
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
/>
|
textboxLayout="default"
|
||||||
<FeatureCardOne
|
useInvertedBackground={false}
|
||||||
tag="Premium Services"
|
products={[
|
||||||
tagIcon={Sparkles}
|
{ id: "1", brand: "Cairo", name: "Nile Palace Suites", price: "$450/nt", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/interior-view-boat_23-2150785324.jpg?_wi=2" },
|
||||||
title="Your All-in-One Egyptian Travel Hub"
|
{ id: "2", brand: "Red Sea", name: "Coral Shore Resort", price: "$320/nt", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/pool_1203-3236.jpg?_wi=2" }
|
||||||
description="Every booking is hand-confirmed to ensure the highest standards of luxury and availability."
|
]}
|
||||||
textboxLayout="default"
|
/>
|
||||||
animationType="slide-up"
|
</div>
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
useInvertedBackground={false}
|
<div id="tours">
|
||||||
features={[
|
<FeatureCardTwentyNine
|
||||||
{
|
title="Exclusive Tour Packages"
|
||||||
title: "Handpicked Hotels", description: "Exclusive selection of hotels in Cairo, Sharm El Sheikh, and beyond, with manually verified pricing.", imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160190.jpg", imageAlt: "Hotel"},
|
description="Expertly crafted cultural journeys with verified history and comfort."
|
||||||
{
|
gridVariant="three-columns-all-equal-width"
|
||||||
title: "Tour Packages", description: "Deeply researched cultural tours covering the rich history of the Nile and desert wonders.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-wearing-trucker-hats_23-2149410226.jpg", imageAlt: "Tour"},
|
animationType="slide-up"
|
||||||
{
|
textboxLayout="default"
|
||||||
title: "Luxury Car Rentals", description: "Private chauffeur and premium rental vehicle services for stress-free city or desert travel.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-guards-working_23-2148404048.jpg", imageAlt: "Car Rental"}
|
useInvertedBackground={false}
|
||||||
]}
|
features={[
|
||||||
/>
|
{ title: "Ancient Pyramids", description: "Private guided tour of Giza plateau.", imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-greek-architecture-with-temple-structure_23-2151664766.jpg", titleImageSrc: "", buttonText: "Book Tour" },
|
||||||
<FeatureCardNine
|
{ title: "Nile Cruise", description: "Experience the river on a luxury boat.", imageSrc: "http://img.b2bpic.net/free-photo/interior-view-boat_23-2150785324.jpg?_wi=3", titleImageSrc: "", buttonText: "Book Tour" },
|
||||||
tag="Simple Workflow"
|
{ title: "Desert Safari", description: "Thrilling adventure through the dunes.", imageSrc: "http://img.b2bpic.net/free-photo/landscape-sky-is-reflected-sea-setting-light-city-coastline-with-mountains-horizon_169016-9946.jpg", titleImageSrc: "", buttonText: "Book Tour" }
|
||||||
tagIcon={Compass}
|
]}
|
||||||
title="Book in Three Simple Steps"
|
/>
|
||||||
description="Transparent process from inquiry to confirmed travel luxury."
|
</div>
|
||||||
textboxLayout="default"
|
|
||||||
showStepNumbers={true}
|
<div id="rentals">
|
||||||
animationType="slide-up"
|
<MetricCardSeven
|
||||||
useInvertedBackground={false}
|
title="Car Rental Services"
|
||||||
features={[
|
description="Premium vehicle options for all your travel needs."
|
||||||
{
|
animationType="slide-up"
|
||||||
title: "Choose Your Escape", description: "Enjoy Guaranteed Availability across our premium selection of hotels and curated tour packages.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114032.jpg", imageAlt: "Searching hotels" },
|
textboxLayout="default"
|
||||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114061.jpg", imageAlt: "Hotel view" },
|
useInvertedBackground={false}
|
||||||
},
|
metrics={[
|
||||||
{
|
{ id: "c1", value: "50+", title: "Premium Cars", items: ["Sedans", "SUVs", "Chauffeur services"] },
|
||||||
title: "Send Request", description: "Submit your requirements and receive Personalized Concierge Support tailored to your unique travel goals.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-smartphone-with-black-friday-discount-coupon-while-paying-purchases-checkout-cashier-scanning-promotional-promo-code-displayed-consumer-mobile-device_482257-69278.jpg", imageAlt: "Booking form" },
|
{ id: "c2", value: "24/7", title: "Support", items: ["Roadside assistance", "English-speaking drivers"] }
|
||||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/digital-connection-technology-social-media_53876-124327.jpg", imageAlt: "WhatsApp support" },
|
]}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
title: "Instant Confirmation", description: "Get peace of mind with our white-glove verification process ensuring all arrangements are ready for your arrival.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-with-cup-coffee-using-smartphone-looking-it-with-smile-face-bedroom-interior-light-background_141793-45394.jpg", imageAlt: "Confirmed" },
|
|
||||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114059.jpg", imageAlt: "Dashboard" },
|
<div id="reviews">
|
||||||
},
|
<TestimonialCardSixteen
|
||||||
]}
|
title="Verified Traveler Experiences"
|
||||||
/>
|
description="See why travelers trust our concierge verification process."
|
||||||
<FeatureCardMedia
|
animationType="slide-up"
|
||||||
tag="Featured Destinations"
|
textboxLayout="default"
|
||||||
tagIcon={Plane}
|
useInvertedBackground={true}
|
||||||
title="Explore Egypt's Hidden Gems"
|
kpiItems={[{label: "Verified Stays", value: "500+"}, {label: "Happy Guests", value: "98%"}, {label: "Support Rating", value: "5.0"}]}
|
||||||
description="The most sought-after resorts and cultural hubs in the heart of Egypt."
|
testimonials={[
|
||||||
textboxLayout="default"
|
{ id: "t1", name: "John D.", role: "Traveler", company: "USA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg" }
|
||||||
animationType="slide-up"
|
]}
|
||||||
useInvertedBackground={false}
|
/>
|
||||||
features={[
|
</div>
|
||||||
{ id: "1", title: "Cairo Nile View", description: "Luxury suites overlooking the river.", tag: "Cairo", imageSrc: "http://img.b2bpic.net/free-photo/landscape-sky-is-reflected-sea-setting-light-city-coastline-with-mountains-horizon_169016-9946.jpg" },
|
|
||||||
{ id: "2", title: "Hurghada Resort", description: "Pristine beaches and all-inclusive luxury.", tag: "Red Sea", imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-private-sandy-beach-with-sun-beds-parasokamy-sea-mountains-resort_146671-18838.jpg" },
|
<div id="contact">
|
||||||
{ id: "3", title: "Luxor Temple Lodge", description: "Immersive historical stay experience.", tag: "Luxor", imageSrc: "http://img.b2bpic.net/free-photo/summer-nature-sunrise-background-pool_1203-5170.jpg" },
|
<ContactSplit
|
||||||
]}
|
tag="Contact"
|
||||||
/>
|
title="Book Your Egyptian Escape"
|
||||||
<TestimonialCardFive
|
description="Reach out to our concierge for custom plans and manual verification of your chosen dates."
|
||||||
tag="Reviews"
|
background={{ variant: "sparkles-gradient" }}
|
||||||
title="Trusted by Travelers"
|
buttonText="Get A Quote"
|
||||||
description="Experience the reliability of ZID TRAVEL."
|
imageSrc="http://img.b2bpic.net/free-photo/smart-businessman-office-makes-business-projections-copy-space_482257-123053.jpg"
|
||||||
textboxLayout="default"
|
useInvertedBackground={false}
|
||||||
useInvertedBackground={false}
|
/>
|
||||||
testimonials={[
|
</div>
|
||||||
{ id: "1", name: "Fahad A.", date: "January 2025", title: "Flawless Cairo Trip", quote: "Everything was perfectly managed, from the hotel transfer to the confirmed room availability.", tag: "Cairo", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg" },
|
|
||||||
{ id: "2", name: "Sarah K.", date: "December 2024", title: "Luxurious Hurghada Experience", quote: "The manual price check gave me confidence and the service was truly personal.", tag: "Hurghada", avatarSrc: "http://img.b2bpic.net/free-photo/dreamy-caucasian-adult-brunette-woman-smiling-while-working-tablet-drinking-coffee-street-cafe-education-business-work-concept_197531-31232.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-caucasian-adult-brunette-woman-smiling-while-working-tablet-drinking-coffee-street-cafe-education-business-work-concept_197531-31232.jpg" },
|
<FooterSimple
|
||||||
]}
|
columns={[
|
||||||
/>
|
{ title: "Explore", items: [{ label: "Hotels", href: "#hotels" }, { label: "Tours", href: "#tours" }] },
|
||||||
<ContactSplitForm
|
{ title: "Services", items: [{ label: "Car Rental", href: "#rentals" }, { label: "Contact", href: "#contact" }] }
|
||||||
title="Connect via WhatsApp"
|
]}
|
||||||
description="For immediate assistance or custom itinerary planning, contact our concierge on WhatsApp."
|
bottomLeftText="© 2025 ZID TRAVEL"
|
||||||
useInvertedBackground={false}
|
bottomRightText="All rights reserved"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/smart-businessman-office-makes-business-projections-copy-space_482257-123053.jpg"
|
/>
|
||||||
imageAlt="WhatsApp Concierge"
|
</ReactLenis>
|
||||||
mediaPosition="right"
|
</ThemeProvider>
|
||||||
buttonText="Chat on WhatsApp"
|
);
|
||||||
inputs={[
|
}
|
||||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
||||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
||||||
]}
|
|
||||||
textarea={{ name: "message", placeholder: "How can we assist you with your Egyptian travel plan?", rows: 4 }}
|
|
||||||
/>
|
|
||||||
<FooterCard
|
|
||||||
logoText="ZID TRAVEL"
|
|
||||||
copyrightText="© 2025 ZID TRAVEL | Premium Egypt Booking Platform"
|
|
||||||
socialLinks={[
|
|
||||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
||||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
||||||
{ icon: MessageCircle, href: "https://wa.me/201553314137", ariaLabel: "WhatsApp" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</ReactLenis>
|
|
||||||
</ThemeProvider>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user