Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2da4a5bee2 | |||
| 28cf81d26a |
323
src/app/page.tsx
323
src/app/page.tsx
@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import { Star, Wifi, Coffee, Users, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -18,7 +19,7 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="gradient-radial"
|
||||
@@ -30,299 +31,123 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="VST Residence"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Experience Unrivaled Comfort at VST Residence"
|
||||
description="Discover a blend of luxury, style, and impeccable service in our spacious, clean, and modern sanctuary."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Guest Review",
|
||||
handle: "@Trip",
|
||||
testimonial: "The check-in experience is great! The room is clean and tidy, bedding is comfortable, no strange smell.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-takes-photos-with-his-suitcase-shows-luggage-goes-holiday-makes-selfies_1258-270628.jpg",
|
||||
},
|
||||
{
|
||||
name: "Guest Review",
|
||||
handle: "@Trip",
|
||||
testimonial: "Beautiful hotel, stunning pool and a great workspace. Rooms are spacious and clean. Staff were helpful.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-man-shows-peace-sign-takes-selfies-smartphone-sits-with-suitcase-goes-holiday_1258-314241.jpg",
|
||||
},
|
||||
{
|
||||
name: "Guest Review",
|
||||
handle: "@EricL",
|
||||
testimonial: "Very clean and spacious rooms with all the amenities. Staff very helpful. Good value.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-young-man-shows-approval-gesture-sits-with-wireless-headphones-packs-luggage-tourist-hotel-with-suitcase-holiday_1258-314650.jpg",
|
||||
},
|
||||
{
|
||||
name: "Guest Review",
|
||||
handle: "@Google",
|
||||
testimonial: "Good location, very clean rooms. Stylish reception and breakfast areas are luxurious.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-guy-with-suitcase-takes-selfie-smartphone-shows-ok-sign-approve_1258-270439.jpg",
|
||||
},
|
||||
{
|
||||
name: "Guest Review",
|
||||
handle: "@Trip",
|
||||
testimonial: "You don't expect to find such a classy hotel in this area. Breakfast is buffet and staff is attentive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-sitting-caf-taking-selfie-from-smart-phone_23-2147974615.jpg",
|
||||
},
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="VST Residence: Your Sanctuary in Theparak"
|
||||
description="Discover unparalleled comfort at our modern residence in Samut Prakan. Whether you're here for work or leisure, our clean, stylish rooms and world-class amenities ensure an unforgettable stay just 20 minutes from the airport."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-room_1258-270628.jpg" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/hotel-pool_74190-10020.jpg" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bed_74190-4643.jpg" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/workspace_23-2147876643.jpg" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/gym-facility_23-2149740131.jpg" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/reception_188544-21267.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4643.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/afternoon-tea-set-with-latte-coffee-hot-tea-table-neary-chair-around-swimming-pool_74190-10020.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chair-front-businesswoman-sitting-caf_23-2147876643.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-full-shot_23-2149740131.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ satisfied guests"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
<MediaAbout
|
||||
title="Modern Living in Theparak"
|
||||
description="VST Residence is crafted for the discerning traveler. Located in the heart of Theparak, Samut Prakan, we offer a peaceful escape with premium clean rooms, plush bedding, and professional service. We are committed to making you feel at home."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-hotel-building_74190-4643.jpg"
|
||||
useInvertedBackground={false}
|
||||
title="Luxurious Comfort for Every Guest"
|
||||
description={[
|
||||
"Located just 20 minutes from the airport, VST Residence offers a perfect blend of convenience and luxury. Our hotel is designed to be a stylish escape from the busy city traffic.",
|
||||
"Every room is meticulously cleaned and maintained to ensure a comfortable stay. With spacious interiors and modern amenities, we provide the perfect sanctuary for both business and leisure travelers.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwelve
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
title="Premium Guest Experience"
|
||||
description="We pride ourselves on providing amenities that cater to every need, from professional workspace to refreshing leisure."
|
||||
features={[
|
||||
{
|
||||
title: "Stunning Swimming Pool",
|
||||
description: "Relax in our beautiful, crystal-clear pool, the perfect oasis for a refreshing escape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afternoon-tea-set-with-latte-coffee-hot-tea-table-neary-chair-around-swimming-pool_74190-10020.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dedicated Workspace",
|
||||
description: "Stay productive in our quiet and comfortable workspace area designed for guests.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-front-businesswoman-sitting-caf_23-2147876643.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fitness Center",
|
||||
description: "Keep up with your fitness goals in our well-equipped gym with state-of-the-art machines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-workout-gym-full-shot_23-2149740131.jpg",
|
||||
},
|
||||
{ id: "f1", label: "Leisure", title: "Crystal Clear Pool", items: ["Relaxing atmosphere", "Spacious lounging area", "Regular maintenance"] },
|
||||
{ id: "f2", label: "Business", title: "Dedicated Workspace", items: ["High-speed Wi-Fi", "Ergonomic furniture", "Quiet environment"] },
|
||||
{ id: "f3", label: "Comfort", title: "Plush Bedding", items: ["Premium mattress", "Hygiene guaranteed", "Quiet room policy"] },
|
||||
{ id: "f4", label: "Service", title: "Friendly Staff", items: ["24/7 Front desk", "Concierge services", "Attentive hospitality"] }
|
||||
]}
|
||||
title="World-Class Amenities"
|
||||
description="Enjoy premium facilities designed for your comfort, wellness, and productivity during your stay."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Travelers Love Us"
|
||||
description="Our commitment to quality service shines through our guest feedback and operational standards."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Cleanliness Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20min",
|
||||
description: "To Airport Convenience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8/5",
|
||||
description: "Guest Rating Average",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Guest Rating", value: "4.9/5" },
|
||||
{ id: "m2", icon: Wifi, title: "Workspaces", value: "Available" },
|
||||
{ id: "m3", icon: Coffee, title: "Comfort Index", value: "98%" },
|
||||
{ id: "m4", icon: MapPin, title: "Airport Access", value: "20 min" }
|
||||
]}
|
||||
title="Why Guests Choose VST Residence"
|
||||
description="High standards of service and guest satisfaction reflected in our core performance metrics."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Voices of VST"
|
||||
description="Discover why our guests love their stay with us."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Experience",
|
||||
quote: "The room is clean and tidy, bedding is comfortable. Staff attitude is very good.",
|
||||
name: "Trip Member",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-takes-photos-with-his-suitcase-shows-luggage-goes-holiday-makes-selfies_1258-314169.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Stunning Hotel",
|
||||
quote: "Beautiful hotel, pool is stunning. Great workspace available. Spacious and clean room.",
|
||||
name: "Trip Member",
|
||||
role: "Business Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-reading-email-while-being-hotel-room_637285-7582.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Value",
|
||||
quote: "Very clean, spacious rooms with all amenities. Staff very helpful. Excellent value.",
|
||||
name: "Eric L.",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-attractive-female-best-friends-happy-meet-together-outdoor-cafeteria-after-spending-summer-holidays-abroad-have-pleasant-talk-with-cup-coffee_273609-2313.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Luxurious Style",
|
||||
quote: "Such a classy hotel. Reception, lobby and breakfast area have a luxurious, stylish look.",
|
||||
name: "Trip Member",
|
||||
role: "Vacationer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-meditating-bed-after-packing-suitcase-summer-holiday-sitting-with_1258-270228.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Recommended",
|
||||
quote: "Rooms are clean and staff were friendly and helpful. Definitely worth staying.",
|
||||
name: "Steve V",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-have-fun-bedroom-fighting-with-big-pillows-home_1153-3756.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex P.", handle: "@TripAdvisor", testimonial: "The room was incredibly clean and the bedding was the most comfortable I've experienced in Thailand.", rating: 5 },
|
||||
{ id: "t2", name: "Sarah J.", handle: "@BusinessTraveler", testimonial: "The dedicated workspace made my business trip a breeze. Staff were so friendly and professional.", rating: 5 },
|
||||
{ id: "t3", name: "Mike R.", handle: "@LocalGuest", testimonial: "The pool is absolutely stunning—a perfect oasis in Samut Prakan.", rating: 4 }
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join our satisfied guests who have experienced the VST Residence quality."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the hotel accessible from the airport?",
|
||||
content: "Yes, we are conveniently located just 20 minutes from the airport via the motorway.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer parking?",
|
||||
content: "Yes, we provide excellent off-street parking facilities for our guests.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are the rooms basic?",
|
||||
content: "Our rooms are clean and spacious, designed for comfort with all essential modern amenities.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-people-ring-service-bell-hotel_482257-76550.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your upcoming stay at VST Residence."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Planning Your Stay"
|
||||
description="Answers to common questions about our residence."
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is VST Residence near the airport?", content: "Yes, we are just a convenient 20-minute drive from the airport." },
|
||||
{ id: "q2", title: "What makes your rooms stand out?", content: "We focus on meticulous cleaning standards, premium bedding, and soundproof interiors for maximum comfort." },
|
||||
{ id: "q3", title: "Is there a workspace available?", content: "Yes, we offer designated workspaces with high-speed internet perfect for remote work."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready for your stay? Contact our friendly staff at VST Residence today."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Book Your Stay", href: "#" }]}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to experience comfort? Book your stay at VST Residence today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Front Desk",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="VST Residence"
|
||||
bottomLeftText="© 2024 VST Residence, Theparak."
|
||||
bottomRightText="Samut Prakan, Thailand"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user