Merge version_1 into main #1
379
src/app/page.tsx
379
src/app/page.tsx
@@ -19,279 +19,134 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Packages",
|
||||
id: "packages",
|
||||
},
|
||||
{
|
||||
name: "Visa Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Agence ELZaim"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Packages", id: "packages" },
|
||||
{ name: "Visa Services", id: "services" },
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Agence ELZaim"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Your Journey to Luxury Awaits"
|
||||
description="Discover curated destinations, premium hotels, and seamless visa services. From intimate getaways to unforgettable adventures—all expertly arranged in one place."
|
||||
tag="Luxury Travel Agency in Sétif"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Packages",
|
||||
href: "#packages",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/infinity-pool-with-ocean-view-sunset_23-2151993705.jpg",
|
||||
imageAlt: "Luxury travel landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661538.jpg",
|
||||
imageAlt: "Premium hotel suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool-tourist-color-ko_1253-768.jpg",
|
||||
imageAlt: "umbrella pool tourist color ko",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg",
|
||||
imageAlt: "Swimming pool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg",
|
||||
imageAlt: "Beautiful outdoor infinity swimming pool in hotel resort with sea ocean view and white cloud blue sky",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ travelers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Journey to Luxury Awaits"
|
||||
description="Discover curated destinations, premium hotels, and seamless visa services. From intimate getaways to unforgettable adventures—all expertly arranged in one place."
|
||||
tag="Luxury Travel Agency in Sétif"
|
||||
buttons={[{ text: "Explore Our Packages", href: "#packages" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/infinity-pool-with-ocean-view-sunset_23-2151993705.jpg", imageAlt: "Luxury travel landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661538.jpg", imageAlt: "Premium hotel suite" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ travelers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Complex visa paperwork",
|
||||
"Limited premium options",
|
||||
"Uncertain travel planning",
|
||||
"Language barriers abroad",
|
||||
"Hidden reservation costs",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Seamless visa support",
|
||||
"Curated luxury packages",
|
||||
"Exclusive resort access",
|
||||
"Expert destination planning",
|
||||
"24/7 Concierge service",
|
||||
],
|
||||
}}
|
||||
title="Why Travel With ELZaim"
|
||||
description="We turn your dream vacation into a reality with expert curation and peace of mind."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["Complex visa paperwork", "Limited premium options", "Uncertain travel planning", "Language barriers abroad", "Hidden reservation costs"] }}
|
||||
positiveCard={{ items: ["Seamless visa support", "Curated luxury packages", "Exclusive resort access", "Expert destination planning", "24/7 Concierge service"] }}
|
||||
title="Why Travel With ELZaim"
|
||||
description="We turn your dream vacation into a reality with expert curation and peace of mind."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Curated Experiences in the Heart of Sétif"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Curated Experiences in the Heart of Sétif"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages" data-section="packages">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mediterranean Escape",
|
||||
price: "110,000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clear-water-sea-near-rocks-daytime_181624-2509.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "European Heritage Tour",
|
||||
price: "180,000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-friends-spending-time-together_23-2149151032.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Exclusive Maldives Retreat",
|
||||
price: "330,000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/villa-nature-water-travel-background_1203-5345.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Parisian Luxury Weekend",
|
||||
price: "150,000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-woman-walking-city-street-sunset_285396-1165.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Dubai Premium Business",
|
||||
price: "210,000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shanghai-china-june-2-crowded-urban-skyscrapers-dusk-june-2-2012-shanghai-china-shanghai-is-largest-city-by-population-world-with-23-million-as-2010_649448-4168.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sahara Luxury Glamping",
|
||||
price: "130,000 DZD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastel-seascape-coastline-sand-retro_1203-4869.jpg",
|
||||
},
|
||||
]}
|
||||
title="Luxury Travel Packages"
|
||||
description="Premium destinations starting from 110,000 DZD."
|
||||
/>
|
||||
</div>
|
||||
<div id="packages" data-section="packages">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Mediterranean Escape", price: "110,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/clear-water-sea-near-rocks-daytime_181624-2509.jpg" },
|
||||
{ id: "p2", name: "European Heritage Tour", price: "180,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-friends-spending-time-together_23-2149151032.jpg" },
|
||||
{ id: "p3", name: "Exclusive Maldives Retreat", price: "330,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/villa-nature-water-travel-background_1203-5345.jpg" }
|
||||
]}
|
||||
title="Luxury Travel Packages"
|
||||
description="Premium destinations starting from 110,000 DZD."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amine B.",
|
||||
role: "Executive",
|
||||
company: "Sétif Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-airport-with-suitcase_1157-33367.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima Z.",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406004.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Yassine M.",
|
||||
role: "Director",
|
||||
company: "Local Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5355.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nour H.",
|
||||
role: "Consultant",
|
||||
company: "Global Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Karim S.",
|
||||
role: "Manager",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses_23-2147985013.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Journeys"
|
||||
description="What our travelers say about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Amine B.", role: "Executive", company: "Sétif Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-airport-with-suitcase_1157-33367.jpg" },
|
||||
{ id: "2", name: "Fatima Z.", role: "Architect", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406004.jpg" }
|
||||
]}
|
||||
title="Client Journeys"
|
||||
description="What our travelers say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Air Algerie",
|
||||
"Hilton Hotels",
|
||||
"Marriott",
|
||||
"Visa Partner",
|
||||
"Booking Official",
|
||||
"Etihad Airways",
|
||||
"Qatar Airways",
|
||||
]}
|
||||
title="Our Partnerships"
|
||||
description="Working with global leaders in hospitality and travel."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Air Algerie", "Hilton Hotels", "Marriott", "Visa Partner", "Booking Official"]}
|
||||
title="Our Partnerships"
|
||||
description="Working with global leaders in hospitality and travel."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you handle visa applications?",
|
||||
content: "Yes, we offer comprehensive visa support services for all our travel packages.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I customize a package?",
|
||||
content: "Our packages are flexible, and we are happy to tailor your trip to your specific needs.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located near Les 1000 in Sétif, Algeria.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you handle visa applications?", content: "Yes, we offer comprehensive visa support services for all our travel packages." },
|
||||
{ id: "f2", title: "Can I customize a package?", content: "Our packages are flexible, and we are happy to tailor your trip to your specific needs." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your most common questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Start your luxury journey with Agence ELZaim today. Visit us near Les 1000 in Sétif or book a consultation via our form."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Start your luxury journey with Agence ELZaim today. Visit us near Les 1000 in Sétif or book a consultation via our form."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Agence ELZaim"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Agence ELZaim"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user