Merge version_1 into main #2
362
src/app/page.tsx
362
src/app/page.tsx
@@ -33,30 +33,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Summit Guest House"
|
||||
/>
|
||||
@@ -64,110 +46,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Улаанбаатарын төвд таны тухтай амралт"
|
||||
description="Summit Guest House нь аялагчдад зориулсан цэвэр, тохилог орчин, найрсаг үйлчилгээг санал болгодог. Улаанбаатарын зүрхэнд тав тухтай амраарай."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598851.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532975.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-room_23-2148095266.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-with-tablet_23-2148145531.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-home-atmosphere-interior-with-book-candles-table-cozy-bedspreads_169016-1308.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-playing-with-sheet_23-2147663923.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598851.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532975.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hotel-room_23-2148095266.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-with-tablet_23-2148145531.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-home-atmosphere-interior-with-book-candles-table-cozy-bedspreads_169016-1308.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-family-playing-with-sheet_23-2147663923.jpg" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-bag-milk-bottle-mat_23-2148773427.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160768.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-plants-by-mattress-floor_53876-105820.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8576.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-preparing-some-healthy-food_23-2149028599.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/food-bag-milk-bottle-mat_23-2148773427.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160768.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/house-plants-by-mattress-floor_53876-105820.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8576.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/women-preparing-some-healthy-food_23-2149028599.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Захиалах",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Холбогдох",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-friends-hostel_23-2150598861.jpg",
|
||||
alt: "Medium shot young friends in hostel",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-with-smartphones-bench_23-2147679114.jpg",
|
||||
alt: "People with smartphones on bench",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-people-planning-trip_23-2148925848.jpg",
|
||||
alt: "Full shot people planning trip",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518226.jpg",
|
||||
alt: "Young friends in a hostel",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160767.jpg",
|
||||
alt: "Beautiful hotel insights details",
|
||||
},
|
||||
]}
|
||||
avatarText="1000+ happy travelers served"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/chat-message-box-front-side-with-white-background_187299-39806.jpg",
|
||||
alt: "TripAdvisor",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-travel-icon-with-airplane_23-2151037363.jpg",
|
||||
alt: "Booking.com",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/keyword-research-tool-isometric-landing-page_107791-1967.jpg",
|
||||
alt: "Expedia",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/price-tag-front-side_187299-40109.jpg",
|
||||
alt: "Agoda",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/world-tourism-day-with-lettering_23-2148608840.jpg",
|
||||
alt: "Hostelworld",
|
||||
},
|
||||
{ text: "Захиалах", href: "#contact" },
|
||||
{ text: "Холбогдох", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,21 +77,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Бидний тухай"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Үнэлгээ",
|
||||
value: "4.5/5",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Аялагч",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Сэтгэгдэл",
|
||||
value: "48",
|
||||
},
|
||||
{ icon: Award, label: "Үнэлгээ", value: "4.5/5" },
|
||||
{ icon: Users, label: "Аялагч", value: "1000+" },
|
||||
{ icon: Smile, label: "Сэтгэгдэл", value: "48" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -203,33 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Үнэгүй Wi-Fi",
|
||||
tags: [
|
||||
"High Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/push-pin-front-side-with-white-background_187299-39941.jpg",
|
||||
imageAlt: "google travel review logo",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Өглөөний цай",
|
||||
tags: [
|
||||
"Tasty",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598851.jpg?_wi=2",
|
||||
imageAlt: "google travel review logo",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Цэвэр гал тогоо",
|
||||
tags: [
|
||||
"Self Service",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg?_wi=2",
|
||||
imageAlt: "google travel review logo",
|
||||
},
|
||||
{ id: "f1", title: "Үнэгүй Wi-Fi", tags: ["High Speed"], imageSrc: "http://img.b2bpic.net/free-photo/push-pin-front-side-with-white-background_187299-39941.jpg" },
|
||||
{ id: "f2", title: "Өглөөний цай", tags: ["Tasty"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598851.jpg" },
|
||||
{ id: "f3", title: "Цэвэр гал тогоо", tags: ["Self Service"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg" }
|
||||
]}
|
||||
title="Бидний онцлог"
|
||||
description="Аялагчдад зориулсан хамгийн тухтай үйлчилгээнүүд."
|
||||
@@ -243,42 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Single Room",
|
||||
price: "15$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598844.jpg",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Double Room",
|
||||
price: "25$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-young-man-sitting-using-laptop-bed_171337-19894.jpg",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Dormitory",
|
||||
price: "10$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-10239.jpg",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Family Suite",
|
||||
price: "40$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-terrace-overlooking-ocean_23-2151991775.jpg",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Twin Bed",
|
||||
price: "20$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roommates-spending-time-home_23-2149358483.jpg",
|
||||
},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Triple Room",
|
||||
price: "30$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-front-door-with-orange-wall-plants_23-2149360604.jpg",
|
||||
},
|
||||
{ id: "r1", name: "Single Room", price: "15$", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598844.jpg" },
|
||||
{ id: "r2", name: "Double Room", price: "25$", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-young-man-sitting-using-laptop-bed_171337-19894.jpg" },
|
||||
{ id: "r3", name: "Dormitory", price: "10$", imageSrc: "http://img.b2bpic.net/free-photo/render-3d-contemporary-kitchen_1048-10239.jpg" },
|
||||
{ id: "r4", name: "Family Suite", price: "40$", imageSrc: "http://img.b2bpic.net/free-photo/chair-terrace-overlooking-ocean_23-2151991775.jpg" },
|
||||
{ id: "r5", name: "Twin Bed", price: "20$", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roommates-spending-time-home_23-2149358483.jpg" },
|
||||
{ id: "r6", name: "Triple Room", price: "30$", imageSrc: "http://img.b2bpic.net/free-photo/front-view-front-door-with-orange-wall-plants_23-2149360604.jpg" }
|
||||
]}
|
||||
title="Өрөө ба үйлчилгээ"
|
||||
description="Цэвэр, энгийн, тав тухтай өрөөнүүд."
|
||||
@@ -289,15 +123,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TripAdvisor",
|
||||
"Booking.com",
|
||||
"Expedia",
|
||||
"Agoda",
|
||||
"Hostelworld",
|
||||
"Google Reviews",
|
||||
"Lonely Planet",
|
||||
]}
|
||||
names={["TripAdvisor", "Booking.com", "Expedia", "Agoda", "Hostelworld", "Google Reviews", "Lonely Planet"]}
|
||||
title="Биднийг сонгосон"
|
||||
description="Бидний үйлчилгээнд сэтгэл ханамжтай байсан зочдын түнш байгууллагууд."
|
||||
/>
|
||||
@@ -309,51 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@traveler",
|
||||
testimonial: "Маш цэвэр, нам гүм газар.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/journey-guide-destination-location-direction_53876-127684.jpg",
|
||||
imageAlt: "lonely planet travel brand",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@backpacker",
|
||||
testimonial: "Хямд, тухтай, үйлчилгээ сайн.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598851.jpg?_wi=3",
|
||||
imageAlt: "lonely planet travel brand",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@tourist",
|
||||
testimonial: "Найрсаг хамт олон, сайхан орчин.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg?_wi=3",
|
||||
imageAlt: "lonely planet travel brand",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@adventurer",
|
||||
testimonial: "Олоход бага зэрэг хэцүү, гэхдээ үнэ цэнэтэй.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532975.jpg?_wi=2",
|
||||
imageAlt: "lonely planet travel brand",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna S.",
|
||||
handle: "@digitalnomad",
|
||||
testimonial: "Заримдаа дуу чимээтэй, гэхдээ маш цэвэр.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-room_23-2148095266.jpg?_wi=2",
|
||||
imageAlt: "lonely planet travel brand",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@traveler", testimonial: "Маш цэвэр, нам гүм газар.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/journey-guide-destination-location-direction_53876-127684.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@backpacker", testimonial: "Хямд, тухтай, үйлчилгээ сайн.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598851.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@tourist", testimonial: "Найрсаг хамт олон, сайхан орчин.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598846.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@adventurer", testimonial: "Олоход бага зэрэг хэцүү, гэхдээ үнэ цэнэтэй.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/bed-arrangements-still-life_23-2150532975.jpg" },
|
||||
{ id: "5", name: "Anna S.", handle: "@digitalnomad", testimonial: "Заримдаа дуу чимээтэй, гэхдээ маш цэвэр.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/hotel-room_23-2148095266.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Сэтгэгдэл"
|
||||
@@ -365,22 +151,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Check-out хэзээ вэ?",
|
||||
content: "11:00 цаг.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Байршил хаана вэ?",
|
||||
title: "Байршил?",
|
||||
content: "СБД - 3-р хороо.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Wi-Fi үнэгүй юу?",
|
||||
content: "Тийм, үнэгүй.",
|
||||
},
|
||||
{ id: "1", title: "Check-out хэзээ вэ?", content: "11:00 цаг." },
|
||||
{ id: "2", title: "Байршил?", content: "СБД - 3-р хороо." },
|
||||
{ id: "3", title: "Wi-Fi үнэгүй юу?", content: "Тийм, үнэгүй." }
|
||||
]}
|
||||
sideTitle="Түгээмэл асуултууд"
|
||||
sideDescription="Зочид буудлын талаарх түгээмэл асуултууд."
|
||||
@@ -394,31 +167,18 @@ export default function LandingPage() {
|
||||
title="Байршил"
|
||||
tag="Улаанбаатар хот"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "СБД",
|
||||
description: "3-р хороо",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "14252",
|
||||
description: "Шуудангийн код",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "8011 8813",
|
||||
description: "Утас",
|
||||
},
|
||||
{ id: "m1", value: "СБД", description: "3-р хороо" },
|
||||
{ id: "m2", value: "14252", description: "Шуудангийн код" },
|
||||
{ id: "m3", value: "8011 8813", description: "Утас" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Холбоо барих"
|
||||
description="Бидэнтэй холбогдон захиалга хийгээрэй."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-with-money-wooden-background_23-2148256055.jpg"
|
||||
@@ -430,32 +190,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Summit Guest House"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Summit Guest House"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user