Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 53e5f4ea7d | |||
| 23463d4b68 | |||
| 262350979c | |||
| 940ab83836 | |||
| ba9c20e651 | |||
| a4d706051a |
221
src/app/page.tsx
221
src/app/page.tsx
@@ -4,15 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { AlertCircle, Calendar, TrendingDown } from "lucide-react";
|
||||
import { MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,12 +29,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Rooms", id: "rooms"},
|
||||
{
|
||||
name: "Experiences", id: "experiences"},
|
||||
{
|
||||
name: "Location", id: "location"},
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Experiences", id: "experiences" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
brandName="Pullman Paris"
|
||||
/>
|
||||
@@ -48,92 +42,28 @@ export default function LandingPage() {
|
||||
title="Stay in the Heart of Paris — Modern Luxury at Montparnasse"
|
||||
description="Experience 4-star comfort, stunning skyline views, and an unforgettable stay in the city of light."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson", handle: "CEO", testimonial: "An amazing stay with great service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-long-haired-woman-expressing-happy-emotions-sitting-sill_197531-6661.jpg?_wi=1"},
|
||||
{
|
||||
name: "Michael Chen", handle: "CTO", testimonial: "Modern luxury in the heart of Paris.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-walking-with-baggage_23-2149338674.jpg"},
|
||||
{
|
||||
name: "Emily Rodriguez", handle: "Marketing", testimonial: "Unforgettable skyline views.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-bathrobes-drinking-champagne-while-relaxing-bed-hotel-room_637285-7668.jpg"},
|
||||
{
|
||||
name: "David Kim", handle: "Product", testimonial: "Excellent 4-star experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourists-visiting-city-wearing-travel-mask_23-2149374330.jpg"},
|
||||
{
|
||||
name: "Anna Smith", handle: "Designer", testimonial: "Perfect location for exploring the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bed-with-strawberry-her-hand_23-2147601314.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#"},
|
||||
{ name: "Sarah Johnson", handle: "CEO", testimonial: "An amazing stay with great service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-long-haired-woman-expressing-happy-emotions-sitting-sill_197531-6661.jpg?_wi=1" },
|
||||
{ name: "Michael Chen", handle: "CTO", testimonial: "Modern luxury in the heart of Paris.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-walking-with-baggage_23-2149338674.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-beautiful-city-streets-nighttime_23-2149444908.jpg?_wi=1"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-balcony-morning-city-paris-view-triumphal-arch_1321-3367.jpg", alt: "Happy traveler 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-clothes-sexy-carefree-women-posing-street-background-sunglasses-positive-models-having-fun-going-crazy_158538-15922.jpg", alt: "Happy traveler 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-female-red-shirt-sitting-balcony-with-beautiful-view_181624-31641.jpg", alt: "Happy traveler 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-smiling-woman-sitting-sill-waving-hand_197531-6665.jpg", alt: "Happy traveler 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pretty-young-tourist-taking-photographs-with-vintage-retro-camera-street-style-life-style_639032-2468.jpg", alt: "Happy traveler 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="availability" data-section="availability">
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "12", title: "Bookings Today", description: "High demand for this weekend", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "2", value: "3", title: "Rooms Left", description: "Available at this rate", icon: AlertCircle,
|
||||
},
|
||||
{
|
||||
id: "3", value: "14%", title: "Save Direct", description: "VS Booking sites", icon: TrendingDown,
|
||||
},
|
||||
]}
|
||||
title="Instant Booking Urgency"
|
||||
description="Don't miss out on your stay in the heart of Paris."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="comparison" data-section="comparison">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "official", title: "Official Site", price: "3,310 MAD", period: "per night", features: [
|
||||
"Free cancellation", "Late checkout", "Welcome drink"],
|
||||
button: {
|
||||
text: "Book Now"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394958.jpg", imageAlt: "Modern tokyo street background"},
|
||||
{
|
||||
id: "booking", title: "Booking.com", price: "3,862 MAD", period: "per night", features: [
|
||||
"Standard rate", "No perks", "Standard policy"],
|
||||
button: {
|
||||
text: "Compare"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-city-streets-nighttime_23-2149444908.jpg?_wi=2", imageAlt: "Modern tokyo street background"},
|
||||
{
|
||||
id: "expedia", title: "Expedia", price: "3,859 MAD", period: "per night", features: [
|
||||
"Standard rate", "No perks", "Standard policy"],
|
||||
button: {
|
||||
text: "Compare"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-long-haired-woman-expressing-happy-emotions-sitting-sill_197531-6661.jpg?_wi=2", imageAlt: "Modern tokyo street background"},
|
||||
metrics={[
|
||||
{ id: "1", value: "48.8415° N", title: "Latitude", description: "Precise Coordinates", icon: MapPin },
|
||||
{ id: "2", value: "2.3242° E", title: "Longitude", description: "Montparnasse District", icon: MapPin },
|
||||
{ id: "3", value: "19 Rue du Commandant Mouchotte", title: "Address", description: "75014 Paris, France", icon: MapPin },
|
||||
]}
|
||||
title="Best Price Guaranteed"
|
||||
description="Book directly with us for the best rate."
|
||||
title="Prime Location Advantage"
|
||||
description="Centrally located in the vibrant Montparnasse district, moments from iconic Parisian landmarks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,97 +74,23 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1", brand: "Standard", name: "Deluxe Queen", price: "3,310 MAD", rating: 4.8,
|
||||
reviewCount: "1200", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2064.jpg"},
|
||||
{
|
||||
id: "r2", brand: "Premium", name: "Executive View", price: "4,200 MAD", rating: 4.9,
|
||||
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/apartment-comfortable-pillow-hotel-suite_1203-5168.jpg"},
|
||||
{
|
||||
id: "r3", brand: "Luxury", name: "Skyline Suite", price: "5,800 MAD", rating: 5,
|
||||
reviewCount: "420", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bedroom-int_1203-2347.jpg"},
|
||||
{
|
||||
id: "r4", brand: "Family", name: "Family Room", price: "4,500 MAD", rating: 4.7,
|
||||
reviewCount: "310", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg"},
|
||||
{
|
||||
id: "r5", brand: "Studio", name: "Montparnasse Studio", price: "3,800 MAD", rating: 4.8,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg"},
|
||||
{
|
||||
id: "r6", brand: "Elite", name: "Penthouse Suite", price: "8,900 MAD", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-window_1203-1492.jpg"},
|
||||
{ id: "r1", brand: "Standard", name: "Deluxe Queen", price: "3,310 MAD", rating: 4.8, reviewCount: "452 reviews", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2064.jpg" },
|
||||
{ id: "r2", brand: "Premium", name: "Executive View", price: "4,200 MAD", rating: 4.9, reviewCount: "812 reviews", imageSrc: "http://img.b2bpic.net/free-photo/apartment-comfortable-pillow-hotel-suite_1203-5168.jpg" },
|
||||
{ id: "r3", brand: "Luxury", name: "Skyline Suite", price: "5,800 MAD", rating: 5, reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bedroom-int_1203-2347.jpg" },
|
||||
]}
|
||||
title="Choose Your Sanctuary"
|
||||
description="Discover our modern, premium rooms designed for ultimate comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experiences" data-section="experiences">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Rooftop Bar", description: "Unrivaled views of the Paris skyline.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break-spacious-office-lobby_1098-13052.jpg"},
|
||||
{
|
||||
title: "Gourmet Dining", description: "Exquisite French cuisine at your fingertips.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg"},
|
||||
{
|
||||
title: "Fitness Center", description: "State-of-the-art wellness facility.", imageSrc: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"},
|
||||
]}
|
||||
title="Elevated Hotel Experiences"
|
||||
description="Enjoy world-class amenities at Pullman Paris."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah", role: "Traveler", company: "Paris Trip", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-looking-away_23-2147860917.jpg"},
|
||||
{
|
||||
id: "2", name: "Marc", role: "Traveler", company: "France Visit", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-balcony-holding-glass-engjoying-sunny-weather-balcony_8353-12235.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena", role: "Traveler", company: "European Tours", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-afro-hair-smile-broadly-dressed-beige-coat-strolls-city-sunny-autumn-day-uses-smartphone-with-delight-has-fun-texting-cellular-browses-web-pages_273609-55300.jpg"},
|
||||
{
|
||||
id: "4", name: "Jack", role: "Traveler", company: "UK Travel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-arm-crossed-standing-near-railing-looking-camera_23-2148203054.jpg"},
|
||||
{
|
||||
id: "5", name: "Chloe", role: "Traveler", company: "Global Tours", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28060.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8", label: "Guest Rating"},
|
||||
{
|
||||
value: "14k+", label: "Verified Reviews"},
|
||||
{
|
||||
value: "Top 1%", label: "Service Quality"},
|
||||
]}
|
||||
title="Trusted by Travelers"
|
||||
description="Join 14,900+ satisfied guests worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is the cancellation policy?", content: "Free cancellation available for direct bookings up to 24h prior."},
|
||||
{
|
||||
id: "2", title: "Is parking available?", content: "Yes, secure parking is available for guests."},
|
||||
{
|
||||
id: "3", title: "Can I pay at the hotel?", content: "Yes, pay at the hotel option is available."},
|
||||
{ id: "1", title: "What is the cancellation policy?", content: "Free cancellation available for direct bookings up to 24h prior." },
|
||||
{ id: "2", title: "Is parking available?", content: "Yes, secure parking is available for guests." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/receptionist-providing-luxury-service_482257-78605.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get all your answers before booking your Paris stay."
|
||||
@@ -248,13 +104,10 @@ export default function LandingPage() {
|
||||
title="Plan Your Escape"
|
||||
description="Have questions? Our concierge team is ready to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -262,30 +115,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "FAQs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Hotel", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "FAQs", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Pullman Paris Montparnasse"
|
||||
bottomRightText="Luxury Hospitality Experts"
|
||||
@@ -294,4 +125,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user