247 lines
17 KiB
TypeScript
247 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Why Visit", id: "why-montenegro" },
|
|
{ name: "Itinerary", id: "itinerary" },
|
|
{ name: "Travel Details", id: "travel-details" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Reviews", id: "testimonials" }
|
|
]}
|
|
button={{
|
|
text: "Book Your Trip", href: "contact"
|
|
}}
|
|
brandName="Montenegro Adventures"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Backpack Montenegro"
|
|
description="Discover Europe's hidden gem for under $3,500 AUD. Explore medieval towns, crystal Adriatic waters, and mountain adventures on an unforgettable 10-12 day journey from Sydney."
|
|
buttons={[
|
|
{ text: "Plan My Trip", href: "contact" },
|
|
{ text: "Get Itinerary" }
|
|
]}
|
|
background={{ variant: "circleGradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16628.jpg"
|
|
imageAlt="Stunning view of Kotor Bay at sunset with medieval architecture"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-montenegro" data-section="why-montenegro">
|
|
<TextAbout
|
|
tag="Why Visit"
|
|
title="Why Montenegro? Your Affordable European Adventure Awaits"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Start Planning", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="itinerary" data-section="itinerary">
|
|
<FeatureCardSix
|
|
title="Your 10-12 Day Journey"
|
|
description="Experience the best of Montenegro with our carefully curated itinerary designed for backpackers who want authentic adventure without breaking the bank."
|
|
tag="Itinerary"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Podgorica: Urban Culture & Café Life", description: "Days 1-2: Explore Montenegro's capital city. Wander through the old town, discover local markets, embrace café culture, and connect with fellow backpackers at vibrant hostels. Experience authentic Balkan lifestyle without tourist crowds.", imageSrc: "http://img.b2bpic.net/free-photo/middle-shot-women-staying-fence_23-2148683857.jpg?_wi=1", imageAlt: "Historic streets of Podgorica with local architecture"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Kotor: Medieval Magic & Bay Views", description: "Days 3-5: Marvel at one of Europe's most dramatic coastlines. Hike the fortress walls for breathtaking views, take a sunset boat tour, photograph the UNESCO World Heritage Old Town. This is postcard-perfect adventure made affordable.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-mountains-greenery-blue-sky-cuenca-spain_181624-18022.jpg?_wi=1", imageAlt: "Medieval Kotor Old Town overlooking the Adriatic Bay"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Budva: Beach Days & Vibrant Nightlife", description: "Days 6-7: Relax on sandy beaches, swim in crystal-clear Adriatic waters, and experience Montenegro's most social beach scene. Meet other travelers, enjoy affordable beachside hostel vibes, and experience the Mediterranean lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599534.jpg?_wi=1", imageAlt: "Budva beach with sandy shore and clear blue water"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Durmitor: Mountain Adventure & Rafting", description: "Days 8-10: Trek through alpine landscapes, raft down pristine rivers, explore dramatic canyons. This national park offers world-class adventure at backpacker-friendly prices. Pure adrenaline and natural beauty combined.", imageSrc: "http://img.b2bpic.net/free-photo/rugged-landscape-rocky-mountains-covered-with-layers-snow_181624-6165.jpg?_wi=1", imageAlt: "Mountain peaks and hiking trails in Durmitor National Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="travel-details" data-section="travel-details">
|
|
<MetricCardEleven
|
|
title="Essential Travel Information"
|
|
description="Everything you need to know to travel to Montenegro safely and confidently from Australia."
|
|
tag="Travel Preparation"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "6 Months", title: "Passport Validity", description: "Your passport must be valid for at least 6 months beyond your travel dates", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-photographing-daughters-mountain_74855-21382.jpg?_wi=1", imageAlt: "Travel documents and passport"
|
|
},
|
|
{
|
|
id: "2", value: "Visa Free", title: "For Australians", description: "Australian citizens enjoy visa-free short-stay access up to 90 days in Montenegro", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-photographing-daughters-mountain_74855-21382.jpg?_wi=2", imageAlt: "Australian travelers in Europe"
|
|
},
|
|
{
|
|
id: "3", value: "Euro (€)", title: "Local Currency", description: "Use debit cards at ATMs or cash for small purchases. Credit cards accepted at major establishments", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-photographing-daughters-mountain_74855-21382.jpg?_wi=3", imageAlt: "Euro currency and payment methods"
|
|
},
|
|
{
|
|
id: "4", value: "Spring/Fall", title: "Best Time", description: "May-June and September offer perfect weather, manageable crowds, and optimal hostel availability", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-photographing-daughters-mountain_74855-21382.jpg?_wi=4", imageAlt: "Mediterranean season travel timing"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Your $3,500 AUD Budget Breakdown"
|
|
description="Transparent pricing for your complete Montenegro adventure. All-inclusive package covers flights, accommodation, food, transport, and activities."
|
|
tag="Budget Transparency"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "complete-package", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "$3,500 AUD", subtitle: "Complete 10-12 day adventure from Sydney", buttons: [
|
|
{ text: "Book This Package", href: "contact" }
|
|
],
|
|
features: [
|
|
"Return flights Sydney to Montenegro", "10 nights backpacker hostel accommodation", "Daily breakfast & local meals", "All local transport (buses, ferries, taxis)", "4 guided tours & activities (fortress hike, boat tour, rafting)", "Travel insurance recommended", "Support from local travel experts", "Networking with other Australian backpackers"
|
|
]
|
|
},
|
|
{
|
|
id: "budget-package", badge: "Budget Option", price: "$2,800 AUD", subtitle: "Self-guided adventure with essentials", buttons: [
|
|
{ text: "Book Budget", href: "contact" }
|
|
],
|
|
features: [
|
|
"Return flights Sydney to Montenegro", "8 nights hostel accommodation", "Daily breakfast included", "Local transport passes", "Self-guided exploration", "Optional activities available", "Community support group"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Hear From Other Backpackers"
|
|
description="Real experiences from Australian travelers who've already booked their Montenegro adventure with us."
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell, Melbourne", date: "Date: 15 September 2024", title: "Life-changing experience!", quote: "I was nervous about traveling solo, but this package gave me confidence. I met amazing people in the hostels, hiked to incredible fortress views, and spent way less than I expected. Montenegro is absolutely stunning and so affordable. Best decision ever!", tag: "Solo Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-backpack-enjoying-nature_23-2148648070.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-mountains-greenery-blue-sky-cuenca-spain_181624-18022.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen, Sydney", date: "Date: 08 August 2024", title: "Worth every penny and then some!", quote: "The itinerary was perfectly balanced - culture, beaches, mountains, and nightlife. The local guides knew hidden spots tourists never find. My friends are already booking their trips. This is how backpacking should be done.", tag: "Adventure Seeker", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-thermos-forest_23-2147814038.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rugged-landscape-rocky-mountains-covered-with-layers-snow_181624-6165.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez, Brisbane", date: "Date: 22 July 2024", title: "Budget travel done right", quote: "I saved for months to afford this trip and it exceeded every expectation. The budget breakdown was honest and transparent. No hidden costs, just pure adventure. I'm already planning my next trip with them!", tag: "Budget Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/mid-shot-girl-with-hat-camera_23-2148752373.jpg", imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599534.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "4", name: "Marcus Thompson, Perth", date: "Date: 10 June 2024", title: "New friends, new perspectives, new me", quote: "The best part wasn't just the places - it was the people. I met backpackers from all over and we're still in a group chat planning our next adventure. Montenegro opened my eyes to what travel can really be.", tag: "Social Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/couple-tourists-forest-mountain_1150-7516.jpg", imageSrc: "http://img.b2bpic.net/free-photo/middle-shot-women-staying-fence_23-2148683857.jpg?_wi=2"
|
|
},
|
|
{
|
|
id: "5", name: "Sophie Anderson, Adelaide", date: "Date: 29 May 2024", title: "The Adriatic changed my life", quote: "Waking up to Kotor Bay views, swimming in crystal waters, hiking mountains - this is what dreams are made of. And I did it all for what I would've spent on a music festival at home!", tag: "Nature Lover", avatarSrc: "http://img.b2bpic.net/free-photo/determined-adventurer-enjoys-panoramic-mountain-landscape_482257-117935.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-mountains-greenery-blue-sky-cuenca-spain_181624-18022.jpg?_wi=3"
|
|
},
|
|
{
|
|
id: "6", name: "Liam O'Brien, Canberra", date: "Date: 12 April 2024", title: "Authentic adventure, not tourist trap", quote: "Montenegro feels real. Not overrun with tourists, still authentic, incredibly friendly locals. This package shows you the real Montenegro that guidebooks miss. Highly recommend to any Aussie with an adventurous spirit!", tag: "Culture Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-caucasian-female-traveler-carries-backpack_273609-25702.jpg", imageSrc: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599534.jpg?_wi=3"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Ready to Book?"
|
|
title="Start Your Montenegro Adventure Today"
|
|
description="Join hundreds of Australian backpackers who've already experienced the magic of Montenegro. Get your personalized itinerary and let's turn your travel dreams into reality."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-traveler-creating-content-filming-valley-with-his-drone_482257-120435.jpg"
|
|
imageAlt="Travel planning and booking process"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your.email@example.com"
|
|
buttonText="Book My Trip"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By submitting, you agree to receive travel tips and exclusive offers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Montenegro Adventures"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Why Montenegro", href: "#why-montenegro" },
|
|
{ label: "Itinerary", href: "#itinerary" },
|
|
{ label: "Travel Details", href: "#travel-details" },
|
|
{ label: "Book Now", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Our Team", href: "#" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Travel Resources", items: [
|
|
{ label: "Packing Tips", href: "#" },
|
|
{ label: "Safety Guide", href: "#" },
|
|
{ label: "Cultural Etiquette", href: "#" },
|
|
{ label: "Travel Insurance", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect With Us", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Email", href: "mailto:info@montenegroadventures.com" },
|
|
{ label: "Telegram Group", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Montenegro Adventures | Your Affordable European Journey Starts Here"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|