Initial commit
This commit is contained in:
264
src/app/page.tsx
Normal file
264
src/app/page.tsx
Normal file
@@ -0,0 +1,264 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Leaf, Globe, Castle, Trees, Zap, Music, MapPin, Heart, Mail } from 'lucide-react';
|
||||
import Link from 'next/link';
|
||||
|
||||
export default function HomePage() {
|
||||
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="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Discover Estonia: Where Ancient Forests Meet Modern Innovation"
|
||||
description="Experience the magic of the Nordic wilderness, medieval charm, and cutting-edge digital culture. From the cobblestone streets of Tallinn to pristine island escapes, Estonia awaits your adventure."
|
||||
tag="Welcome to Estonia"
|
||||
tagIcon={Leaf}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/dormers-cathedral-towers-old-town-mood_169016-70015.jpg"
|
||||
imageAlt="estonia tallinn old town architecture medieval"
|
||||
textPosition="bottom-left"
|
||||
showBlur={true}
|
||||
showDimOverlay={false}
|
||||
buttons={[
|
||||
{ text: "Start Your Journey", href: "/destinations" },
|
||||
{ text: "Learn More", href: "/culture" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="About Estonia"
|
||||
description="Estonia is a Nordic gem perfectly positioned at the crossroads of Eastern and Western Europe. With a population of just 1.3 million, this small nation punches above its weight with a vibrant culture, stunning natural landscapes, and a reputation as a global tech pioneer."
|
||||
tag="Our Nation"
|
||||
tagIcon={Globe}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Medieval Legacy",
|
||||
description: "Tallinn's UNESCO World Heritage old town is one of the best-preserved medieval cities in Europe, with charming cobblestone streets and historic architecture.",
|
||||
icon: Castle
|
||||
},
|
||||
{
|
||||
title: "Natural Wonder",
|
||||
description: "With over 50% forest coverage and 2,222 islands, Estonia is a paradise for nature lovers and adventure seekers seeking pristine wilderness.",
|
||||
icon: Trees
|
||||
},
|
||||
{
|
||||
title: "Digital Pioneer",
|
||||
description: "Estonia pioneered e-governance and digital innovation, earning its status as the most digitally advanced society in Europe.",
|
||||
icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Rich Traditions",
|
||||
description: "Experience centuries-old traditions including unique sauna culture, epic folklore, and the famous Song and Dance Festival.",
|
||||
icon: Music
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/people-enjoying-folkloric-dance_52683-100245.jpg"
|
||||
imageAlt="estonia culture traditional heritage people"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
buttons={[
|
||||
{ text: "Explore Culture", href: "/culture" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="destinations" data-section="destinations">
|
||||
<ProductCardOne
|
||||
title="Top Destinations"
|
||||
description="Explore Estonia's most captivating destinations. From historic cities to pristine nature reserves, each region offers unique experiences and unforgettable memories."
|
||||
tag="Places to Visit"
|
||||
tagIcon={MapPin}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: () => {}
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Visitor Experiences"
|
||||
description="Hear from travelers around the world who have fallen in love with Estonia's unique charm and character."
|
||||
tag="Guest Stories"
|
||||
tagIcon={Heart}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
animationType="slide-up"
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Kowalski",
|
||||
handle: "from Poland",
|
||||
testimonial: "Tallinn's old town took my breath away. It felt like stepping back in time. Every corner had a story, and the locals were incredibly welcoming.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg",
|
||||
imageAlt: "woman portrait travel tourist happy"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
handle: "from USA",
|
||||
testimonial: "The forests and lakes of Estonia are absolutely pristine. Perfect for hiking, kayaking, and connecting with nature. A hidden gem for outdoor enthusiasts.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2148700793.jpg",
|
||||
imageAlt: "man portrait travel explorer smiling"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Smirnova",
|
||||
handle: "from Russia",
|
||||
testimonial: "I was amazed by how modern and innovative Estonia is. The digital infrastructure is impressive, yet tradition and culture are still deeply valued.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-traveling_23-2148601995.jpg",
|
||||
imageAlt: "woman portrait adventure travel enjoying"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chen",
|
||||
handle: "from Singapore",
|
||||
testimonial: "The island-hopping adventure was unforgettable. Quiet beaches, friendly people, and authentic local experiences made my trip truly special.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/happy-woman-with-hat-posing_23-2148601989.jpg",
|
||||
imageAlt: "man portrait culture experience thoughtful"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Laurent",
|
||||
handle: "from France",
|
||||
testimonial: "Estonia's sauna culture and wellness traditions are incredible. I felt rejuvenated by the natural hot springs and traditional relaxation methods.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/front-view-elder-tourist-woman-with-beach-hat_23-2148620251.jpg",
|
||||
imageAlt: "woman portrait nature outdoor wandering"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "The Williams Family",
|
||||
handle: "from Canada",
|
||||
testimonial: "A perfect family destination! Safe, clean, family-friendly, and full of educational experiences. Our kids learned so much about European history.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/stylish-young-woman-standing-street-holding-map_23-2147841531.jpg",
|
||||
imageAlt: "family portrait travel vacation together"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Stay Connected"
|
||||
title="Get Latest Estonia Travel Updates"
|
||||
description="Subscribe to our newsletter for travel tips, cultural insights, seasonal updates, and exclusive offers about exploring Estonia."
|
||||
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="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime. Your Estonia adventure awaits!"
|
||||
onSubmit={(email) => console.log('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