Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #5.
This commit is contained in:
248
src/app/page.tsx
248
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
@@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Building2, Check, Smile, Utensils, Wifi, Dumbbell } from "lucide-react";
|
||||
import { Award, Building2, Check, Smile, Utensils, Wifi, Dumbbell, MapPin, Phone, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,40 +33,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rooms", id: "rooms"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms & Prices", id: "rooms" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lemon Tree Hotels"
|
||||
brandName="The Fern Residency"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Lemon Tree Hotels"
|
||||
description="Experience comfort, refreshing hospitality, and exceptional service in every stay across India."
|
||||
logoText="The Fern Residency"
|
||||
description="Environmentally sensitive hotels that offer a unique blend of comfort and sustainability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay", href: "#rooms"},
|
||||
{ text: "View Rooms", href: "#rooms" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4640.jpg", imageAlt: "Luxury hotel interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4485.jpg", imageAlt: "Hotel lobby"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fruit-tree_23-2147811159.jpg", imageAlt: "Modern hotel room"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg", imageAlt: "Refreshing hospitality"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-house-exterior-flora-outside-plant_53876-16479.jpg", imageAlt: "Exceptional service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg", imageAlt: "Lemon Tree stay"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4640.jpg", imageAlt: "Luxury room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4485.jpg", imageAlt: "Modern lobby" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -74,73 +59,16 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Refreshing Hospitality"
|
||||
title="Our Commitment"
|
||||
metrics={[
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Hotels in India", value: "100+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Guests", value: "1M+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience", value: "20+"},
|
||||
{ icon: Building2, label: "Properties", value: "80+" },
|
||||
{ icon: Smile, label: "Happy Guests", value: "500k+" },
|
||||
{ icon: Award, label: "Sustainability", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Free WiFi", description: "Stay connected with high-speed internet in all areas.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-with-double-bed-tv_1203-775.jpg", imageAlt: "luxury hotel lobby wide angle"},
|
||||
items: [
|
||||
{
|
||||
icon: Wifi,
|
||||
text: "Unlimited Access"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "High Speed"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Fitness Center", description: "Keep up with your fitness routine even on the road.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-helping-client_23-2149300896.jpg", imageAlt: "luxury hotel lobby wide angle"},
|
||||
items: [
|
||||
{
|
||||
icon: Dumbbell,
|
||||
text: "Modern Equipment"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "24/7 Access"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Dining Options", description: "Savor delicious cuisines prepared by world-class chefs.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/village-landscape_1182-836.jpg", imageAlt: "luxury hotel lobby wide angle"},
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "In-room Dining"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Authentic Cuisines"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Why Stay With Us"
|
||||
description="We offer more than just a room; we offer a refreshingly different hotel experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
@@ -148,151 +76,31 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Standard Room", price: "₹3,500 / night", variant: "Compact", imageSrc: "http://img.b2bpic.net/free-vector/classic-family-bedroom-interior-design_1284-10414.jpg"},
|
||||
{
|
||||
id: "2", name: "Executive Room", price: "₹5,500 / night", variant: "Spacious", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg"},
|
||||
{
|
||||
id: "3", name: "Deluxe Room", price: "₹7,500 / night", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg"},
|
||||
{
|
||||
id: "4", name: "Premium Suite", price: "₹12,000 / night", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg"},
|
||||
{
|
||||
id: "5", name: "Studio Room", price: "₹4,500 / night", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-interior-lighting-luxury-home_1203-4564.jpg"},
|
||||
{
|
||||
id: "6", name: "Family Suite", price: "₹15,000 / night", variant: "Extra Spacious", imageSrc: "http://img.b2bpic.net/free-photo/hotel-bedroom-with-double-bed-table-tv-set_1262-3034.jpg"},
|
||||
{ id: "1", name: "Winter Green Room", price: "₹4,500 / night", variant: "Cozy", imageSrc: "http://img.b2bpic.net/free-vector/classic-family-bedroom-interior-design_1284-10414.jpg" },
|
||||
{ id: "2", name: "Fern Club Room", price: "₹6,500 / night", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg" },
|
||||
{ id: "3", name: "Hazel Suite", price: "₹9,000 / night", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg" },
|
||||
]}
|
||||
title="Our Accommodations"
|
||||
description="Choose from a variety of rooms designed for comfort and luxury."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "silver", badge: "Silver", price: "₹5,000/yr", subtitle: "Basic benefits", buttons: [
|
||||
{
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"10% off stay", "Late check-out"],
|
||||
},
|
||||
{
|
||||
id: "gold", badge: "Gold", price: "₹10,000/yr", subtitle: "Frequent stay perks", buttons: [
|
||||
{
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"20% off stay", "Free breakfast", "Priority check-in"],
|
||||
},
|
||||
{
|
||||
id: "platinum", badge: "Platinum", price: "₹20,000/yr", subtitle: "Elite guest experience", buttons: [
|
||||
{
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"30% off stay", "Free upgrades", "Airport transfer", "VIP access"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Join our loyalty program for exclusive benefits and rewards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Corporate Partner 1", "Travel Agency A", "Business Association", "Tourism Council", "Hospitality Award", "Global Travel Net", "India Business Hub"]}
|
||||
title="Trusted by Millions"
|
||||
description="Join thousands of satisfied guests who choose us every year."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Aman Singh", role: "Traveler", testimonial: "Excellent service and comfortable stay.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-posing-street-dress-with-backpack_1296-809.jpg"},
|
||||
{
|
||||
id: "2", name: "Priya Rao", role: "Business Guest", testimonial: "Best hotel for business meetings.", imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-guy-tourist-with-travel-map-shows-okay-ok-sign-approve-route-holiday-destination_1258-314322.jpg"},
|
||||
{
|
||||
id: "3", name: "Rahul Sharma", role: "Tourist", testimonial: "Amazing experience, great location.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-backpack_23-2148518190.jpg"},
|
||||
{
|
||||
id: "4", name: "Sneha Reddy", role: "Regular Guest", testimonial: "Refreshing atmosphere every time.", imageSrc: "http://img.b2bpic.net/free-photo/guy-modern-street-casual-clothing-with-laptop_613910-7442.jpg"},
|
||||
{
|
||||
id: "5", name: "Amit Kumar", role: "Family Guest", testimonial: "Family-friendly and very helpful.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-smiling_23-2148665464.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Read feedback from guests across India."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I modify my booking?", content: "You can modify or cancel your booking through our 'Manage Booking' portal on our website using your reservation ID."},
|
||||
{
|
||||
id: "2", title: "Is airport pick-up available?", content: "Yes, we offer paid airport transfers. Please contact our reception 24 hours prior to your arrival to schedule your pickup."},
|
||||
{
|
||||
id: "3", title: "Do you host corporate events?", content: "Absolutely! We have state-of-the-art conference rooms and dedicated event planning teams for all your corporate needs."},
|
||||
{
|
||||
id: "4", title: "Are pets allowed?", content: "Currently, we only allow service animals in our premises."
|
||||
}
|
||||
]}
|
||||
sideTitle="Hotel FAQs"
|
||||
sideDescription="Answers to frequently asked questions about our services and policies."
|
||||
faqsAnimation="slide-up"
|
||||
title="Rooms & Rates"
|
||||
description="Discover our range of eco-friendly and comfortable accommodation options."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactText
|
||||
text="Contact Us: 8128939346 | reservation@fernhotels.com | The Fern Residency, Panjim, Goa"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Book Your Stay"
|
||||
description="Have a specific request or looking for group rates? Reach out to our reservations team directly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Lemon Tree Hotels"
|
||||
logoText="The Fern Residency"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Media", href: "#" }
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reservations", items: [
|
||||
{ label: "Book a Room", href: "#rooms" },
|
||||
{ label: "Loyalty Program", href: "#pricing" },
|
||||
{ label: "Group Bookings", href: "#contact" }
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "#faq" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Lemon Tree Hotels. All rights reserved."
|
||||
copyrightText="© 2025 The Fern Residency. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user