Merge version_2 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Car, Coffee } from "lucide-react";
|
||||
import { Car, Coffee, Gamepad2, HelpCircle, MessageSquare, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,97 +30,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Rules", id: "features" },
|
||||
{ name: "Examples", id: "testimonials" },
|
||||
{ name: "Help", id: "faq" },
|
||||
{ name: "Feedback", id: "contact" },
|
||||
]}
|
||||
brandName="Oakwood House"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
brandName="GuessIt Game"
|
||||
button={{ text: "Play Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Stay in Elegance at Oakwood House"
|
||||
description="Experience the perfect blend of rustic charm and modern luxury. Book your serene getaway in our historic guest house today."
|
||||
background={{ variant: "plain" }}
|
||||
title="Master the Ultimate Guessing Game"
|
||||
description="Sharpen your intuition and climb the leaderboard. A fun, challenging, and addictive experience waiting for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Rooms",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Playing", href: "#contact" },
|
||||
{ text: "Game Rules", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-front-door-with-orange-wall-plants_23-2149360604.jpg"
|
||||
imageAlt="Oakwood House Guesthouse exterior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-came-woman-with-gift-home_1398-3803.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-showing-happy-couple-resting-hotel-room_1153-3764.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-lovely-cheerful-european-woman-has-broad-tender-smile-long-straight-hair-wears-red-hat_273609-26923.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-pretty-woman-posing_344912-3168.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/calm-relaxed-holidaymaker-sitting-sunshine_259150-59745.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 500+ happy guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Rustic Elegance",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Breakfast Included",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Historic Charm",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Parking",
|
||||
icon: Car,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nature Retreat",
|
||||
},
|
||||
{ type: "text-icon", text: "Scoring System", icon: Star },
|
||||
{ type: "text-icon", text: "Real-time Feedback", icon: Gamepad2 },
|
||||
{ type: "text", text: "Weekly Challenges" },
|
||||
{ type: "text-icon", text: "Helpful Hints", icon: HelpCircle },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,15 +65,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Sanctuary of Peace",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-elegance-luxury-cozy-bedroom-generated-by-ai_188544-29887.jpg",
|
||||
alt: "Guesthouse lobby interior",
|
||||
},
|
||||
{ type: "text", content: "Intuitive Gameplay Mechanics" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-elegance-luxury-cozy-bedroom-generated-by-ai_188544-29887.jpg", alt: "Game interface" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,29 +79,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "The Master Suite",
|
||||
description: "Spacious suite with garden views and vintage decor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-bed-concept_23-2148877644.jpg",
|
||||
titleIconSrc: "Sparkles",
|
||||
buttonText: "View Detail",
|
||||
title: "Scoring System", description: "Earn points for every accurate guess. Streak multipliers apply for consecutive correct answers.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-bed-concept_23-2148877644.jpg", titleIconSrc: "Star", buttonText: "Learn More"
|
||||
},
|
||||
{
|
||||
title: "The Cozy Nook",
|
||||
description: "Intimate, sun-drenched room perfect for solo travelers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
|
||||
titleIconSrc: "Sparkles",
|
||||
buttonText: "View Detail",
|
||||
title: "Feedback Loop", description: "Instant visual and sound feedback tells you how close you were to the correct answer.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", titleIconSrc: "Gamepad2", buttonText: "View Details"
|
||||
},
|
||||
{
|
||||
title: "The Heritage Room",
|
||||
description: "Classic architecture with modern amenities and fireplace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hunting-house-bedroom-interior-natural-rustic-wooden-floor-bed_8353-8330.jpg",
|
||||
titleIconSrc: "Sparkles",
|
||||
buttonText: "View Detail",
|
||||
title: "Help & Tips", description: "Use your hints wisely! Earn them through gameplay or unlock them with high scores.", imageSrc: "http://img.b2bpic.net/free-photo/hunting-house-bedroom-interior-natural-rustic-wooden-floor-bed_8353-8330.jpg", titleIconSrc: "HelpCircle", buttonText: "View Guide"
|
||||
},
|
||||
]}
|
||||
title="Exquisite Accommodations"
|
||||
description="Every room at Oakwood House is designed for ultimate comfort and relaxation."
|
||||
title="Game Rules & Mechanics"
|
||||
description="Understand how to play and maximize your score."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -183,49 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Traveler",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-came-woman-with-gift-home_1398-3803.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Anderson",
|
||||
role: "Photographer",
|
||||
company: "USA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-showing-happy-couple-resting-hotel-room_1153-3764.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda Chen",
|
||||
role: "Corporate",
|
||||
company: "Asia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-lovely-cheerful-european-woman-has-broad-tender-smile-long-straight-hair-wears-red-hat_273609-26923.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Smith",
|
||||
role: "Author",
|
||||
company: "Canada",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-pretty-woman-posing_344912-3168.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rossi",
|
||||
role: "Artist",
|
||||
company: "Italy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calm-relaxed-holidaymaker-sitting-sunshine_259150-59745.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex P.", role: "Pro Player", company: "Level 50", rating: 5 },
|
||||
{ id: "2", name: "Jordan R.", role: "Casual Player", company: "Level 12", rating: 4 },
|
||||
{ id: "3", name: "Sam T.", role: "Strategist", company: "Level 45", rating: 5 },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our guests say about their stay at Oakwood."
|
||||
title="Example Guessing Scenarios"
|
||||
description="Hear from our top players about how they nailed their perfect guesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -234,25 +114,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, we serve a locally sourced breakfast every morning.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer parking?",
|
||||
content: "Complimentary onsite parking is available for all guests.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the guesthouse pet friendly?",
|
||||
content: "Currently, we are not able to accommodate pets.",
|
||||
},
|
||||
{ id: "1", title: "How do I earn points?", content: "Points are awarded based on accuracy and speed of your guesses." },
|
||||
{ id: "2", title: "What if I'm stuck?", content: "Use the hint feature in the bottom menu to narrow down your choices." },
|
||||
{ id: "3", title: "Are there leaderboards?", content: "Yes, check the dashboard to see your global ranking." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-comfort-living-room-with-sofa-home-decor_169016-6462.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your stay."
|
||||
title="Game Help Center"
|
||||
description="Common questions from our community."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -260,65 +128,27 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquire"
|
||||
title="Reserve Your Stay"
|
||||
description="Send us your dates, and we'll confirm availability shortly."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Feedback"
|
||||
title="Share Your Thoughts"
|
||||
description="We value player input. Send us your suggestions to help improve the game."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-reading-veranda_1163-3424.jpg"
|
||||
inputPlaceholder="Enter your email for booking inquiry"
|
||||
buttonText="Send Inquiry"
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Submit Feedback"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Game", items: [{ label: "Play Now", href: "#hero" }, { label: "Rules", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Help", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Credits", items: [{ label: "Development", href: "#" }, { label: "Design", href: "#" }] },
|
||||
]}
|
||||
logoText="Oakwood House"
|
||||
logoText="GuessIt Game © 2025"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user