Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8cfaed0051 |
258
src/app/page.tsx
258
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|||||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,97 +30,33 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Rules", id: "features" },
|
||||||
id: "hero",
|
{ name: "Examples", id: "testimonials" },
|
||||||
},
|
{ name: "Help", id: "faq" },
|
||||||
{
|
{ name: "Feedback", id: "contact" },
|
||||||
name: "Rooms",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Oakwood House"
|
brandName="GuessIt Game"
|
||||||
button={{
|
button={{ text: "Play Now", href: "#contact" }}
|
||||||
text: "Book Now",
|
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
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."
|
||||||
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."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Start Playing", href: "#contact" },
|
||||||
text: "Book Your Stay",
|
{ text: "Game Rules", href: "#features" },
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Explore Rooms",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-front-door-with-orange-wall-plants_23-2149360604.jpg"
|
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"
|
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={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text-icon", text: "Scoring System", icon: Star },
|
||||||
type: "text",
|
{ type: "text-icon", text: "Real-time Feedback", icon: Gamepad2 },
|
||||||
text: "Rustic Elegance",
|
{ type: "text", text: "Weekly Challenges" },
|
||||||
},
|
{ type: "text-icon", text: "Helpful Hints", icon: HelpCircle },
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -129,15 +65,8 @@ export default function LandingPage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{ type: "text", content: "Intuitive Gameplay Mechanics" },
|
||||||
type: "text",
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-elegance-luxury-cozy-bedroom-generated-by-ai_188544-29887.jpg", alt: "Game interface" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -150,29 +79,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "The Master Suite",
|
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"
|
||||||
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: "The Cozy Nook",
|
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"
|
||||||
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: "The Heritage Room",
|
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"
|
||||||
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="Exquisite Accommodations"
|
title="Game Rules & Mechanics"
|
||||||
description="Every room at Oakwood House is designed for ultimate comfort and relaxation."
|
description="Understand how to play and maximize your score."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -183,49 +100,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Alex P.", role: "Pro Player", company: "Level 50", rating: 5 },
|
||||||
id: "1",
|
{ id: "2", name: "Jordan R.", role: "Casual Player", company: "Level 12", rating: 4 },
|
||||||
name: "Sarah Miller",
|
{ id: "3", name: "Sam T.", role: "Strategist", company: "Level 45", rating: 5 },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Guest Experiences"
|
title="Example Guessing Scenarios"
|
||||||
description="What our guests say about their stay at Oakwood."
|
description="Hear from our top players about how they nailed their perfect guesses."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -234,25 +114,13 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "How do I earn points?", content: "Points are awarded based on accuracy and speed of your guesses." },
|
||||||
id: "1",
|
{ id: "2", title: "What if I'm stuck?", content: "Use the hint feature in the bottom menu to narrow down your choices." },
|
||||||
title: "Is breakfast included?",
|
{ id: "3", title: "Are there leaderboards?", content: "Yes, check the dashboard to see your global ranking." },
|
||||||
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.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/home-comfort-living-room-with-sofa-home-decor_169016-6462.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/home-comfort-living-room-with-sofa-home-decor_169016-6462.jpg"
|
||||||
title="Frequently Asked Questions"
|
title="Game Help Center"
|
||||||
description="Everything you need to know about your stay."
|
description="Common questions from our community."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -260,62 +128,24 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
tag="Feedback"
|
||||||
}}
|
title="Share Your Thoughts"
|
||||||
tag="Inquire"
|
description="We value player input. Send us your suggestions to help improve the game."
|
||||||
title="Reserve Your Stay"
|
|
||||||
description="Send us your dates, and we'll confirm availability shortly."
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-reading-veranda_1163-3424.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-reading-veranda_1163-3424.jpg"
|
||||||
inputPlaceholder="Enter your email for booking inquiry"
|
inputPlaceholder="Your email"
|
||||||
buttonText="Send Inquiry"
|
buttonText="Submit Feedback"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Game", items: [{ label: "Play Now", href: "#hero" }, { label: "Rules", href: "#features" }] },
|
||||||
title: "Explore",
|
{ title: "Support", items: [{ label: "Help", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||||
items: [
|
{ title: "Credits", items: [{ label: "Development", href: "#" }, { label: "Design", href: "#" }] },
|
||||||
{
|
|
||||||
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: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Oakwood House"
|
logoText="GuessIt Game © 2025"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user