Merge version_2 into main #1
216
src/app/page.tsx
216
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Bell, Sparkles, Utensils, Waves, Wifi } from "lucide-react";
|
||||
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "products",
|
||||
},
|
||||
name: "Rooms", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dream Point Hotel"
|
||||
/>
|
||||
@@ -54,69 +46,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Experience Comfort, Elegance & True Hospitality in Fujairah"
|
||||
description="Relax in beautifully designed rooms, enjoy exceptional service, and unwind in our spa — all at an unbeatable value."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85079.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85079.jpg", alt: "Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg", alt: "Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429895.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429895.jpg", alt: "Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-130214.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-130214.jpg", alt: "Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tourist-thinking-white-background_1368-6243.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tourist-thinking-white-background_1368-6243.jpg", alt: "Guest 5"},
|
||||
]}
|
||||
avatarText="Loved by travelers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
{
|
||||
text: "View Rooms",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Rooms", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Coastal Luxury",
|
||||
icon: Waves,
|
||||
type: "text-icon", text: "Coastal Luxury", icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Concierge",
|
||||
icon: Bell,
|
||||
type: "text-icon", text: "24/7 Concierge", icon: Bell,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Spa & Wellness",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Spa & Wellness", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fine Dining",
|
||||
icon: Utensils,
|
||||
type: "text-icon", text: "Fine Dining", icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Wi-Fi",
|
||||
icon: Wifi,
|
||||
type: "text-icon", text: "Free Wi-Fi", icon: Wifi,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -128,9 +95,7 @@ export default function LandingPage() {
|
||||
title="A Memorable Escape in Fujairah"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,20 +107,11 @@ export default function LandingPage() {
|
||||
description="Our hotel offers premium amenities for both the busy professional and the leisure traveler seeking relaxation."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "In-house Dining",
|
||||
content: "Freshly prepared meals served to your room or in our restaurant.",
|
||||
},
|
||||
id: "1", title: "In-house Dining", content: "Freshly prepared meals served to your room or in our restaurant."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Relaxing Spa Facilities",
|
||||
content: "Unwind in one of our two spas designed for ultimate relaxation.",
|
||||
},
|
||||
id: "2", title: "Relaxing Spa Facilities", content: "Unwind in one of our two spas designed for ultimate relaxation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Business Ready",
|
||||
content: "Quiet, well-furnished rooms perfect for your work trip.",
|
||||
},
|
||||
id: "3", title: "Business Ready", content: "Quiet, well-furnished rooms perfect for your work trip."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2668.jpg"
|
||||
imageAlt="Hotel view"
|
||||
@@ -171,41 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Deluxe King Room",
|
||||
price: "Starting from $120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695676.jpg",
|
||||
},
|
||||
id: "p1", name: "Deluxe King Room", price: "Starting from $120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695676.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Business Suite",
|
||||
price: "Starting from $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg",
|
||||
},
|
||||
id: "p2", name: "Business Suite", price: "Starting from $150", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Coastal View Room",
|
||||
price: "Starting from $180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-with-cereals_23-2148877646.jpg",
|
||||
},
|
||||
id: "p3", name: "Coastal View Room", price: "Starting from $180", imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-with-cereals_23-2148877646.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Family Suite",
|
||||
price: "Starting from $220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160085.jpg",
|
||||
},
|
||||
id: "p4", name: "Family Suite", price: "Starting from $220", imageSrc: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160085.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Executive Room",
|
||||
price: "Starting from $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8590.jpg",
|
||||
},
|
||||
id: "p5", name: "Executive Room", price: "Starting from $250", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8590.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Penthouse Suite",
|
||||
price: "Starting from $350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wooden-sofa-chair_74190-3752.jpg",
|
||||
},
|
||||
id: "p6", name: "Penthouse Suite", price: "Starting from $350", imageSrc: "http://img.b2bpic.net/free-photo/empty-wooden-sofa-chair_74190-3752.jpg"},
|
||||
]}
|
||||
title="Our Accommodations"
|
||||
description="Choose from a selection of rooms designed for comfort and elegance."
|
||||
@@ -213,98 +145,50 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
<TestimonialCardTen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "A delightful experience, rooms were perfectly clean and staff were incredibly attentive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85079.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Traveler", quote: "A delightful experience, rooms were perfectly clean and staff were incredibly attentive.", title: "Excellent Stay", imageSrc: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-passenger_107420-85079.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikec",
|
||||
testimonial: "Amazing hospitality at such a reasonable price. Definitely coming back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Business Trip", quote: "Amazing hospitality at such a reasonable price. Definitely coming back.", title: "Great Value", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-brunette-woman-with-combed-hair-clean-face-skin-looking-thoughtful-logo-promo-left-empty-space-isolated-studio-background_176420-46713.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "The services were quick and the hospitality made my trip so much better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429895.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Very convenient location for my work needs. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-130214.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "Peaceful, relaxing, and very well maintained. A great stay!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-thinking-white-background_1368-6243.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Vacationer", quote: "The services were quick and the hospitality made my trip so much better.", title: "Relaxing Experience", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429895.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Experiences"
|
||||
description="See why travelers choose our hotel for their stay in Fujairah."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
tag="Connect"
|
||||
title="Ready to Book Your Stay?"
|
||||
description="Contact us today for reservations or any inquiries about our services."
|
||||
description="Reach out to us today for personalized reservations and inquiries. We are here to make your visit perfect."
|
||||
buttons={[
|
||||
{ text: "Contact Reception" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterMedia
|
||||
logoText="Dream Point Hotel"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2668.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Hotel", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Rooms", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #fdfaf6;
|
||||
--card: #f5f0e6;
|
||||
--foreground: #3d352b;
|
||||
--primary-cta: #a67c52;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #fdfaf6;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #d4b996;
|
||||
--background-accent: #e3d3bd;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user