413 lines
17 KiB
TypeScript
413 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Heart, Home, Star, Zap, MessageSquare, Camera, MapPin } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "Location", id: "location" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Navigation",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Rooms", href: "#rooms" },
|
|
{ label: "Amenities", href: "#amenities" },
|
|
{ label: "Gallery", href: "#gallery" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Phone: +1 (234) 567-8900", href: "tel:+1234567890" },
|
|
{ label: "Email: info@comfortguesthouse.com", href: "mailto:info@comfortguesthouse.com" },
|
|
{ label: "Address: 123 Main Street, City, State", href: "#" },
|
|
{ label: "Hours: 24/7 Reception", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Booking", href: "#booking" },
|
|
{ label: "Reviews", href: "/reviews" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Comfort Guest House" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Comfortable & Affordable Stay at Comfort Guest House"
|
|
description="Relax in a clean, peaceful, and welcoming environment. Book your perfect getaway today."
|
|
tag="Warm Welcome"
|
|
tagIcon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/long-shot-man-walking-outside-with-medical-mask_23-2148693043.jpg"
|
|
imageAlt="Comfort Guest House welcoming entrance"
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Johnson",
|
|
handle: "Business Traveler",
|
|
testimonial: "Incredibly clean rooms and friendly staff. Perfect place to stay during my work trip!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-confident_1298-133.jpg?_wi=1",
|
|
imageAlt: "Sarah Johnson",
|
|
},
|
|
{
|
|
name: "Michael Chen",
|
|
handle: "Tourist",
|
|
testimonial: "Amazing location, comfortable beds, and great prices. Will definitely come back!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3132.jpg?_wi=1",
|
|
imageAlt: "Michael Chen",
|
|
},
|
|
{
|
|
name: "Emily Rodriguez",
|
|
handle: "Family Visitor",
|
|
testimonial: "Our family loved staying here. Clean, safe, and the staff was so helpful and welcoming.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg?_wi=1",
|
|
imageAlt: "Emily Rodriguez",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+1234567890" },
|
|
{ text: "Check Availability", href: "#booking" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardThree
|
|
title="Our Rooms & Accommodations"
|
|
description="Choose from our selection of comfortable, clean, and affordable rooms tailored to your needs."
|
|
tag="Quality Stay"
|
|
tagIcon={Home}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "deluxe",
|
|
name: "Deluxe Room",
|
|
price: "$65/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-3648.jpg?_wi=1",
|
|
imageAlt: "Deluxe Room with comfortable bed",
|
|
initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "standard",
|
|
name: "Standard Room",
|
|
price: "$45/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-home-suffering-from-illness_23-2149117915.jpg?_wi=1",
|
|
imageAlt: "Standard Room neat and clean",
|
|
initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "family",
|
|
name: "Family Suite",
|
|
price: "$85/night",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-children_23-2149310669.jpg?_wi=1",
|
|
imageAlt: "Family Suite spacious accommodation",
|
|
initialQuantity: 1,
|
|
},
|
|
]}
|
|
buttons={[{ text: "Book Now", href: "#booking" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Why Choose Comfort Guest House"
|
|
description="Experience hospitality that puts comfort, safety, and value at the forefront."
|
|
tag="Our Promise"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Clean & Comfortable Rooms",
|
|
tags: ["Daily Cleaning", "Quality Bedding"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-3648.jpg?_wi=2",
|
|
imageAlt: "Clean comfortable bedroom",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Friendly Local Hospitality",
|
|
tags: ["Warm Welcome", "Personal Touch"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/table-sofa-rug-office_23-2147650961.jpg?_wi=1",
|
|
imageAlt: "Welcoming lounge area",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Affordable Rates",
|
|
tags: ["Best Value", "No Hidden Fees"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-home-suffering-from-illness_23-2149117915.jpg?_wi=2",
|
|
imageAlt: "Budget friendly room",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Convenient Location",
|
|
tags: ["Easy Access", "Transport Nearby"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/city-map-gps-flat-design_23-2147620553.jpg?_wi=1",
|
|
imageAlt: "Strategic city location",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardTwentyThree
|
|
title="Guest House Amenities"
|
|
description="Everything you need for a comfortable and convenient stay."
|
|
tag="Full Service"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Free WiFi",
|
|
tags: ["High Speed", "All Rooms"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/gradient-wifi-symbol_78370-3802.jpg?_wi=1",
|
|
imageAlt: "Free WiFi available",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Secure Parking",
|
|
tags: ["24/7 Monitored", "Free Parking"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/isometric-reserved-parking-lot-banner-template_1284-54639.jpg?_wi=1",
|
|
imageAlt: "Secure parking facility",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "24/7 Security",
|
|
tags: ["CCTV", "Safe & Secure"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/shield-template_23-2147510776.jpg?_wi=1",
|
|
imageAlt: "24 hour security service",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Breakfast Options",
|
|
tags: ["Fresh Daily", "Inclusive"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/2d-food-dish-collection_23-2148053405.jpg?_wi=1",
|
|
imageAlt: "Breakfast service available",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "24/7 Guest Support",
|
|
tags: ["Always Ready", "Multilingual"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/person-working-support_1212-37.jpg?_wi=1",
|
|
imageAlt: "Round the clock assistance",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Quiet Environment",
|
|
tags: ["Peaceful", "Restful Sleep"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/burst-laughter_1385-2170.jpg?_wi=1",
|
|
imageAlt: "Quiet and peaceful setting",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Guests Say"
|
|
description="Real feedback from travelers who've experienced our hospitality."
|
|
tag="Guest Reviews"
|
|
tagIcon={MessageSquare}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "David Kim",
|
|
handle: "Business Traveler",
|
|
testimonial: "Perfect place for work trips. Clean rooms, reliable WiFi, and very affordable. Highly recommend!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg?_wi=1",
|
|
imageAlt: "David Kim",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Lisa Wong",
|
|
handle: "Tourist",
|
|
testimonial: "Amazing stay! The staff was so helpful with directions and recommendations. Will definitely return!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg?_wi=1",
|
|
imageAlt: "Lisa Wong",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "James Peterson",
|
|
handle: "Family Visitor",
|
|
testimonial: "Great value for money. Spacious rooms, clean bathrooms, and safe environment. Perfect for families!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-with-three-raised-fingers_1187-1053.jpg?_wi=1",
|
|
imageAlt: "James Peterson",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Sofia Martinez",
|
|
handle: "Solo Traveler",
|
|
testimonial: "Felt completely safe and welcome. The peaceful environment and friendly staff made my stay memorable.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-confident_1298-133.jpg?_wi=2",
|
|
imageAlt: "Sofia Martinez",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Ahmed Hassan",
|
|
handle: "Business Traveler",
|
|
testimonial: "Excellent customer service and attention to detail. Every aspect of my stay was well taken care of!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3132.jpg?_wi=2",
|
|
imageAlt: "Ahmed Hassan",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Jennifer Lee",
|
|
handle: "Weekend Getaway",
|
|
testimonial: "Cozy, clean, and affordable! The location is perfect for exploring the city. Loved every moment!",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg?_wi=2",
|
|
imageAlt: "Jennifer Lee",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<BlogCardThree
|
|
title="Photo Gallery"
|
|
description="Explore our guest house rooms, facilities, and surroundings through our gallery."
|
|
tag="Visual Tour"
|
|
tagIcon={Camera}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
blogs={[
|
|
{
|
|
id: "1",
|
|
category: "Rooms",
|
|
title: "Deluxe Room",
|
|
excerpt: "Spacious and comfortable accommodation with premium bedding and amenities.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-2088.jpg?_wi=1",
|
|
imageAlt: "Deluxe room interior",
|
|
authorName: "Comfort Guest House",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-confident_1298-133.jpg",
|
|
date: "Always Available",
|
|
},
|
|
{
|
|
id: "2",
|
|
category: "Rooms",
|
|
title: "Standard Room",
|
|
excerpt: "Clean, bright rooms perfect for budget-conscious travelers seeking comfort.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-space-decorated-boho-style_23-2150771559.jpg?_wi=1",
|
|
imageAlt: "Standard room interior",
|
|
authorName: "Comfort Guest House",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3132.jpg",
|
|
date: "Always Available",
|
|
},
|
|
{
|
|
id: "3",
|
|
category: "Property",
|
|
title: "Exterior & Entrance",
|
|
excerpt: "Welcoming facade and secure entrance providing a warm first impression.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hipster-african-american-girl-wearing-jeans-shirt-with-leopard-sleeves-posing-street-against-modern-office-building-with-blue-windows_627829-7123.jpg?_wi=1",
|
|
imageAlt: "Property exterior",
|
|
authorName: "Comfort Guest House",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg",
|
|
date: "Always Available",
|
|
},
|
|
{
|
|
id: "4",
|
|
category: "Amenities",
|
|
title: "Common Lounge",
|
|
excerpt: "Comfortable shared spaces perfect for relaxing and meeting fellow guests.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-seminar-office-concept_53876-148131.jpg?_wi=1",
|
|
imageAlt: "Common lounge area",
|
|
authorName: "Comfort Guest House",
|
|
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
|
date: "Always Available",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<MediaAbout
|
|
title="Find Us Easily"
|
|
description="Strategically located with easy access to public transport, attractions, and business centers. Directions and nearby points of interest available."
|
|
tag="Convenient Location"
|
|
tagIcon={MapPin}
|
|
imageSrc="http://img.b2bpic.net/free-vector/city-map-gps-flat-design_23-2147620553.jpg?_wi=2"
|
|
imageAlt="Comfort Guest House location on map"
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.google.com" },
|
|
{ text: "Call Us", href: "tel:+1234567890" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for a Comfortable Stay? Let's Make Your Reservation Today."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+1234567890" },
|
|
{ text: "Book Online", href: "#booking" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Comfort Guest House"
|
|
copyrightText="© 2025 Comfort Guest House. All rights reserved."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |