Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9eee8d017a | |||
| 663a89fa97 | |||
| 8d1aef24a9 | |||
| 4bbefc99de | |||
| aadcf9c2b5 | |||
| ec2651aff4 | |||
| debd807006 | |||
| 22c1efe6a5 |
358
src/app/page.tsx
358
src/app/page.tsx
@@ -4,14 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import EmailSignupForm from '@/components/form/EmailSignupForm';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,270 +30,109 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Adwest Hotel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Adwest Hotel"
|
||||
description="Experience unparalleled luxury and comfort in the heart of the city. Your sanctuary awaits."
|
||||
<HeroBillboardScroll
|
||||
title="Experience Unparalleled Luxury"
|
||||
description="Discover your sanctuary in the heart of the city."
|
||||
background={{ variant: 'canvas-reveal' }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683403.jpg?_wi=1",
|
||||
imageAlt: "Luxurious Hotel Suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok_343596-1429.jpg?_wi=1",
|
||||
imageAlt: "Relaxing Hotel Pool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-srimps-glass-white-wine_140725-3351.jpg?_wi=1",
|
||||
imageAlt: "Fine Dining Restaurant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg?_wi=1",
|
||||
imageAlt: "Modern Fitness Center",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/layered-glasses-with-shampagne_8353-9952.jpg?_wi=1",
|
||||
imageAlt: "Stylish Bar Lounge",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-wooden-table-with-natural-view_53876-139869.jpg",
|
||||
imageAlt: "Beautiful Hotel Gardens",
|
||||
},
|
||||
{ text: "Book Now", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683403.jpg?_wi=1"
|
||||
imageAlt="Luxurious Hotel Suite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="certifications" data-section="certifications">
|
||||
<SocialProofOne
|
||||
title="Award Winning Excellence"
|
||||
description="Proudly recognized for our dedication to luxury and guest service."
|
||||
names={["5-Star Gold Award", "Best City Hotel 2024", "Global Hospitality Excellence", "Eco-Friendly Certification"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Hospitality"
|
||||
description="At Adwest Hotel, we blend traditional elegance with modern sophistication. Our team is dedicated to providing you with an unforgettable experience, ensuring every detail of your stay is perfect."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-cups-tray_23-2148892817.jpg"
|
||||
imageAlt="Hotel Architecture"
|
||||
description={["At Adwest Hotel, we blend traditional elegance with modern sophistication.", "Our team is dedicated to providing you with an unforgettable experience, ensuring every detail of your stay is perfect."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
<FeatureCardTwentyEight
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Concierge",
|
||||
description: "Our team is here to assist you with any requests, day or night.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-female-lying-bed-looking-beach-through-glass-windows_181624-57823.jpg",
|
||||
imageAlt: "Concierge",
|
||||
},
|
||||
{
|
||||
title: "World-Class Dining",
|
||||
description: "Enjoy exquisite culinary delights at our in-house restaurant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catering-buffet_74190-3788.jpg",
|
||||
imageAlt: "Dining",
|
||||
},
|
||||
{
|
||||
title: "Luxury Spa Services",
|
||||
description: "Unwind and rejuvenate with our range of professional spa treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg",
|
||||
imageAlt: "Spa",
|
||||
},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
title="Unmatched Amenities"
|
||||
description="Discover everything you need for a comfortable and productive stay."
|
||||
features={[
|
||||
{ id: "f1", title: "Concierge", subtitle: "24/7 Support", category: "Service", value: "Always on duty" },
|
||||
{ id: "f2", title: "Dining", subtitle: "Fine Culinary", category: "Experience", value: "World-class" },
|
||||
{ id: "f3", title: "Spa", subtitle: "Rejuvenate", category: "Wellness", value: "Professional" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "room-1",
|
||||
name: "Deluxe King Suite",
|
||||
price: "$299/night",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-29870.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-2",
|
||||
name: "Executive City View",
|
||||
price: "$349/night",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-3",
|
||||
name: "Cozy Studio Suite",
|
||||
price: "$199/night",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-4",
|
||||
name: "Family Suite",
|
||||
price: "$449/night",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598852.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-5",
|
||||
name: "Business Executive",
|
||||
price: "$399/night",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-669.jpg",
|
||||
},
|
||||
{
|
||||
id: "room-6",
|
||||
name: "Grand Penthouse",
|
||||
price: "$899/night",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-real-estate-agent_23-2151064868.jpg",
|
||||
},
|
||||
]}
|
||||
title="Luxurious Suites"
|
||||
description="Choose the perfect room for your stay, designed for ultimate comfort and relaxation."
|
||||
description="Choose the perfect room for your stay."
|
||||
products={[
|
||||
{ id: "room-1", name: "Deluxe King Suite", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-29870.jpg" },
|
||||
{ id: "room-2", name: "Executive City View", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg" },
|
||||
{ id: "room-3", name: "Cozy Studio Suite", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2025",
|
||||
title: "Business Trip",
|
||||
quote: "The perfect balance of luxury and efficiency.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-waiting-area_107420-95808.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683403.jpg?_wi=2",
|
||||
imageAlt: "happy business traveler hotel lobby",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Wilson",
|
||||
date: "Dec 2024",
|
||||
title: "Vacation",
|
||||
quote: "Incredible service and a stunning room.",
|
||||
tag: "Great",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/two-elegant-girls-resort_1157-24515.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok_343596-1429.jpg?_wi=2",
|
||||
imageAlt: "happy business traveler hotel lobby",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Nov 2024",
|
||||
title: "City Getaway",
|
||||
quote: "I'll definitely be coming back here.",
|
||||
tag: "Wonderful",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/flirting-couple-with-sparkling-wine-roof_1153-3776.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-srimps-glass-white-wine_140725-3351.jpg?_wi=2",
|
||||
imageAlt: "happy business traveler hotel lobby",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Thompson",
|
||||
date: "Oct 2024",
|
||||
title: "Anniversary",
|
||||
quote: "The staff made our stay truly magical.",
|
||||
tag: "Superb",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-hotel-maid-lying-bed_171337-12709.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg?_wi=2",
|
||||
imageAlt: "happy business traveler hotel lobby",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda Chen",
|
||||
date: "Sept 2024",
|
||||
title: "Weekend Trip",
|
||||
quote: "Best hotel experience in the city by far.",
|
||||
tag: "Amazing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-bathrobe_1157-18569.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/layered-glasses-with-shampagne_8353-9952.jpg?_wi=2",
|
||||
imageAlt: "happy business traveler hotel lobby",
|
||||
},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Read what our valued guests have to say about their stay at Adwest Hotel."
|
||||
description="What our guests say about their stay."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Traveler", title: "Excellent", quote: "The perfect balance of luxury and efficiency." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TravelAdvisor",
|
||||
"Booking.com",
|
||||
"Expedia",
|
||||
"TravelHotels",
|
||||
"LuxuryHotels",
|
||||
"HospitalityGroup",
|
||||
"TravelMedia",
|
||||
]}
|
||||
title="Trusted By Professionals"
|
||||
description="We are proud to partner with industry leaders in travel and hospitality."
|
||||
/>
|
||||
<div id="newsletter" data-section="newsletter" style={{ padding: "4rem 0", textAlign: "center" }}>
|
||||
<h2>Join Our Newsletter</h2>
|
||||
<p style={{ marginBottom: "1.5rem" }}>Get exclusive offers and hotel updates directly in your inbox.</p>
|
||||
<EmailSignupForm />
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What is the check-in time?",
|
||||
content: "Check-in begins at 3:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer parking?",
|
||||
content: "Yes, we have secure underground parking for guests.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, all our bookings include a complimentary gourmet breakfast.",
|
||||
},
|
||||
{ id: "faq1", title: "What is the check-in time?", content: "Check-in begins at 3:00 PM." },
|
||||
{ id: "faq2", title: "Do you offer parking?", content: "Yes, we have secure underground parking for guests." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers to frequently asked questions about our services and policies."
|
||||
faqsAnimation="slide-up"
|
||||
description="Get answers to frequently asked questions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -300,81 +140,27 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get In Touch"
|
||||
description="Have questions or special requests? Reach out to us today."
|
||||
description="Reach out to us today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your inquiry...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your inquiry..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-cheerful-hotel-administrator-taking-guest-feedback-asking-about-their-stay-check-out-process-resort-staff-employees-working-front-desk-check-reception_482257-65130.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/highway-bridge-shanghai_649448-3983.jpg"
|
||||
<FooterBaseReveal
|
||||
logoText="Adwest Hotel"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email: hello@adwesthotel.com",
|
||||
href: "mailto:hello@adwesthotel.com",
|
||||
},
|
||||
{
|
||||
label: "Phone: +1 555-0123",
|
||||
href: "tel:+15550123",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Spa",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Dining",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:hello@adwesthotel.com" }, { label: "Phone", href: "tel:+15550123" }] },
|
||||
{ title: "Explore", items: [{ label: "Rooms", href: "#products" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user