bender/fe577932-4d0c-4765-a5f4-e44bdd0e65b0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-20 14:42:26 +00:00
parent 6aabf2827e
commit 2a1b2daa31
1 changed files with 79 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

318
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, TrendingUp, DollarSign, MessageCircle, HelpCircle, Mail, MapPin, Crown } from "lucide-react";
import { Sparkles, TrendingUp, DollarSign, MessageCircle, HelpCircle, Mail, MapPin, Crown, Search, Star, Filter, MapMarked } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -24,35 +24,31 @@ export default function HomePage() {
const footerColumns = [
{
title: "Explore",
items: [
{ label: "Search Hotels", href: "/search" },
{ label: "Browse Restaurants", href: "/listings" },
{ label: "Pricing Plans", href: "/pricing" },
{ label: "View All Listings", href: "/listings" },
title: "Discover", items: [
{ label: "Search Hotels", href: "#search" },
{ label: "Browse Restaurants", href: "#listings" },
{ label: "View All Listings", href: "#listings" },
{ label: "Popular Destinations", href: "#listings" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "#about" },
{ label: "Blog & Tips", href: "#blog" },
{ label: "Careers", href: "#careers" },
{ label: "Press Kit", href: "#press" },
title: "Explore", items: [
{ label: "Hotel Categories", href: "#listings" },
{ label: "Restaurant Types", href: "#listings" },
{ label: "Budget Stays", href: "#listings" },
{ label: "Luxury Properties", href: "#listings" },
],
},
{
title: "Support",
items: [
{ label: "Help Center", href: "#help" },
{ label: "Contact Us", href: "/contact" },
{ label: "Report Issue", href: "#report" },
{ label: "Feedback", href: "#feedback" },
title: "Support", items: [
{ label: "Help Center", href: "#faq" },
{ label: "Contact Us", href: "#contact" },
{ label: "Report Issue", href: "#contact" },
{ label: "Feedback", href: "#contact" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#privacy" },
{ label: "Terms of Service", href: "#terms" },
{ label: "Cookie Policy", href: "#cookies" },
@@ -79,9 +75,7 @@ export default function HomePage() {
navItems={navItems}
brandName="TravelStay"
button={{
text: "Start Exploring",
href: "/",
}}
text: "Start Exploring", href: "/"}}
/>
</div>
@@ -91,18 +85,13 @@ export default function HomePage() {
description="Discover the perfect hotel or restaurant anywhere in the world. Filter by price, ratings, location, and amenities to find exactly what you need—from budget-friendly stays to luxury destinations."
buttons={[
{
text: "Start Searching",
href: "#search",
},
text: "Start Searching", href: "#search"},
{
text: "Browse Listings",
href: "#listings",
},
text: "Browse Listings", href: "#listings"},
]}
buttonAnimation="slide-up"
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
imageAlt="Travel and hotel discovery"
mediaAnimation="blur-reveal"
@@ -113,44 +102,26 @@ export default function HomePage() {
<div id="features" data-section="features">
<FeatureCardOne
title="Powerful Discovery Features"
description="Everything you need to find and book the perfect stay or dining experience."
tag="Core Features"
tagIcon={Sparkles}
title="Smart Discovery Tools for Every Traveler"
description="Advanced features designed to help you find the perfect hotel or restaurant in seconds. Whether you're on a budget or seeking luxury, our intelligent discovery platform has you covered."
tag="Discovery Features"
tagIcon={Search}
features={[
{
title: "Location-Based Search",
description: "Search for hotels and restaurants by your exact location, city, or country. Get results sorted by distance and relevance.",
imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-screens_23-2148427260.jpg?_wi=1",
imageAlt: "Location-based search",
},
title: "Location-Based Discovery", description: "Search hotels and restaurants by city, region, or exact coordinates. Discover establishments near your current location or favorite destinations with one click.", imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-screens_23-2148427260.jpg?_wi=1", imageAlt: "Location-based search for hotels and restaurants"},
{
title: "Smart Rating System",
description: "Browse verified 1-5 star ratings from real customers. Filter by rating to find top-rated establishments only.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160766.jpg?_wi=1",
imageAlt: "Star rating system",
},
title: "Verified Guest Ratings", description: "Browse authentic 1-5 star ratings and detailed reviews from verified guests. Filter by rating to instantly find top-rated properties that match your expectations.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160766.jpg?_wi=1", imageAlt: "Verified star rating system"},
{
title: "Advanced Filtering",
description: "Filter by price range, amenities, cuisine type, accommodation level, and more. Narrow down to your perfect match in seconds.",
imageSrc: "http://img.b2bpic.net/free-vector/promotional-banner_23-2147558766.jpg?_wi=1",
imageAlt: "Advanced filter options",
},
title: "Intelligent Filtering", description: "Refine your search by price range, amenities, cuisine type, accommodation style, and more. Our smart filters learn your preferences and suggest properties you'll love.", imageSrc: "http://img.b2bpic.net/free-vector/promotional-banner_23-2147558766.jpg?_wi=1", imageAlt: "Advanced filtering options for discovery"},
{
title: "Instant Booking",
description: "Book your stay or reserve your table directly through our platform with secure checkout and instant confirmation.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-businessman-looking-document_1262-16924.jpg?_wi=1",
imageAlt: "Booking confirmation",
},
title: "Quick Comparison View", description: "Compare multiple hotels or restaurants side-by-side. View prices, amenities, reviews, and photos all at once to make the perfect choice faster.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-businessman-looking-document_1262-16924.jpg?_wi=1", imageAlt: "Property comparison view"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
buttons={[
{
text: "Explore All Features",
href: "#features",
},
text: "Explore Discovery Features", href: "#features"},
]}
useInvertedBackground={false}
/>
@@ -158,51 +129,21 @@ export default function HomePage() {
<div id="products" data-section="products">
<ProductCardFour
title="Popular Listings"
description="Explore our most popular hotels and restaurants across all price ranges and rating categories."
title="Top Discoveries This Week"
description="Explore the most searched and highest-rated hotels and restaurants discovered by travelers like you. From hidden gems to iconic destinations."
tag="Trending Now"
tagIcon={TrendingUp}
products={[
{
id: "hotel-1",
name: "Budget Stay Inn",
price: "$25-50/night",
variant: "1-2 Star Budget Hotel",
imageSrc: "http://img.b2bpic.net/free-vector/flat-landing-page-template-hotel-accommodation_23-2150325545.jpg?_wi=1",
imageAlt: "Budget hotel room",
},
id: "hotel-1", name: "Budget Stay Inn", price: "$25-50/night", variant: "1-2 Star Budget Hotel", imageSrc: "http://img.b2bpic.net/free-vector/flat-landing-page-template-hotel-accommodation_23-2150325545.jpg?_wi=1", imageAlt: "Budget hotel room"},
{
id: "hotel-2",
name: "Comfort Suites",
price: "$60-120/night",
variant: "3-4 Star Mid-Range",
imageSrc: "http://img.b2bpic.net/free-photo/opened-luggage-with-folded-clothes-passport_23-2148927440.jpg?_wi=1",
imageAlt: "Mid-range hotel room",
},
id: "hotel-2", name: "Comfort Suites", price: "$60-120/night", variant: "3-4 Star Mid-Range", imageSrc: "http://img.b2bpic.net/free-photo/opened-luggage-with-folded-clothes-passport_23-2148927440.jpg?_wi=1", imageAlt: "Mid-range hotel room"},
{
id: "hotel-3",
name: "Grand Luxury Resort",
price: "$200-500/night",
variant: "5 Star Premium",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1",
imageAlt: "Luxury hotel suite",
},
id: "hotel-3", name: "Grand Luxury Resort", price: "$200-500/night", variant: "5 Star Premium", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1", imageAlt: "Luxury hotel suite"},
{
id: "restaurant-1",
name: "Local Cafe Bistro",
price: "$5-15/person",
variant: "Casual Dining 1-3 Star",
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150423993.jpg?_wi=1",
imageAlt: "Casual restaurant",
},
id: "restaurant-1", name: "Local Cafe Bistro", price: "$5-15/person", variant: "Casual Dining 1-3 Star", imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150423993.jpg?_wi=1", imageAlt: "Casual restaurant"},
{
id: "restaurant-2",
name: "Gourmet Cuisine",
price: "$50-150/person",
variant: "Fine Dining 4-5 Star",
imageSrc: "http://img.b2bpic.net/free-photo/various-dessert-served-plate_140725-4307.jpg?_wi=1",
imageAlt: "Fine dining restaurant",
},
id: "restaurant-2", name: "Gourmet Cuisine", price: "$50-150/person", variant: "Fine Dining 4-5 Star", imageSrc: "http://img.b2bpic.net/free-photo/various-dessert-served-plate_140725-4307.jpg?_wi=1", imageAlt: "Fine dining restaurant"},
]}
gridVariant="bento-grid"
animationType="slide-up"
@@ -210,9 +151,7 @@ export default function HomePage() {
useInvertedBackground={true}
buttons={[
{
text: "View All Listings",
href: "/listings",
},
text: "View All Discoveries", href: "#listings"},
]}
/>
</div>
@@ -220,69 +159,35 @@ export default function HomePage() {
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Simple Transparent Pricing"
description="Choose the plan that fits your travel style. All plans include access to our full database and search features."
description="Choose the plan that fits your travel style. All plans include access to our full database and discovery features."
tag="Affordable Plans"
tagIcon={DollarSign}
plans={[
{
id: "basic",
badge: "Budget Traveler",
badgeIcon: MapPin,
price: "Free",
subtitle: "Perfect for exploring",
features: [
"Search unlimited listings",
"View ratings and reviews",
"Basic filtering options",
"Mobile app access",
],
id: "basic", badge: "Budget Traveler", badgeIcon: MapPin,
price: "Free", subtitle: "Perfect for exploring", features: [
"Search unlimited listings", "View verified ratings and reviews", "Basic filtering options", "Mobile app access"],
buttons: [
{
text: "Get Started",
href: "#search",
},
text: "Get Started", href: "#search"},
],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "$9.99/month",
subtitle: "For frequent travelers",
features: [
"All Basic features",
"Advanced filtering",
"Save favorites",
"Price alerts",
"Priority support",
"Exclusive member deals",
],
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
price: "$9.99/month", subtitle: "For frequent travelers", features: [
"All Basic features", "Advanced discovery filters", "Save favorite discoveries", "Price drop alerts", "Priority discovery support", "Exclusive member deals"],
buttons: [
{
text: "Start Free Trial",
href: "#pricing",
},
text: "Start Free Trial", href: "#pricing"},
],
},
{
id: "premium",
badge: "Luxury Seeker",
badgeIcon: Crown,
price: "$24.99/month",
subtitle: "For the discerning traveler",
features: [
"All Pro features",
"Personal travel assistant",
"Exclusive luxury listings",
"VIP concierge access",
"Guaranteed best rates",
"Free cancellations",
],
id: "premium", badge: "Luxury Seeker", badgeIcon: Crown,
price: "$24.99/month", subtitle: "For the discerning traveler", features: [
"All Pro features", "Personal discovery assistant", "Exclusive luxury property access", "VIP concierge discovery service", "Guaranteed best discovery rates", "Free cancellations"],
buttons: [
{
text: "Upgrade Now",
href: "#pricing",
},
text: "Upgrade Now", href: "#pricing"},
],
},
]}
@@ -294,59 +199,23 @@ export default function HomePage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="Loved by Travelers Worldwide"
description="See what real customers have to say about their TravelStay experiences."
tag="Customer Reviews"
tagIcon={MessageCircle}
title="Loved by Discovery Explorers Worldwide"
description="Read real reviews from travelers and food enthusiasts who discovered their perfect hotels and restaurants on TravelStay."
tag="Guest & Customer Reviews"
tagIcon={Star}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Frequent Traveler",
testimonial: "TravelStay made finding my perfect hotel so easy! The filtering options saved me hours of research. I love the verified ratings system.",
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-with-luggage-airport_107420-95905.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Hotel Discoverer - Paris, France", testimonial: "The discovery features helped me find a charming 4-star hotel in the perfect neighborhood. The filtering by location and amenities was exactly what I needed. Would recommend!", imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-with-luggage-airport_107420-95905.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Business Traveler",
testimonial: "The best platform for quick bookings. I use it for every business trip. Customer support is incredible and responsive.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Restaurant Reviewer - Tokyo, Japan", testimonial: "I discovered 15 amazing restaurants through TravelStay during my trip. The verified ratings and guest reviews are incredibly accurate. Best discovery tool ever!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emma Rodriguez",
role: "Food Enthusiast",
testimonial: "As someone who loves dining out, this platform is a game-changer. Finding highly-rated restaurants by location is now my go-to.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-girl-is-posing-studio_176474-59460.jpg",
imageAlt: "Emma Rodriguez",
},
id: "3", name: "Emma Rodriguez", role: "Food Explorer - Barcelona, Spain", testimonial: "As someone who loves discovering new dining experiences, TravelStay's restaurant discovery filters are phenomenal. Finding highly-rated local cuisines by location is seamless.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-girl-is-posing-studio_176474-59460.jpg", imageAlt: "Emma Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Adventure Seeker",
testimonial: "Budget traveler here, and TravelStay's affordable accommodations list is phenomenal. Never overpay again!",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3202.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Budget Discovery Expert - Bangkok, Thailand", testimonial: "Budget traveler here. TravelStay's advanced filtering helped me discover affordable 3-star hotels with excellent reviews. Never overpay again!", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3202.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Lisa Anderson",
role: "Luxury Travel Planner",
testimonial: "The Premium plan is worth every penny. Exclusive luxury listings and the VIP concierge service made my vacation perfect.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg",
imageAlt: "Lisa Anderson",
},
id: "5", name: "Lisa Anderson", role: "Luxury Discovery Curator - Dubai, UAE", testimonial: "The Premium plan gave me access to exclusive luxury properties I couldn't discover anywhere else. The VIP concierge service was outstanding!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman-with-sunglasses_23-2148603032.jpg", imageAlt: "Lisa Anderson"},
{
id: "6",
name: "James Wilson",
role: "Family Vacation Organizer",
testimonial: "Finding family-friendly hotels with the right amenities has never been easier. TravelStay is a must-have for parents!",
imageSrc: "http://img.b2bpic.net/free-photo/headshot-handsome-young-unshaven-african-male-wearing-casual-cozy-sweater_273609-9400.jpg",
imageAlt: "James Wilson",
},
id: "6", name: "James Wilson", role: "Family Travel Planner - Orlando, USA", testimonial: "Finding family-friendly hotels with the right amenities and verified family reviews has been a game-changer. TravelStay's discovery features are unmatched!", imageSrc: "http://img.b2bpic.net/free-photo/headshot-handsome-young-unshaven-african-male-wearing-casual-cozy-sweater_273609-9400.jpg", imageAlt: "James Wilson"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -356,51 +225,27 @@ export default function HomePage() {
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Find answers to common questions about using TravelStay to search and book hotels and restaurants."
tag="Support"
title="Discovery Questions Answered"
description="Get answers to common questions about discovering, searching, and booking hotels and restaurants through TravelStay."
tag="Discovery Help"
tagIcon={HelpCircle}
faqs={[
{
id: "1",
title: "How do I search for hotels and restaurants?",
content: "Use our search bar to enter your location, select your travel dates, and choose between Hotels or Restaurants. Apply filters for price, rating, amenities, and cuisine type to narrow down your results.",
},
id: "1", title: "How do I discover hotels and restaurants?", content: "Use our smart search to enter your location, check-in/check-out dates, and choose hotels or restaurants. Our discovery algorithm shows results sorted by rating, price, and relevance. Apply advanced filters to discover exactly what you're looking for."},
{
id: "2",
title: "Are the ratings and reviews verified?",
content: "Yes, all ratings are verified from customers who have actually stayed at the hotel or dined at the restaurant. We use a strict verification system to ensure authenticity and prevent fake reviews.",
},
id: "2", title: "Are discovery ratings and reviews verified?", content: "Yes, 100% of ratings come from verified guests and diners who actually stayed or dined at the establishment. We use advanced verification technology to prevent fake reviews and ensure authentic discovery experiences."},
{
id: "3",
title: "Can I filter by budget?",
content: "Absolutely! Our advanced filtering system lets you set a price range for hotels (per night) or restaurants (per person). Results are automatically filtered to match your budget.",
},
id: "3", title: "How does discovery filtering work?", content: "Our intelligent discovery filters let you narrow results by price, star rating, amenities, cuisine type, distance, and more. The more filters you apply, the faster you'll discover your perfect match."},
{
id: "4",
title: "How do I make a booking?",
content: "Once you find a property you like, click 'Book Now' or 'Reserve Table'. You'll be taken to our secure checkout where you can complete your reservation instantly with confirmation details sent to your email.",
},
id: "4", title: "Can I save discoveries for later?", content: "Yes! Pro and Premium members can save favorite discoveries to personalized lists. Create custom discovery collections for different trips and compare properties side-by-side."},
{
id: "5",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, debit cards, digital wallets, and bank transfers. All transactions are secure and encrypted with industry-standard SSL technology.",
},
id: "5", title: "What makes discovery results relevant?", content: "Our discovery algorithm considers your filters, ratings, distance, availability, price trends, and personal preferences to show the most relevant results first. Machine learning improves recommendations over time."},
{
id: "6",
title: "Can I cancel my booking?",
content: "Cancellation policies vary by property. Most bookings offer free cancellation up to 48 hours before check-in. Premium members get extended cancellation benefits included in their plan.",
},
id: "6", title: "How current are discovery listings?", content: "All discovery listings update in real-time. Availability, prices, and ratings refresh automatically throughout the day, ensuring you always discover current information."},
{
id: "7",
title: "Is my personal information safe?",
content: "Yes, we prioritize your privacy and security. All personal data is encrypted and protected according to international data protection standards. We never share your information with third parties without consent.",
},
id: "7", title: "Can I discover properties by amenities?", content: "Absolutely! Discover by specific amenities like WiFi, parking, pools, pet-friendly, wheelchair access, cuisine type, and hundreds more. Mix and match filters to discover your ideal property."},
{
id: "8",
title: "How can I contact customer support?",
content: "You can reach our support team via email, live chat, or phone. Premium members get priority support with faster response times. We typically respond within 2 hours.",
},
id: "8", title: "What's the best way to discover hidden gems?", content: "Filter by 3.5-4.5 stars to discover highly-rated but less mainstream properties. Sort by 'Most Reviewed' to find well-established favorites, or sort by 'Recently Added' to discover new discoveries."},
]}
faqsAnimation="slide-up"
textboxLayout="default"
@@ -410,23 +255,18 @@ export default function HomePage() {
<div id="contact" data-section="contact">
<ContactCTA
tag="Get in Touch"
tag="Let's Connect"
tagIcon={Mail}
title="Ready to Start Your Journey?"
description="Have questions or need assistance? Our dedicated support team is here to help you find the perfect hotel or restaurant for your next adventure."
title="Can't Find What You're Looking For?"
description="Our discovery experts are ready to help you find the perfect hotel or restaurant. Reach out anytime with questions, feedback, or discovery requests."
buttons={[
{
text: "Contact Support",
href: "mailto:support@travelstay.com",
},
text: "Contact Discovery Team", href: "mailto:support@travelstay.com"},
{
text: "Live Chat",
href: "#contact",
},
text: "Live Discovery Chat", href: "#contact"},
]}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
useInvertedBackground={true}
/>
</div>
@@ -440,4 +280,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}