292 lines
16 KiB
TypeScript
292 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureProcessSteps from "@/components/sections/feature/FeatureProcessSteps";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Camera, Compass, Heart, Star, TrendingUp } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Estonia"
|
|
navItems={[
|
|
{ name: "Explore", id: "features" },
|
|
{ name: "Culture", id: "about" },
|
|
{ name: "Experience", id: "product" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Plan Visit", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Discover Estonia: Where Baltic Beauty Meets Innovation"
|
|
description="Experience Nordic charm, pristine nature, and cutting-edge digital culture in Northern Europe's most captivating destination."
|
|
tag="Explore Estonia"
|
|
tagIcon={Compass}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/natural-beautiful-winter-landscape_23-2150264612.jpg", imageAlt: "Estonian landscape with forests and lakes"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-historical-castle-dark-cloudy-sky_181624-8799.jpg", imageAlt: "Historic Tallinn Old Town medieval architecture"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-pine-forest-summer-day-nature-wallpaper-tall-trees-pine-trees-growing-old-forest_639032-730.jpg", imageAlt: "Dense Estonian forest and woodlands"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/land-with-lot-bushes-near-sea-cloudy-sky_181624-13156.jpg", imageAlt: "Serene Estonian lake landscape"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/beautiful-shot-sandy-beach-cloudy-sky-vlissingen-zeeland-netherlands_181624-6827.jpg", imageAlt: "Baltic coastal scenery"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/photovoltaics-factory-management-team-looking-manufacturing-data-notebook_482257-119418.jpg", imageAlt: "Estonia digital innovation hub"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-vector/estonia-representative-elements-collection_1078-103.jpg", imageAlt: "Estonian cultural heritage and traditions"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Start Exploring", href: "features" },
|
|
{ text: "Plan Your Visit", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
title="Estonia is a Nordic nation that combines ancient traditions with digital innovation, offering visitors unforgettable experiences across pristine forests, medieval towns, and vibrant cultural centers."
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Learn More", href: "features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureProcessSteps
|
|
title="Why Choose Estonia?"
|
|
description="From natural wonders to digital excellence, Estonia offers a unique blend of experiences that make it Europe's most compelling destination."
|
|
tag="Key Advantages"
|
|
tagIcon={Star}
|
|
steps={[
|
|
{
|
|
number: "01", title: "Natural Beauty", tag: "Nordic Paradise", description: "Pristine forests, crystal-clear lakes, and unspoiled coastlines create an outdoor paradise for nature lovers and adventure seekers."
|
|
},
|
|
{
|
|
number: "02", title: "Rich Heritage", tag: "Medieval Charm", description: "Medieval Old Towns, traditional villages, and centuries-old castles tell the story of Estonia's captivating cultural legacy."
|
|
},
|
|
{
|
|
number: "03", title: "Digital Innovation", tag: "Tech Hub", description: "Home to Skype and e-governance pioneers, Estonia leads the digital revolution with cutting-edge technology and startup culture."
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Explore Experiences", href: "product" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardThree
|
|
title="Estonian Experiences"
|
|
description="Immerse yourself in authentic Estonian experiences and unforgettable adventures."
|
|
tag="Gallery"
|
|
tagIcon={Camera}
|
|
products={[
|
|
{
|
|
id: "1", name: "Tallinn Old Town Walking Tour", price: "From €45", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-historical-castle-dark-cloudy-sky_181624-8799.jpg", imageAlt: "Tallinn Old Town historic streets"
|
|
},
|
|
{
|
|
id: "2", name: "Forest Spa & Wellness Retreat", price: "From €150", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-pine-forest-summer-day-nature-wallpaper-tall-trees-pine-trees-growing-old-forest_639032-730.jpg", imageAlt: "Estonian forest wellness experience"
|
|
},
|
|
{
|
|
id: "3", name: "Island Hopping Adventure", price: "From €200", imageSrc: "https://img.b2bpic.net/free-photo/land-with-lot-bushes-near-sea-cloudy-sky_181624-13156.jpg", imageAlt: "Estonian island exploration"
|
|
},
|
|
{
|
|
id: "4", name: "Tech Innovation Tour", price: "From €60", imageSrc: "https://img.b2bpic.net/free-photo/photovoltaics-factory-management-team-looking-manufacturing-data-notebook_482257-119418.jpg", imageAlt: "Estonia tech startup hub tour"
|
|
},
|
|
{
|
|
id: "5", name: "Traditional Food Experience", price: "From €85", imageSrc: "https://img.b2bpic.net/free-photo/man-pouring-crackers-into-soyutma-bouillon-side-view_141793-3235.jpg", imageAlt: "Estonian traditional cuisine"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Book Now", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardOne
|
|
title="Visitor Stories"
|
|
description="Hear from travelers who fell in love with Estonia's magic and charm."
|
|
tag="Testimonials"
|
|
tagIcon={Heart}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Travel Writer", company: "Nordic Explorer Magazine", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Sarah Johnson, travel writer"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Chen", role: "Tech Entrepreneur", company: "Silicon Valley Innovator", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Marcus Chen, tech entrepreneur"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Rossi", role: "Nature Photographer", company: "National Geographic", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Elena Rossi, nature photographer"
|
|
},
|
|
{
|
|
id: "4", name: "James Murphy", role: "Tourism Director", company: "European Travel Association", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageAlt: "James Murphy, tourism director"
|
|
},
|
|
{
|
|
id: "5", name: "Olga Volkov", role: "Adventure Blogger", company: "Global Wanderer", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "Olga Volkov, adventure blogger"
|
|
},
|
|
{
|
|
id: "6", name: "David Wong", role: "Culture Enthusiast", company: "World Heritage Foundation", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg", imageAlt: "David Wong, culture enthusiast"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardTen
|
|
title="Estonia By The Numbers"
|
|
description="Discover fascinating statistics about Estonia's unique offerings."
|
|
tag="Key Stats"
|
|
tagIcon={TrendingUp}
|
|
metrics={[
|
|
{
|
|
id: "1", title: "World's Fastest Internet", subtitle: "Average speed in major cities", category: "Technology", value: "1 Gbps+"
|
|
},
|
|
{
|
|
id: "2", title: "Protected Forests", subtitle: "Percentage of land coverage", category: "Nature", value: "50%"
|
|
},
|
|
{
|
|
id: "3", title: "UNESCO Sites", subtitle: "World Heritage designations", category: "Culture", value: "3"
|
|
},
|
|
{
|
|
id: "4", title: "Estonian Language", subtitle: "Speakers worldwide", category: "Heritage", value: "1.1M"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about visiting Estonia."
|
|
tag="Help & Information"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "When is the best time to visit Estonia?", content: "Summer (June-August) offers the warmest weather and longest daylight hours. Winter (December-February) is magical for Northern Lights viewing. Spring and autumn provide pleasant temperatures and fewer crowds."
|
|
},
|
|
{
|
|
id: "2", title: "Do I need a visa to visit Estonia?", content: "EU and EEA citizens can travel visa-free. US, Canadian, and Australian citizens can stay up to 90 days visa-free. For other nationalities, check current visa requirements with Estonian immigration services."
|
|
},
|
|
{
|
|
id: "3", title: "What is the local currency?", content: "Estonia uses the Euro (EUR). ATMs are widely available, and major credit cards are accepted in most establishments. Some smaller venues may require cash."
|
|
},
|
|
{
|
|
id: "4", title: "What language is spoken in Estonia?", content: "Estonian is the official language. However, English is widely spoken in cities, tourist areas, and among younger generations. Russian is also spoken by some residents."
|
|
},
|
|
{
|
|
id: "5", title: "How do I get around Estonia?", content: "Estonia has excellent public transportation with buses, trams, and trains connecting cities. Tallinn offers an integrated transport system. Renting a car is convenient for exploring natural areas and smaller towns."
|
|
},
|
|
{
|
|
id: "6", title: "What are must-see attractions?", content: "Tallinn Old Town, Toompea Castle, Kaarli Church, Lake Peipsi, Pärnu Beach, and Soomaa National Park are top attractions. Digital museums and tech tours showcase Estonia's innovation leadership."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to embark on your Estonian adventure? Start planning your journey today and experience the magic of Northern Europe."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Plan Your Visit", href: "https://www.estonianedu.ee" },
|
|
{ text: "Get More Information", href: "mailto:info@visitestonia.com" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/beautiful-scenery-grassy-hill-by-sea-sunset_181624-12582.jpg"
|
|
imageAlt="Estonia Northern Lights over forest landscape"
|
|
logoText="Estonia"
|
|
copyrightText="© 2025 Visit Estonia. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{ label: "Destinations", href: "features" },
|
|
{ label: "Experiences", href: "product" },
|
|
{ label: "Culture & Heritage", href: "about" },
|
|
{ label: "Nature & Parks", href: "features" }
|
|
]
|
|
},
|
|
{
|
|
title: "Plan Your Trip", items: [
|
|
{ label: "Getting There", href: "faq" },
|
|
{ label: "Accommodation", href: "contact" },
|
|
{ label: "Transportation", href: "faq" },
|
|
{ label: "Travel Guide", href: "faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Visit Estonia Official", href: "https://www.visitestonia.com" },
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Follow Us", href: "https://www.instagram.com/visitestonia" },
|
|
{ label: "Newsletter", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|