Update src/app/page.tsx
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user