Update src/app/page.tsx

This commit is contained in:
2026-05-26 03:24:57 +00:00
parent df95b6da5b
commit 3103d8983b

View File

@@ -12,7 +12,10 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout';
import { Trophy, Users, ShieldCheck } from "lucide-react";
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import { Trophy, Users, ShieldCheck, Wifi, Car, Cloud, Coffee } from "lucide-react";
export default function LandingPage() {
return (
@@ -38,6 +41,15 @@ export default function LandingPage() {
name: "About", id: "#about"},
{
name: "How It Works", id: "#features"},
{
name: "Rooms & Rates", id: "#rooms-rates"
},
{
name: "Gallery", id: "#gallery"
},
{
name: "Amenities", id: "#amenities"
},
{
name: "Leaderboard", id: "#products"},
{
@@ -106,6 +118,86 @@ export default function LandingPage() {
/>
</div>
<div id="rooms-rates" data-section="rooms-rates">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Rooms & Rates"
description="Explore our luxurious rooms and competitive rates designed for every traveler."
plans={[
{
id: "room1", title: "Standard Room", price: "$120", period: "/night", features: ["Free Wi-Fi", "Comfortable Bed", "En-suite Bathroom", "City View"],
button: { text: "Book Now", href: "#contact" },
imageSrc: "https://img.b2bpic.net/free-photo/bed-with-white-sheets-light-room_1406830.jpg?_wi=1", imageAlt: "Standard room"
},
{
id: "room2", title: "Deluxe Suite", price: "$250", period: "/night", features: ["Free Wi-Fi", "King-size Bed", "Spacious Living Area", "Balcony Access", "Complimentary Breakfast"],
button: { text: "Book Now", href: "#contact" },
imageSrc: "https://img.b2bpic.net/free-photo/spacious-hotel-room-with-bed-white-walls_1407335.jpg?_wi=1", imageAlt: "Deluxe suite"
},
{
id: "room3", title: "Executive Penthouse", price: "$500", period: "/night", features: ["Free Wi-Fi", "Premium Amenities", "Private Jacuzzi", "Panoramic Views", "Personal Butler Service", "Gourmet Breakfast"],
button: { text: "Book Now", href: "#contact" },
imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-luxurious-bed-table_1407336.jpg?_wi=1", imageAlt: "Executive penthouse"
}
]}
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Gallery"
description="A visual journey through our beautiful hotel and its surroundings."
products={[
{
id: "g1", name: "Hotel Lobby", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/modern-hotel-lobby-interior-with-reception-desk_1407337.jpg?_wi=1", imageAlt: "Hotel lobby"
},
{
id: "g2", name: "Swimming Pool", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/swimming-pool_1407338.jpg?_wi=1", imageAlt: "Swimming pool"
},
{
id: "g3", name: "Restaurant", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/empty-restaurant-interior_1407339.jpg?_wi=1", imageAlt: "Hotel restaurant"
},
{
id: "g4", name: "Fitness Center", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/hotel-gym-fitness-center-equipment-room-with-treadmills-weight-benches-and-ellipticals-empty_1407340.jpg?_wi=1", imageAlt: "Fitness center"
}
]}
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Our Premium Amenities"
description="Experience unparalleled comfort and convenience with our top-tier services."
features={[
{
icon: Wifi,
title: "Complimentary Wi-Fi", description: "Stay connected with high-speed internet access throughout your stay."
},
{
icon: Car,
title: "Free Parking", description: "Enjoy hassle-free parking options for all our guests."
},
{
icon: Cloud,
title: "Air Conditioning", description: "Individual climate control in every room for your comfort."
},
{
icon: Coffee,
title: "Delicious Breakfast", description: "Start your day with a complimentary, freshly prepared breakfast."
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"