Merge version_2 into main #1
267
src/app/page.tsx
267
src/app/page.tsx
@@ -3,12 +3,14 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import { ShieldCheck, TrendingUp, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Transactions", id: "transactions" },
|
||||
{ name: "Insights", id: "insights" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Grand Elite Hotel"
|
||||
/>
|
||||
@@ -51,190 +41,51 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elegance Redefined in Every Detail"
|
||||
description="Experience unparalleled comfort and personalized service in our historic grand hotel, where timeless sophistication meets modern luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-hallway_23-2150683497.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-smiling-male-elegant-black-suit-dark-background_613910-14660.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-man-black-suit-sunglasses-smiles-attractive-blonde-woman-white-blouse-looks-boyfriend-business-travelers-pose-near-airport_197531-27113.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/romantic-sea-view-portrait-sensual-blonde-woman-trendy-summer-outfit-pastel-colors-travel-alone-vacation-white-denim-sunglasses_291049-1649.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-sunglasses-standing-near-business-centre_176420-5665.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Five-Star Rating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime City Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exquisite Dining",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Historic Grandeur",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Refinement"
|
||||
description="For over a century, our establishment has been the benchmark for luxury. We blend authentic historical charm with curated amenities to offer guests a sanctuary of quiet indulgence."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "World-Class Service",
|
||||
description: "Dedicated concierge team ready to cater to your every request.",
|
||||
},
|
||||
{
|
||||
title: "Architectural Beauty",
|
||||
description: "Exquisite decor and heritage-listed architecture throughout our property.",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Amenities",
|
||||
description: "Access to private lounges, wellness centers, and gourmet dining.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
<div id="transactions" data-section="transactions">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
title="Finance Dashboard"
|
||||
description="Manage your transactions with advanced filtering, sorting, and role-based access control."
|
||||
features={[
|
||||
{ id: "1", label: "Admin", title: "Full Control", items: ["Edit transactions", "Export reports", "Manage user roles", "Audit logs"] },
|
||||
{ id: "2", label: "Manager", title: "Oversight", items: ["Review transactions", "Approve expenses", "View analytics"] },
|
||||
{ id: "3", label: "Viewer", title: "Monitoring", items: ["View transaction history", "Download statements"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Wellness Sanctuary",
|
||||
descriptions: [
|
||||
"Rejuvenate your senses with our holistic treatments.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037088.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Gourmet Dining",
|
||||
descriptions: [
|
||||
"Exquisite flavors paired with fine vintage wines.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Infinity Pool",
|
||||
descriptions: [
|
||||
"Relax by our serene oasis with breathtaking views.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8221.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Every moment spent at our hotel is designed to be exceptional."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Rossi",
|
||||
role: "Travel Blogger",
|
||||
testimonial: "The service was impeccable and the architecture is breathtaking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Business Executive",
|
||||
testimonial: "A sanctuary of tranquility in the heart of the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-smiling-male-elegant-black-suit-dark-background_613910-14660.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia Chen",
|
||||
role: "Art Curator",
|
||||
testimonial: "Every detail reflects the true spirit of elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-black-suit-sunglasses-smiles-attractive-blonde-woman-white-blouse-looks-boyfriend-business-travelers-pose-near-airport_197531-27113.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian Vane",
|
||||
role: "Architect",
|
||||
testimonial: "The restoration of this hotel is simply masterful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-sea-view-portrait-sensual-blonde-woman-trendy-summer-outfit-pastel-colors-travel-alone-vacation-white-denim-sunglasses_291049-1649.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clara Dubois",
|
||||
role: "Fashion Designer",
|
||||
testimonial: "An incredible experience from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-sunglasses-standing-near-business-centre_176420-5665.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear about the unforgettable memories our guests have created with us."
|
||||
<div id="insights" data-section="insights">
|
||||
<MetricCardTwo
|
||||
title="Key Financial Insights"
|
||||
description="Track your performance metrics and receive actionable recommendations."
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{ id: "1", value: "$125,400", description: "Monthly Revenue" },
|
||||
{ id: "2", value: "24%", description: "Growth Trend" },
|
||||
{ id: "3", value: "850", description: "Active Transactions" },
|
||||
{ id: "4", value: "4.2%", description: "Churn Rate" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Inquire"
|
||||
title="Begin Your Journey"
|
||||
description="Reserve your stay today and experience the pinnacle of luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "mailto:concierge@grandelite.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Inquire Now", href: "mailto:concierge@grandelite.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -242,57 +93,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Grand Elite Hotel"
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Dining",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Wellness",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pools",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Hotel", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Dining", href: "#" }, { label: "Wellness", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user