Merge version_6 into main #25
125
src/app/about/page.tsx
Normal file
125
src/app/about/page.tsx
Normal file
@@ -0,0 +1,125 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Luxe Haven"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Rooms & Suites", id: "/#about" },
|
||||
{ name: "Amenities", id: "/#features" },
|
||||
{ name: "Guests Love Us", id: "/#testimonials" },
|
||||
{ name: "Booking", id: "/#pricing" },
|
||||
{ name: "About", id: "about" }
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Now", href: "/#pricing"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Our Story & Mission"
|
||||
description="Luxe Haven was founded with a singular vision: to redefine luxury hospitality. For over two decades, we've been committed to providing world-class accommodations, impeccable service, and unforgettable experiences. Our journey began with a passion for excellence and has evolved into a beacon of luxury in the hospitality industry."
|
||||
tag="Our Heritage"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
|
||||
imageAlt="Luxe Haven heritage and excellence"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Explore Our Rooms", href: "/#about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyTwo
|
||||
title="Our Commitment to Excellence"
|
||||
description="Every aspect of Luxe Haven reflects our dedication to luxury, comfort, and exceptional service."
|
||||
tag="Values"
|
||||
features={[
|
||||
{
|
||||
id: "1", category: ["Quality", "Service"],
|
||||
title: "Uncompromising Quality Standards", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-relaxing-jacuzzi_169016-22940.jpg", imageAlt: "Premium quality and service standards"
|
||||
},
|
||||
{
|
||||
id: "2", category: ["Innovation", "Technology"],
|
||||
title: "Cutting-Edge Technology", imageSrc: "http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg", imageAlt: "Modern technology integration"
|
||||
},
|
||||
{
|
||||
id: "3", category: ["Sustainability", "Environment"],
|
||||
title: "Environmental Responsibility", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-deck-chair-around-outdoor-swimming-pool-hotel-resort-nearly-sea-beach-ocean_74190-14080.jpg", imageAlt: "Sustainable luxury practices"
|
||||
},
|
||||
{
|
||||
id: "4", category: ["Community", "Care"],
|
||||
title: "Community Engagement", imageSrc: "http://img.b2bpic.net/free-photo/tourists-going-through-check-process-hotel-reception-desk_482257-82845.jpg", imageAlt: "Community and social responsibility"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Luxe Haven"
|
||||
columns={[
|
||||
{
|
||||
title: "Rooms", items: [
|
||||
{ label: "Standard Room", href: "/#pricing" },
|
||||
{ label: "Deluxe Suite", href: "/#pricing" },
|
||||
{ label: "Presidential Suite", href: "/#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Amenities", items: [
|
||||
{ label: "Spa & Wellness", href: "/#features" },
|
||||
{ label: "Fine Dining", href: "/#features" },
|
||||
{ label: "Swimming Pool", href: "/#features" },
|
||||
{ label: "Concierge Service", href: "/#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Guest Reviews", href: "/#testimonials" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
{ label: "Booking Policies", href: "#" },
|
||||
{ label: "Cancellation Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -34,7 +34,8 @@ export default function LandingPage() {
|
||||
{ name: "Rooms & Suites", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Guests Love Us", id: "testimonials" },
|
||||
{ name: "Booking", id: "pricing" }
|
||||
{ name: "Booking", id: "pricing" },
|
||||
{ name: "About", id: "/about" }
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Now", href: "#pricing"
|
||||
@@ -230,7 +231,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Guest Reviews", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Careers", href: "#" }
|
||||
|
||||
Reference in New Issue
Block a user