Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
290
src/app/page.tsx
290
src/app/page.tsx
@@ -14,197 +14,121 @@ import { AlertTriangle, Flame, Instagram, Skull, Star, Twitter } from "lucide-re
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="HUSH TOYS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="HUSH TOYS"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="HUSH TOYS"
|
||||
description="Enter the darkness. Face your fears. Experience the most immersive horror escape rooms in the UAE."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Experience",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-interior-old-abandoned-building_181624-31016.jpg?_wi=1"
|
||||
imageAlt="Dark horror escape room environment"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-building-deteriorating-time_181624-8876.jpg",
|
||||
alt: "Old building deteriorating over time",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-inside-ruined-toom-with-damaged-heater-black-background_181624-58221.jpg",
|
||||
alt: "Vertical shot of the inside of a ruined toom with a damaged heater on a black background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bathroom-with-sink-wall-covered-dirt-lights-abandoned-building_181624-17791.jpg",
|
||||
alt: "Bathroom with a sink on the wall covered in the dirt under the lights in an abandoned building",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abandoned-room-with-table-middle-shelves-against-wall-near-window_181624-45199.jpg",
|
||||
alt: "Abandoned room with a table in the middle and shelves against a wall near the window",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/weathered-abandoned-building_23-2151840988.jpg",
|
||||
alt: "Weathered and abandoned building",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ brave souls"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="HUSH TOYS"
|
||||
description="Enter the darkness. Face your fears. Experience the most immersive horror escape rooms in the UAE."
|
||||
buttons={[{ text: "Book Your Experience", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-interior-old-abandoned-building_181624-31016.jpg"
|
||||
imageAlt="Dark horror escape room environment"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/old-building-deteriorating-time_181624-8876.jpg", alt: "Old building" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-inside-ruined-toom-with-damaged-heater-black-background_181624-58221.jpg", alt: "Vertical shot" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bathroom-with-sink-wall-covered-dirt-lights-abandoned-building_181624-17791.jpg", alt: "Bathroom" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abandoned-room-with-table-middle-shelves-against-wall-near-window_181624-45199.jpg", alt: "Abandoned room" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/weathered-abandoned-building_23-2151840988.jpg", alt: "Weathered building" },
|
||||
]}
|
||||
avatarText="Join 10,000+ brave souls"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="The Experience"
|
||||
title="Face Your Fears"
|
||||
description="Hush Toys delivers a next-level horror experience designed to test your courage. From cinematic environments to live actors and intense gameplay, every moment is engineered to keep your heart racing."
|
||||
subdescription="No mercy is no joke. Only for the brave."
|
||||
icon={Star}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spooky-old-ruin-abandoned-ruins-generated-by-ai_188544-33105.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="The Experience"
|
||||
title="Face Your Fears"
|
||||
description="Hush Toys delivers a next-level horror experience designed to test your courage. From cinematic environments to live actors and intense gameplay, every moment is engineered to keep your heart racing."
|
||||
subdescription="No mercy is no joke. Only for the brave."
|
||||
icon={Star}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spooky-old-ruin-abandoned-ruins-generated-by-ai_188544-33105.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nun Room",
|
||||
description: "Step into the nunnery and pray you make it out.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Skull,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-showing-peace-sign_23-2148283858.jpg",
|
||||
imageAlt: "Man sitting and showing peace sign",
|
||||
},
|
||||
{
|
||||
title: "Dark Ritual",
|
||||
description: "Complete the forbidden ceremony before time runs out.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-interior-old-abandoned-building_181624-31016.jpg?_wi=2",
|
||||
imageAlt: "Man sitting and showing peace sign",
|
||||
},
|
||||
{
|
||||
title: "No Mercy",
|
||||
description: "The final test. Your courage will be stripped away.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: AlertTriangle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-experiencing-anxiety_23-2150824664.jpg",
|
||||
imageAlt: "Man sitting and showing peace sign",
|
||||
},
|
||||
]}
|
||||
title="Our Rooms"
|
||||
description="Terrifying journeys filled with puzzles, actors, and intense moments."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nun Room", description: "Step into the nunnery and pray you make it out.", bentoComponent: "reveal-icon", icon: Skull,
|
||||
},
|
||||
{
|
||||
title: "Dark Ritual", description: "Complete the forbidden ceremony before time runs out.", bentoComponent: "reveal-icon", icon: Flame,
|
||||
},
|
||||
{
|
||||
title: "No Mercy", description: "The final test. Your courage will be stripped away.", bentoComponent: "reveal-icon", icon: AlertTriangle,
|
||||
},
|
||||
]}
|
||||
title="Our Rooms"
|
||||
description="Terrifying journeys filled with puzzles, actors, and intense moments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Amazing experience. The staff are welcoming and the atmosphere is 10/10 terrifyingly fun!"
|
||||
rating={5}
|
||||
author="Sarah J."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-experiencing-anxiety_23-2150824664.jpg",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9808.jpg",
|
||||
alt: "Mark R",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-117806.jpg",
|
||||
alt: "Emily P",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sleepy-young-caucasian-ill-man-wearing-winter-hat-scarf-yawns-puts-head-hot-water-bottle-isolated-orange-wall-with-copy-space_141793-93880.jpg",
|
||||
alt: "David K",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-playing-mobile-phone-laughing-smiling-sitting-with-suitcase-going-holiday_1258-270441.jpg",
|
||||
alt: "Clara S",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Amazing experience. The staff are welcoming and the atmosphere is 10/10 terrifyingly fun!"
|
||||
rating={5}
|
||||
author="Sarah J."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-experiencing-anxiety_23-2150824664.jpg", alt: "Sarah J" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-woman-wearing-all-black-clothes_273609-9808.jpg", alt: "Mark R" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-117806.jpg", alt: "Emily P" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sleepy-young-caucasian-ill-man-wearing-winter-hat-scarf-yawns-puts-head-hot-water-bottle-isolated-orange-wall-with-copy-space_141793-93880.jpg", alt: "David K" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-playing-mobile-phone-laughing-smiling-sitting-with-suitcase-going-holiday_1258-270441.jpg", alt: "Clara S" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Do You Dare? Bookings must be made at least 1 day in advance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book",
|
||||
href: "tel:+971000000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Do You Dare? Bookings must be made at least 1 day in advance."
|
||||
buttons={[{ text: "Call to Book", href: "tel:+971000000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="HUSH TOYS"
|
||||
copyrightText="© 2025 Hush Toys. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="HUSH TOYS"
|
||||
copyrightText="© 2025 Hush Toys. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user