231 lines
15 KiB
TypeScript
231 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import { CheckCircle, Clock, Home, Leaf, MapPin, Shield, Smile, Star } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="Euro Centra"
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Amenities", id: "amenities" },
|
||
{ name: "Testimonials", id: "testimonials" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="Euro Centra Pakistan"
|
||
description="Your Quiet Luxury Stay in DHA Lahore"
|
||
buttons={[
|
||
{ text: "Book Now", href: "tel:+923218291489" },
|
||
{ text: "Reserve Room", href: "#contact" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-with-umbrellas_1127-2147.jpg"
|
||
imageAlt="Luxury guest house exterior with elegant garden"
|
||
showDimOverlay={true}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Euro Centra Pakistan – Your Executive Sanctuary in DHA Phase 3"
|
||
metrics={[
|
||
{ icon: Shield, label: "Secure DHA Location", value: "4.7★" },
|
||
{ icon: Leaf, label: "Peaceful Environment", value: "39 Reviews" },
|
||
{ icon: MapPin, label: "Prime Neighborhood", value: "DHA Phase 3" },
|
||
{ icon: Home, label: "Comfortable Stay", value: "Premium" },
|
||
]}
|
||
useInvertedBackground={false}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="amenities" data-section="amenities">
|
||
<FeatureCardThree
|
||
features={[
|
||
{
|
||
id: "01", title: "Peaceful Neighborhood", description: "Nestled in one of Lahore's most secure and upscale residential areas, experience unparalleled tranquility and safety", imageSrc: "http://img.b2bpic.net/free-photo/color-beautiful-sky-vintage-forest_1203-6343.jpg?_wi=1", imageAlt: "Peaceful DHA neighborhood with green surroundings"
|
||
},
|
||
{
|
||
id: "02", title: "Lush Garden & Greenery", description: "Beautiful landscaping and a nearby famous walking park create the perfect environment for relaxation and meditation", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-meadow-with-trees-surface_181624-37164.jpg?_wi=1", imageAlt: "Lush green garden and walking park area"
|
||
},
|
||
{
|
||
id: "03", title: "Comfortable Rooms", description: "Elegantly appointed accommodations with modern amenities designed for ultimate comfort and relaxation", imageSrc: "http://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg?_wi=1", imageAlt: "Luxury guest bedroom with premium bedding"
|
||
},
|
||
{
|
||
id: "04", title: "Secure Parking", description: "Protected parking facilities ensuring your vehicle's safety throughout your stay at our premises", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg?_wi=1", imageAlt: "Modern lounge and reception area"
|
||
},
|
||
{
|
||
id: "05", title: "Easy City Access", description: "Strategically located for convenient access to business districts, shopping, and dining across Lahore", imageSrc: "http://img.b2bpic.net/free-photo/color-beautiful-sky-vintage-forest_1203-6343.jpg?_wi=2", imageAlt: "DHA location with easy access to city"
|
||
},
|
||
{
|
||
id: "06", title: "Professional Service", description: "Dedicated staff committed to providing exceptional hospitality and personalized service for every guest", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg?_wi=2", imageAlt: "Professional lounge and reception service"
|
||
},
|
||
]}
|
||
title="Premium Amenities & Features"
|
||
description="Discover the perfect blend of comfort, security, and tranquility designed for discerning travelers and professionals"
|
||
tag="What We Offer"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardOne
|
||
metrics={[
|
||
{
|
||
id: "1", value: "4.7", title: "Guest Rating", description: "Excellent reviews from discerning travelers", icon: Star,
|
||
},
|
||
{
|
||
id: "2", value: "39", title: "Verified Reviews", description: "Authentic feedback from verified guests", icon: CheckCircle,
|
||
},
|
||
{
|
||
id: "3", value: "100%", title: "Satisfaction", description: "Committed to exceptional guest experience", icon: Smile,
|
||
},
|
||
{
|
||
id: "4", value: "24/7", title: "Guest Support", description: "Round-the-clock service and assistance", icon: Clock,
|
||
},
|
||
]}
|
||
title="Why Guests Choose Euro Centra Pakistan"
|
||
description="Trusted by travelers and professionals seeking excellence, comfort, and peaceful luxury accommodations"
|
||
tag="Our Achievements"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Ahmed Hassan, Business Executive", date: "Date: 15 November 2024", title: "Beautiful quiet place in DHA Phase 3 near a famous park", quote: "Exceptional location and peaceful environment. Perfect for business travelers who value tranquility and security. The staff was incredibly attentive to every detail.", tag: "Business Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-holding-disposable-coffee-cup-hand_23-2147943768.jpg", avatarAlt: "Ahmed Hassan", imageSrc: "http://img.b2bpic.net/free-photo/color-beautiful-sky-vintage-forest_1203-6343.jpg?_wi=3", imageAlt: "DHA Phase 3 peaceful neighborhood"
|
||
},
|
||
{
|
||
id: "2", name: "Fatima Khan, Corporate Manager", date: "Date: 28 October 2024", title: "Very good, I liked it", quote: "Peaceful environment with a lush green park for walking. The rooms are comfortable and the hospitality is top-notch. I would definitely return.", tag: "Corporate Guest", avatarSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg", avatarAlt: "Fatima Khan", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-meadow-with-trees-surface_181624-37164.jpg?_wi=2", imageAlt: "Green garden and walking park"
|
||
},
|
||
{
|
||
id: "3", name: "Samir Ali, Entrepreneur", date: "Date: 12 September 2024", title: "Peaceful environment with comfort and elegance", quote: "The attention to detail is remarkable. From the moment I arrived, I felt welcomed and valued. This is truly a luxury sanctuary in the heart of Lahore.", tag: "Executive Stay", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg", avatarAlt: "Samir Ali", imageSrc: "http://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg?_wi=2", imageAlt: "Luxury guest room interior"
|
||
},
|
||
{
|
||
id: "4", name: "Aisha Malik, International Visitor", date: "Date: 5 August 2024", title: "A serene escape from the hustle and bustle", quote: "Located in one of Lahore's most secure neighborhoods, this property offers the perfect blend of luxury and peace. Highly recommended for anyone seeking quality accommodations.", tag: "International Guest", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident-stan_1258-118782.jpg", avatarAlt: "Aisha Malik", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg?_wi=3", imageAlt: "Elegant lounge area"
|
||
},
|
||
{
|
||
id: "5", name: "Omar Farooq, Professional", date: "Date: 20 July 2024", title: "Excellence in hospitality and comfort", quote: "Excellent choice for a luxury stay. The proximity to green spaces and the secure location make it ideal for professionals and travelers alike.", tag: "Professional Guest", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", avatarAlt: "Omar Farooq", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-meadow-with-trees-surface_181624-37164.jpg?_wi=3", imageAlt: "Peaceful garden setting"
|
||
},
|
||
{
|
||
id: "6", name: "Zainab Ahmed, Travel Enthusiast", date: "Date: 8 June 2024", title: "Perfect for a peaceful luxury retreat", quote: "Beautifully maintained property with premium amenities. The staff goes above and beyond to ensure guest satisfaction. Will definitely book again.", tag: "Leisure Guest", avatarSrc: "http://img.b2bpic.net/free-photo/my-big-dream-is-working-big-company_329181-11421.jpg", avatarAlt: "Zainab Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg?_wi=3", imageAlt: "Comfortable guest accommodation"
|
||
},
|
||
]}
|
||
title="Guest Testimonials"
|
||
description="Hear from our satisfied guests about their memorable stays at Euro Centra Pakistan"
|
||
tag="Guest Experiences"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="socialproof" data-section="socialproof">
|
||
<SocialProofOne
|
||
title="Trusted by Travelers Worldwide"
|
||
description="Euro Centra Pakistan is the preferred choice for business executives, professionals, and international visitors seeking luxury accommodations in Lahore"
|
||
tag="Verified Excellence"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Business Professionals", "International Travelers", "Corporate Executives", "Executive Hotels Network", "Luxury Accommodations", "DHA Verified", "Premium Guest Services", "Lahore Tourism"
|
||
]}
|
||
speed={40}
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="Get In Touch"
|
||
title="Plan Your Peaceful Stay"
|
||
description="Contact us today to book your luxury accommodation at Euro Centra Pakistan. Located in the heart of DHA Phase 3, we're ready to provide you with an unforgettable guest experience."
|
||
inputPlaceholder="Your email address"
|
||
buttonText="Subscribe"
|
||
termsText="By subscribing, you agree to receive updates about our available rooms and special offers. We respect your privacy."
|
||
useInvertedBackground={false}
|
||
background={{ variant: "rotated-rays-static-grid" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Navigation", items: [
|
||
{ label: "Home", href: "#hero" },
|
||
{ label: "About", href: "#about" },
|
||
{ label: "Amenities", href: "#amenities" },
|
||
{ label: "Testimonials", href: "#testimonials" },
|
||
],
|
||
},
|
||
{
|
||
title: "Contact Info", items: [
|
||
{ label: "Call: +92 321 8291489", href: "tel:+923218291489" },
|
||
{
|
||
label: "Location: DHA Phase 3, Lahore", href: "https://maps.google.com/?q=507-Z+Street+22+Sector+Z+DHA+Phase+3+Lahore"
|
||
},
|
||
{ label: "Open: 24/7", href: "#" },
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Booking Terms", href: "#" },
|
||
],
|
||
},
|
||
{
|
||
title: "Follow Us", items: [
|
||
{ label: "WhatsApp", href: "https://wa.me/923218291489" },
|
||
{ label: "Email", href: "mailto:info@eurocentra.com" },
|
||
{
|
||
label: "Maps", href: "https://maps.google.com/?q=507-Z+Street+22+Sector+Z+DHA+Phase+3+Lahore"
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2025 Euro Centra Pakistan – Lahore. All rights reserved."
|
||
bottomRightText="Luxury Guest House in DHA Phase 3"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|