Merge version_2 into main #2
66
src/app/booking-confirmation/page.tsx
Normal file
66
src/app/booking-confirmation/page.tsx
Normal file
@@ -0,0 +1,66 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function BookingConfirmationPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Panorama Apartments"
|
||||
/>
|
||||
|
||||
<div className="min-h-[60vh] flex flex-col items-center justify-center p-10 mt-20">
|
||||
<h1 className="text-4xl font-bold mb-6">Booking Confirmed!</h1>
|
||||
<p className="text-lg mb-8">Thank you for choosing Panorama Apartments. To finalize your reservation, please call us directly:</p>
|
||||
<a href="tel:0652160424" className="text-3xl font-extrabold text-primary hover:underline">
|
||||
0652160424
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Support"
|
||||
title="Need help?"
|
||||
description="Our team is here to assist you with any questions regarding your booking."
|
||||
buttons={[
|
||||
{ text: "Call 0652160424", href: "tel:0652160424" },
|
||||
{ text: "Back to Home", href: "/" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Panorama Apartments"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }] },
|
||||
{ title: "Contact", items: [{ label: "0652160424", href: "tel:0652160424" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
185
src/app/page.tsx
185
src/app/page.tsx
@@ -30,29 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Apartments",
|
||||
id: "#apartments",
|
||||
},
|
||||
name: "Apartments", id: "#apartments"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
name: "Location", id: "#location"},
|
||||
{
|
||||
name: "Things To Do",
|
||||
id: "#things-to-do",
|
||||
},
|
||||
name: "Things To Do", id: "#things-to-do"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Panorama Apartments"
|
||||
/>
|
||||
@@ -61,68 +49,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Panorama Apartments"
|
||||
description="Experience a 5.00-star rated stay in Apatin, Serbia. Your perfect sanctuary for relaxation, sightseeing, and local exploration, designed for comfort and hospitality."
|
||||
tag="⭐ 5.00 Star Guest Experience"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "/booking-confirmation"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407604.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135752.jpg",
|
||||
alt: "Happy Guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135752.jpg", alt: "Happy Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722559.jpg",
|
||||
alt: "Happy Guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722559.jpg", alt: "Happy Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-friendly-woman-sitting-home-with-laptop-waving-hand-computer-camera-working_1258-202412.jpg",
|
||||
alt: "Happy Guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-friendly-woman-sitting-home-with-laptop-waving-hand-computer-camera-working_1258-202412.jpg", alt: "Happy Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bathtub_1203-3717.jpg",
|
||||
alt: "Happy Guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bathtub_1203-3717.jpg", alt: "Happy Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-outdoor-tropical-beach-sea-around-samui-island-with-coconut-palm-tree-other-sunset-time_74190-9032.jpg",
|
||||
alt: "Happy Guest 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-outdoor-tropical-beach-sea-around-samui-island-with-coconut-palm-tree-other-sunset-time_74190-9032.jpg", alt: "Happy Guest 5"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Wi-Fi",
|
||||
},
|
||||
type: "text", text: "Free Wi-Fi"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Central Location",
|
||||
},
|
||||
type: "text", text: "Central Location"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Amenities",
|
||||
},
|
||||
type: "text", text: "Modern Amenities"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scenic Views",
|
||||
},
|
||||
type: "text", text: "Scenic Views"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,42 +111,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Comfort Bedroom",
|
||||
price: "Modern Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135752.jpg",
|
||||
},
|
||||
id: "p1", name: "Comfort Bedroom", price: "Modern Comfort", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135752.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Spacious Living Room",
|
||||
price: "Relaxing Space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722559.jpg",
|
||||
},
|
||||
id: "p2", name: "Spacious Living Room", price: "Relaxing Space", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722559.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fully Equipped Kitchen",
|
||||
price: "Modern Amenities",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-friendly-woman-sitting-home-with-laptop-waving-hand-computer-camera-working_1258-202412.jpg",
|
||||
},
|
||||
id: "p3", name: "Fully Equipped Kitchen", price: "Modern Amenities", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-friendly-woman-sitting-home-with-laptop-waving-hand-computer-camera-working_1258-202412.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Modern Bathroom",
|
||||
price: "High Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-3717.jpg",
|
||||
},
|
||||
id: "p4", name: "Modern Bathroom", price: "High Standard", imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-3717.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Private Balcony",
|
||||
price: "Scenic Views",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-tropical-beach-sea-around-samui-island-with-coconut-palm-tree-other-sunset-time_74190-9032.jpg",
|
||||
},
|
||||
id: "p5", name: "Private Balcony", price: "Scenic Views", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-tropical-beach-sea-around-samui-island-with-coconut-palm-tree-other-sunset-time_74190-9032.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Elegant Dining Area",
|
||||
price: "Welcoming Space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homely-cozy-spring-interior-living-room_169016-3567.jpg",
|
||||
},
|
||||
id: "p6", name: "Elegant Dining Area", price: "Welcoming Space", imageSrc: "http://img.b2bpic.net/free-photo/homely-cozy-spring-interior-living-room_169016-3567.jpg"},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "/booking-confirmation" }]}
|
||||
title="Accommodation & Comfort"
|
||||
description="Our apartments are designed to provide a peaceful atmosphere with modern amenities, catering to all travelers seeking 5-star quality and comfort."
|
||||
/>
|
||||
@@ -197,20 +137,11 @@ export default function LandingPage() {
|
||||
tag="Convenient Access"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "l1",
|
||||
title: "Address",
|
||||
content: "Ive Lole Ribara 45, Apatin, Serbia",
|
||||
},
|
||||
id: "l1", title: "Address", content: "Ive Lole Ribara 45, Apatin, Serbia"},
|
||||
{
|
||||
id: "l2",
|
||||
title: "Plus Code",
|
||||
content: "MX9C+V3 Apatin",
|
||||
},
|
||||
id: "l2", title: "Plus Code", content: "MX9C+V3 Apatin"},
|
||||
{
|
||||
id: "l3",
|
||||
title: "Ease of Travel",
|
||||
content: "Convenient access to main roads, local sightseeing, and public transport hubs in the heart of Apatin.",
|
||||
},
|
||||
id: "l3", title: "Ease of Travel", content: "Convenient access to main roads, local sightseeing, and public transport hubs in the heart of Apatin."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-home-decor-cozy-home_169016-5800.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -225,20 +156,11 @@ export default function LandingPage() {
|
||||
tag="Recreation & Sightseeing"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "td1",
|
||||
title: "Sightseeing",
|
||||
content: "Discover historical sites and cultural spots within walking distance of our centrally located apartments.",
|
||||
},
|
||||
id: "td1", title: "Sightseeing", content: "Discover historical sites and cultural spots within walking distance of our centrally located apartments."},
|
||||
{
|
||||
id: "td2",
|
||||
title: "Outdoor Activities",
|
||||
content: "Enjoy walking, exploring, and engaging in outdoor recreation activities nearby.",
|
||||
},
|
||||
id: "td2", title: "Outdoor Activities", content: "Enjoy walking, exploring, and engaging in outdoor recreation activities nearby."},
|
||||
{
|
||||
id: "td3",
|
||||
title: "Convenience",
|
||||
content: "Our location offers excellent transportation access for travelers wanting to explore the wider region with ease.",
|
||||
},
|
||||
id: "td3", title: "Convenience", content: "Our location offers excellent transportation access for travelers wanting to explore the wider region with ease."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407604.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -250,20 +172,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Booking Inquiries"
|
||||
title="Ready for your stay?"
|
||||
description="We are ready to welcome you! Contact us for bookings and inquiries or to ask about availability for your preferred dates."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay (0652160424)",
|
||||
href: "tel:0652160424",
|
||||
},
|
||||
text: "Book Your Stay (0652160424)", href: "/booking-confirmation"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -273,37 +190,23 @@ export default function LandingPage() {
|
||||
logoText="Panorama Apartments"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Ive Lole Ribara 45",
|
||||
href: "#location",
|
||||
},
|
||||
label: "Ive Lole Ribara 45", href: "#location"},
|
||||
{
|
||||
label: "Apatin, Serbia",
|
||||
href: "#",
|
||||
},
|
||||
label: "Apatin, Serbia", href: "#"},
|
||||
{
|
||||
label: "0652160424",
|
||||
href: "tel:0652160424",
|
||||
},
|
||||
label: "0652160424", href: "tel:0652160424"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Apartments",
|
||||
href: "#apartments",
|
||||
},
|
||||
label: "Apartments", href: "#apartments"},
|
||||
{
|
||||
label: "Things To Do",
|
||||
href: "#things-to-do",
|
||||
},
|
||||
label: "Things To Do", href: "#things-to-do"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -313,4 +216,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user