Initial commit
This commit is contained in:
190
src/app/destinations/page.tsx
Normal file
190
src/app/destinations/page.tsx
Normal file
@@ -0,0 +1,190 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { MapPin, Waves, Users, Trees, Flag, Mail } from 'lucide-react';
|
||||
|
||||
export default function DestinationsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Destinations", id: "/destinations" },
|
||||
{ name: "Culture", id: "/culture" },
|
||||
{ name: "Plan Your Visit", id: "/contact" }
|
||||
]}
|
||||
brandName="Estonia"
|
||||
bottomLeftText="Discover the North"
|
||||
bottomRightText="visit@estonia.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="destinations" data-section="destinations">
|
||||
<ProductCardOne
|
||||
title="Estonia's Must-Visit Destinations"
|
||||
description="From the medieval charm of Tallinn's Old Town to the untamed beauty of our pristine wilderness and scenic island escapes, discover the diverse landscapes that make Estonia unforgettable."
|
||||
tag="Explore Estonia"
|
||||
tagIcon={MapPin}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tallinn Old Town",
|
||||
price: "Medieval Magic",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/landscape-centre-southeastern-transylvania-with-local-church-multiple-pubs_1268-20194.jpg",
|
||||
imageAlt: "tallinn estonia old town historic architecture",
|
||||
onProductClick: () => {}
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Estonian Wilderness",
|
||||
price: "Nature Paradise",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/facades-baroque-building-old-town-square-prague_1401-360.jpg",
|
||||
imageAlt: "estonia forest nature lakes wilderness",
|
||||
onProductClick: () => {}
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Island Getaways",
|
||||
price: "Coastal Escape",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2252.jpg",
|
||||
imageAlt: "estonia islands saaremaa muhu beach",
|
||||
onProductClick: () => {}
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "National Parks",
|
||||
price: "Wild Adventure",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-mountain-forest-landscape_23-2149063008.jpg",
|
||||
imageAlt: "estonia hiking nature forest trails",
|
||||
onProductClick: () => {}
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Estonia by the Numbers"
|
||||
description="Key statistics that showcase Estonia's unique character and natural beauty across its diverse regions."
|
||||
tag="Quick Facts"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2.2K",
|
||||
title: "Islands",
|
||||
description: "One of the world's longest coastlines with 2,222 islands dotting the Baltic Sea",
|
||||
icon: Waves
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1.3M",
|
||||
title: "Population",
|
||||
description: "A tight-knit nation where innovation and tradition coexist harmoniously",
|
||||
icon: Users
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "50%+",
|
||||
title: "Forest Coverage",
|
||||
description: "Over half the country is pristine forest, providing endless natural beauty and adventure",
|
||||
icon: Trees
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "1991",
|
||||
title: "Independence",
|
||||
description: "Restored independence through the Singing Revolution, a bloodless victory celebrating freedom",
|
||||
icon: Flag
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Plan Your Trip"
|
||||
title="Ready to Explore Estonia?"
|
||||
description="Get personalized travel recommendations, insider tips, and exclusive updates about Estonia's hidden gems delivered straight to your inbox."
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/rustic-street-lamp-outside-photo_482257-36205.jpg"
|
||||
imageAlt="estonia sunset landscape scenic beautiful"
|
||||
mediaPosition="right"
|
||||
tagIcon={Mail}
|
||||
inputPlaceholder="your.email@example.com"
|
||||
buttonText="Get Travel Tips"
|
||||
termsText="Join thousands of travelers discovering Estonia. Unsubscribe anytime!"
|
||||
onSubmit={(email) => console.log('Travel newsletter signup:', email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBaseCard
|
||||
logoText="Estonia"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{ label: "Destinations", href: "/destinations" },
|
||||
{ label: "Cultural Sites", href: "/culture" },
|
||||
{ label: "Islands & Nature", href: "/destinations" },
|
||||
{ label: "Travel Guide", href: "/destinations" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{ label: "Plan Your Trip", href: "/contact" },
|
||||
{ label: "Accommodation", href: "/destinations" },
|
||||
{ label: "Transportation", href: "/destinations" },
|
||||
{ label: "Visa Information", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Discover",
|
||||
items: [
|
||||
{ label: "Estonian Culture", href: "/culture" },
|
||||
{ label: "Local Events", href: "/culture" },
|
||||
{ label: "Food & Dining", href: "/culture" },
|
||||
{ label: "Shopping", href: "/destinations" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact Us", href: "mailto:visit@estonia.com" },
|
||||
{ label: "Social Media", href: "/contact" },
|
||||
{ label: "Newsletter", href: "/contact" },
|
||||
{ label: "Feedback", href: "/contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Estonia Tourism. All rights reserved. Discover the North."
|
||||
onPrivacyClick={() => console.log('Privacy policy clicked')}
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user