143 lines
11 KiB
TypeScript
143 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Hotel, Heart, ChefHat, Briefcase, PartyPopper } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About Us", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Gallery", id: "/gallery" },
|
|
{ name: "Book Event", id: "/booking" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerNav = [
|
|
{ title: "Services", items: [{ label: "Weddings", href: "/services" }, { label: "Catering", href: "/services" }, { label: "Corporate Events", href: "/services" }, { label: "Private Parties", href: "/services" }] },
|
|
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Our Gallery", href: "/gallery" }, { label: "Contact Us", href: "/contact" }] },
|
|
{ title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/1234567890" }, { label: "Instagram", href: "https://instagram.com/thegrandeur" }, { label: "LinkedIn", href: "https://linkedin.com/company/thegrandeur" }] }
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="The Grandeur"
|
|
navItems={navItems.map(item => ({ name: item.name, id: item.id, href: item.id }))}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ekgxmf"
|
|
logoAlt="luxury hotel logo gold black"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{ variant: "aurora" }}
|
|
title="Experience Unrivaled Luxury Hospitality"
|
|
description="The Grandeur offers exquisite services for unforgettable weddings, corporate events, and bespoke catering."
|
|
buttons={[
|
|
{ text: "Book Event", href: "/booking" },
|
|
{ text: "View Packages", href: "/services" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-making-online-booking-phone-talking-landline-phone-call-check-room-availability-new-reservation-female-receptionist-giving-assistance-future-hotel-guests_482257-61936.jpg"
|
|
imageAlt="luxury hotel lobby wedding hall"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Legacy"
|
|
title="A Tradition of Grandeur and Impeccable Service"
|
|
description="For decades, The Grandeur has been synonymous with luxury, crafting bespoke experiences that exceed every expectation."
|
|
subdescription="Our commitment to excellence ensures every event, from intimate gatherings to grand celebrations, is flawlessly executed."
|
|
icon={Hotel}
|
|
imageSrc="http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg"
|
|
imageAlt="opulent hotel suite interior design"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
title="Crafting Unforgettable Moments"
|
|
description="From lavish weddings to seamless corporate gatherings, our expert team brings your vision to life with precision and passion."
|
|
features={[
|
|
{ title: "Dream Weddings", description: "Bespoke wedding planning and stunning venues for your perfect day.", bentoComponent: "reveal-icon", icon: Heart },
|
|
{ title: "Gourmet Catering", description: "Exquisite culinary creations tailored to any event or preference.", bentoComponent: "reveal-icon", icon: ChefHat },
|
|
{ title: "Corporate Events", description: "Flawless execution for conferences, galas, and business meetings.", bentoComponent: "reveal-icon", icon: Briefcase },
|
|
{ title: "Private Parties", description: "Customized themes and elegant settings for your special celebrations.", bentoComponent: "reveal-icon", icon: PartyPopper },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery-preview" data-section="gallery-preview">
|
|
<ProductCardThree
|
|
title="A Glimpse into Our World"
|
|
description="Discover the elegance of our venues and the artistry of our culinary creations."
|
|
products={[
|
|
{ id: "gallery-1", name: "Luxurious Suites", price: "", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-6150.jpg", imageAlt: "luxury hotel suite bedroom decor" },
|
|
{ id: "gallery-2", name: "Gourmet Delights", price: "", imageSrc: "http://img.b2bpic.net/free-photo/lamb-kebab-plate-with-flatbread-vegetables_140725-8322.jpg", imageAlt: "gourmet plated dish fine dining" },
|
|
{ id: "gallery-3", name: "Elegant Receptions", price: "", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg", imageAlt: "wedding reception table setting decor" },
|
|
{ id: "gallery-4", name: "Grand Architecture", price: "", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg", imageAlt: "modern hotel exterior facade architecture" },
|
|
{ id: "gallery-5", name: "Corporate Sophistication", price: "", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-queue-receiving-passport-boarding-pass_107420-63584.jpg", imageAlt: "corporate event networking reception" },
|
|
{ id: "gallery-6", name: "Enchanting Outdoors", price: "", imageSrc: "http://img.b2bpic.net/free-photo/vases-with-pretty-flowers-blurred-background_23-2147609479.jpg", imageAlt: "outdoor wedding ceremony garden" },
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Esteemed Clients Say"
|
|
description="Hear from those who have experienced the unparalleled service and exquisite care of The Grandeur."
|
|
testimonials={[
|
|
{ id: "1", name: "Eleanor Vance", date: "October 2023", title: "Our Dream Wedding", quote: "The Grandeur team turned our wedding into an absolute fairy tale. Every detail was perfect, from the stunning decor to the exquisite catering. Truly a 5-star experience!", tag: "Wedding", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", avatarAlt: "professional woman portrait elegant", imageSrc: "http://img.b2bpic.net/free-photo/mom-dad-blow-soap-balloons-with-their-son_8353-144.jpg", imageAlt: "happy wedding couple luxury event" },
|
|
{ id: "2", name: "Marcus Thorne", date: "November 2023", title: "Flawless Corporate Gala", quote: "Our annual corporate gala was seamlessly executed by The Grandeur. The venue, service, and gourmet menu were all exceptional, leaving a lasting impression on our guests.", tag: "Corporate Event", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-handsome-groom-wearing-brown-plaid-suit-with-bow-tie-sitting-floor-with-glass-alcohol-beverage-white-background-seriously-looking-camera_8353-12557.jpg", avatarAlt: "executive man portrait professional", imageSrc: "http://img.b2bpic.net/free-photo/christmas-decor-house_23-2151207068.jpg", imageAlt: "elegant corporate gala dinner" },
|
|
{ id: "3", name: "Sophia Chen", date: "December 2023", title: "Culinary Masterpiece", quote: "The catering service for our private event was a culinary masterpiece. Our guests raved about every dish. The Grandeur truly elevates every occasion.", tag: "Private Party", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", avatarAlt: "young woman smiling elegant professional", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-buffet-with-cupcakes-cakepops-cookiies-glasses-other-desserts_501050-532.jpg", imageAlt: "beautiful wedding floral decorations" },
|
|
{ id: "4", name: "David Ramirez", date: "January 2024", title: "Unforgettable Outdoor Experience", quote: "We hosted an outdoor event with The Grandeur, and it was simply magical. The setup was beautiful, and the staff ensured everything ran smoothly, despite the elements.", tag: "Outdoor Event", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10444.jpg", avatarAlt: "mature man portrait friendly smile", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-celebrating-new-year-that-s-coming_23-2149144071.jpg", imageAlt: "outdoor catering event happy guests" },
|
|
{ id: "5", name: "Isabella Grant", date: "February 2024", title: "Beyond Expectations", quote: "Every interaction with The Grandeur team was exceptional. Their professionalism, attention to detail, and genuine care made our experience truly memorable. Highly recommend!", tag: "Hospitality", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-mixed-race-woman-with-neon-makeup-new-beauty-concept-authentic-identity-bodypinting-neon_633478-2200.jpg", avatarAlt: "diverse woman portrait modern", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-preparing-food-plate_23-2148934662.jpg", imageAlt: "luxury hotel room service breakfast" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ekgxmf"
|
|
logoAlt="luxury hotel logo gold black"
|
|
logoText="The Grandeur"
|
|
columns={footerNav}
|
|
copyrightText="© 2024 The Grandeur. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |