Compare commits
26 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 81a0ca83b6 | |||
| 84d3c0e24d | |||
| d839b21036 | |||
| 1b3c45f52b | |||
| 10ea468218 | |||
| 68c6c4131f | |||
| 6dcf149f0a | |||
| c2e223a150 | |||
| a31e995384 | |||
| 5c32319d4b | |||
| ce5afefe78 | |||
| 2730fa0e66 | |||
| 7848ef92e6 | |||
| 9e626fce88 | |||
| 1e9988bbc8 | |||
| 2a3e938144 | |||
| 8667e34531 | |||
| b260f8a8f1 | |||
| 7223038b4a | |||
| 4cbb669e8c | |||
| 91f306978a | |||
| 89547fd19d | |||
| 32e7f14ff7 | |||
| 7a86d46e57 | |||
| 543f09df90 | |||
| 7dac416690 |
154
src/app/page.tsx
154
src/app/page.tsx
@@ -9,9 +9,18 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { CheckCircle, Eye, Filter, Phone, Search, Star } from "lucide-react";
|
||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||
import { CheckCircle, Eye, Filter, Phone, Search, Star, MapPin, ZoomIn, ZoomOut, Search as SearchIcon, Info } from "lucide-react";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [selectedCity, setSelectedCity] = useState<string | null>(null);
|
||||
|
||||
const cities = [
|
||||
{ id: "grand-city", name: "Grand City", price: "€120/naktī", top: "33%", left: "25%", description: "Lieliska viesnīca pilsētas centrā ar skatu uz parku." },
|
||||
{ id: "sunset-view", name: "Sunset View", price: "€85/naktī", top: "75%", left: "66%", description: "Mājīga vieta pie jūras ar brīnišķīgiem saulrietiem." }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -40,8 +49,9 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Atrodi labāko vietu palikšanai sekundēs"
|
||||
description="Meklē viesnīcas pēc pilsētas, datumiem un viešņu skaita. Salīdzini cenas, apskatīies vērtējumus un pieņem lēmumu sekundēs. Nepareizs lēmums? Zvaniet mums vai iesniedziet pieprasījumu - mēs palīdzēsim."
|
||||
tag="🔍 Vienkārša meklēšana"
|
||||
description="Izmanto mūsu interaktīvo karti, lai vizualizētu galamērķus, filtrētu viesnīcas pēc budžeta un atrastu labākos piedāvājumus tieši tur, kur vēlies doties."
|
||||
tag="🔍 Interaktīvā meklēšana"
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
kpis={[
|
||||
@@ -51,7 +61,7 @@ export default function LandingPage() {
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Sākt meklēt", href: "#search" },
|
||||
{ text: "Atvērt karti", href: "#search" },
|
||||
{ text: "Zvaniet tagad", href: "tel:+37167123456" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -62,6 +72,52 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="search" data-section="search">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[]}
|
||||
searchPlaceholder="Meklēt pilsētu..."
|
||||
filters={[
|
||||
{ label: "Budžets", options: ["Zems", "Vidējs", "Augsts"], selected: "Vidējs", onChange: () => {} }
|
||||
]}
|
||||
/>
|
||||
<div className="flex justify-center p-8 border-t border-b bg-muted/20">
|
||||
<div className="w-full max-w-4xl h-[500px] bg-slate-200 rounded-xl flex flex-col p-6 shadow-inner relative overflow-hidden">
|
||||
<div className="flex items-center justify-between mb-4 bg-white p-3 rounded-lg shadow-sm border border-black/10">
|
||||
<div className="flex items-center gap-2">
|
||||
<SearchIcon className="w-5 h-5 text-muted-foreground" />
|
||||
<input type="text" placeholder="Meklēt atrašanās vietu..." className="outline-none" />
|
||||
</div>
|
||||
<div className="flex gap-2">
|
||||
<button className="p-2 hover:bg-slate-100 rounded"><ZoomIn className="w-5 h-5" /></button>
|
||||
<button className="p-2 hover:bg-slate-100 rounded"><ZoomOut className="w-5 h-5" /></button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-grow flex items-center justify-center bg-slate-300 rounded-lg relative">
|
||||
{cities.map((city) => (
|
||||
<div
|
||||
key={city.id}
|
||||
className="absolute cursor-pointer flex flex-col items-center group"
|
||||
style={{ top: city.top, left: city.left }}
|
||||
onClick={() => setSelectedCity(selectedCity === city.id ? null : city.id)}
|
||||
>
|
||||
<div className="bg-red-500 text-white p-2 rounded-full animate-bounce border-2 border-white shadow-lg">
|
||||
<MapPin className="w-5 h-5" />
|
||||
</div>
|
||||
{selectedCity === city.id && (
|
||||
<div className="bg-white p-4 rounded-xl shadow-2xl mt-2 w-48 animate-in fade-in zoom-in">
|
||||
<h4 className="font-bold flex items-center gap-2"><Info className="w-4 h-4"/> {city.name}</h4>
|
||||
<p className="text-sm text-gray-600 mt-1">{city.description}</p>
|
||||
<div className="mt-2 pt-2 border-t font-bold text-blue-600">{city.price}</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="destinations" data-section="destinations">
|
||||
<ProductCardOne
|
||||
title="Populārie galamērķi"
|
||||
@@ -73,26 +129,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "riga", name: "Rīga", price: "Sākot no €45/naktī", imageSrc: "http://img.b2bpic.net/free-photo/vansu-bridge-daugava-river-sunset-riga-latvia_181624-49411.jpg?id=17542335", imageAlt: "Rīgas vēsturiskais centrs skaists"
|
||||
},
|
||||
{
|
||||
id: "london", name: "Londona", price: "Sākot no €65/naktī", imageSrc: "http://img.b2bpic.net/free-photo/big-ben-house-parliament-night-london-united-kingdom_268835-1396.jpg?id=10589989", imageAlt: "Londona Big Ben ikoņa pilsēta"
|
||||
},
|
||||
{
|
||||
id: "paris", name: "Parīze", price: "Sākot no €75/naktī", imageSrc: "http://img.b2bpic.net/premium-photo/aerial-panoramic-view-paris-skyline-france-sunset_255553-1110.jpg?id=17777445", imageAlt: "Parīze Eifeļa tornis ikoņa"
|
||||
},
|
||||
{
|
||||
id: "italy", name: "Itālija", price: "Sākot no €55/naktī", imageSrc: "http://img.b2bpic.net/free-photo/vansu-bridge-daugava-river-sunset-riga-latvia_181624-49411.jpg?id=17542335", imageAlt: "Itālijas skaistais arhitektūras un kultūra"
|
||||
},
|
||||
{
|
||||
id: "spain", name: "Spānija", price: "Sākot no €50/naktī", imageSrc: "http://img.b2bpic.net/free-photo/big-ben-house-parliament-night-london-united-kingdom_268835-1396.jpg?id=10589989", imageAlt: "Spānija saulaina un skaista pilsēta"
|
||||
}
|
||||
{ id: "riga", name: "Rīga", price: "Sākot no €45/naktī", imageSrc: "http://img.b2bpic.net/free-photo/vansu-bridge-daugava-river-sunset-riga-latvia_181624-49411.jpg?id=17542335" },
|
||||
{ id: "london", name: "Londona", price: "Sākot no €65/naktī", imageSrc: "http://img.b2bpic.net/free-photo/big-ben-house-parliament-night-london-united-kingdom_268835-1396.jpg?id=10589989" },
|
||||
{ id: "paris", name: "Parīze", price: "Sākot no €75/naktī", imageSrc: "http://img.b2bpic.net/premium-photo/aerial-panoramic-view-paris-skyline-france-sunset_255553-1110.jpg?id=17777445" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Skatīt vairāk", href: "#search" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,41 +149,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "search", title: "1. Meklē", description: "Ievadi pilsētu, datumus un viešņu skaitu. Mūsu sistēma uzreiz parāda visas pieejamās viesnīcas.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shipping-logistic-delivery-freight-cargo-concept_53876-124951.jpg?_wi=2", imageAlt: "Meklēšana"
|
||||
},
|
||||
items: [
|
||||
{ icon: Search, text: "Viegli meklēt" },
|
||||
{ icon: Filter, text: "Filtrēt rezultātus" }
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "compare", title: "2. Salīdzini", description: "Apskatīies cenas, vērtējumus, bildes un atsauksmes. Nofiltrē pēc savam budget un preferencēm.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gothic-church-with-spire-brick-architecture-historic-temple_169016-68118.jpg?_wi=2", imageAlt: "Salīdzināšana"
|
||||
},
|
||||
items: [
|
||||
{ icon: Star, text: "Reitingi un atsauksmes" },
|
||||
{ icon: Eye, text: "Galvas attēli" }
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "book", title: "3. Rezervē", description: "Izvēlies savu ideālo viesnīcu. Rezervē tiešsaistē vai iesniedziet pieprasījumu mūsu komandai palīdzībai.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-big-ben-from-bridge-london_268835-1399.jpg?_wi=2", imageAlt: "Rezervēšana"
|
||||
},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Tiešsaistes rezervēšana" },
|
||||
{ icon: Phone, text: "Sazinies ar mums" }
|
||||
],
|
||||
reverse: false
|
||||
}
|
||||
{ id: "f1", title: "1. Izmanto karti", description: "Izpēti galamērķus uz kartes un atlasiet apgabalu, kas jūs interesē.", media: { imageSrc: "http://img.b2bpic.net/free-photo/shipping-logistic-delivery-freight-cargo-concept_53876-124951.jpg?_wi=2" }, items: [{ icon: Search, text: "Interaktīvā karte" }, { icon: Filter, text: "Budžeta filtri" }], reverse: false },
|
||||
{ id: "f2", title: "2. Salīdzini", description: "Apskatīies cenas, vērtējumus un pieejamību konkrētās atrašanās vietās.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gothic-church-with-spire-brick-architecture-historic-temple_169016-68118.jpg?_wi=2" }, items: [{ icon: Star, text: "Reitingi" }, { icon: Eye, text: "Attēli" }], reverse: true },
|
||||
{ id: "f3", title: "3. Rezervē", description: "Izvēlies savu ideālo viesnīcu un rezervē tiešsaistē.", media: { imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-big-ben-from-bridge-london_268835-1399.jpg?_wi=2" }, items: [{ icon: CheckCircle, text: "Tiešsaistes rezervēšana" }, { icon: Phone, text: "24/7 Atbalsts" }], reverse: false }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Sākt meklēt", href: "#search" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,23 +169,12 @@ export default function LandingPage() {
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Māra Liepiņa", role: "Ceļotāja", testimonial: "Vienkāršs un ātrs meklēšanas process. Atradu perfektu viesnīcu Parīzē dažos minūtēs. Brīnišķigs serviss!", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-brunette-woman-has-cheerful-facial-expression-leads-active-lifestyle-dressed-windbreaker-wears-stereo-headphones-poses-outside-against-blurred-background-sport-concept_273609-62278.jpg?id=28598149", imageAlt: "uzņēmēja profesionāla portretu attēls"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Jānis Ozols", role: "Ceļotājs", testimonial: "Lielisks atbalsts. Zvanīju uz viņiem jautājumiem par viesnīcu un viņi nekavējoties palīdzēja.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-mixed-race-male-with-positive-smile-shows-white-teeth-keeps-hands-stomach-being-high-spirit-wears-white-shirt-rejoices-positive-moments-life-people-emotions-concept_273609-15527.jpg?id=10420306", imageAlt: "cilvēka portrets profesionāla foto"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Inese Bērziņa", role: "Ceļotāja", testimonial: "Labas cenas, labs meklēšanas rīks. Ieteiktu visiem, kas plāno ceļojumu.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-dark-skinned-female-with-curly-hair_273609-15519.jpg?id=10420294", imageAlt: "sievietes portrets smaidīga profesionāla"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Andris Kalniņš", role: "Ceļotājs", testimonial: "Ērti un draudzīgi. Labākais ceļojuma portāls, ko esmu pazinis.", imageSrc: "http://img.b2bpic.net/free-photo/people-fresh-consumerism-background-man_1187-6061.jpg?id=1045657", imageAlt: "cilvēka portrets profesionāls"
|
||||
}
|
||||
{ id: "1", name: "Māra Liepiņa", role: "Ceļotāja", testimonial: "Vienkāršs un ātrs meklēšanas process. Atradu perfektu viesnīcu Parīzē dažos minūtēs. Brīnišķigs serviss!", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-brunette-woman-has-cheerful-facial-expression-leads-active-lifestyle-dressed-windbreaker-wears-stereo-headphones-poses-outside-against-blurred-background-sport-concept_273609-62278.jpg?id=28598149" },
|
||||
{ id: "2", name: "Jānis Ozols", role: "Ceļotājs", testimonial: "Lielisks atbalsts. Zvanīju uz viņiem jautājumiem par viesnīcu un viņi nekavējoties palīdzēja.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-mixed-race-male-with-positive-smile-shows-white-teeth-keeps-hands-stomach-being-high-spirit-wears-white-shirt-rejoices-positive-moments-life-people-emotions-concept_273609-15527.jpg?id=10420306" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Pievienoties tūkstošiem apmierinātiem ceļotājiem", href: "#search" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -183,26 +187,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Cik dārgi maksā viesnīcas caur jūsu vietni?", content: "Cenas ir vienādas vai pat lētākas nekā tiešās rezervācijas. Mēs parasti oferējam labākos tarifus, jo mēs strādājam tieši ar viesnīcām."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Vai es varu anulēt rezervāciju?", content: "Jā, lielākā daļa mūsu viesnīcu ir ar bezmaksas atcelšanas politiku. Pārbaudiet viesnīcas detaļas konkrētos nosacījumus."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Kā varu saņemt atbalstu?", content: "Mūsu atbalsts komanda ir pieejama 24/7. Zvaniet, rakstnieciet vai iesniedziet pieprasījumu caur mūsu vietni."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Vai jūsu mājaslapā ir draudzīga mobila versija?", content: "Jā, mūsu platforma ir pilnībā optimizēta mobilajiem tālruņiem. Vienkārši meklējiet un rezervējiet no savas viedtālruņa jebkur."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Kā saglabāt viesnīcas manu vēlmju sarakstē?", content: "Noklikšķiniet uz sirds ikonas uz jebkura viesnīcas kartītes. Jūs varat skatīt saglabātās viesnīcas jebkurā laikā."
|
||||
}
|
||||
{ id: "1", title: "Kā lietot karti?", content: "Vienkārši pārvietojiet to un izmantojiet filtrus, lai redzētu piedāvājumus konkrētajā reģionā." },
|
||||
{ id: "2", title: "Kā filtrēt pēc budžeta?", content: "Izmantojiet mūsu cenu slīdni, kas pieejams virs kartes, lai parādītu tikai jūsu budžetam atbilstošas viesnīcas." }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Sazinieties ar mums", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -217,10 +207,6 @@ export default function LandingPage() {
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shipping-logistic-delivery-freight-cargo-concept_53876-124951.jpg?_wi=3"
|
||||
imageAlt="Kontaktu forma"
|
||||
inputPlaceholder="Ievadiet savu e-pastu"
|
||||
buttonText="Pierakstīties"
|
||||
termsText="Noklikšķinot Pierakstīties, jūs apstipriniet, ka piekrītat mūsu Noteikumiem un nosacījumiem."
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user