bender/65d6cfe8-6771-4dd1-8bbc-a9f8f78f32c5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to version 2: modified src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-05 22:09:57 +00:00
parent 4f5c85bf6e
commit c50bf4e63f
1 changed files with 9 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/page.tsx
View File

@@ -21,7 +21,7 @@ export default function LandingPage() {
const calculatePrice = (basePrice: number, quantity: number) => {
if (quantity >= 4) {
return 40;
return Math.round(basePrice * 0.8 * 100) / 100;
}
return basePrice;
};
@@ -108,7 +108,7 @@ export default function LandingPage() {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4"},
]}
testimonialRotationInterval={5000}
imageSrc="http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552653.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552653.jpg"
imageAlt="Rage Room destruction session"
mediaAnimation="blur-reveal"
imagePosition="right"
@@ -131,25 +131,16 @@ export default function LandingPage() {
</div>
<div id="pricing" data-section="pricing">
<div className="w-full bg-gradient-to-b from-background to-background py-12 md:py-16 flex items-center justify-center">
<div className="w-full max-w-3xl px-6 md:px-8 text-center">
<div className="mb-8 md:mb-12">
<h3 className="text-2xl md:text-3xl font-bold text-foreground mb-3">Group Discount Available</h3>
<p className="text-lg md:text-2xl font-semibold text-primary-cta">4+ people = €40/person</p>
<p className="text-sm md:text-base text-foreground/70 mt-2">Perfect for team building and group experiences</p>
</div>
</div>
</div>
<PricingCardEight
title="Choose Your Explosion"
description="Three fury-fueled packages designed to match your rage level. All include protective gear, tools, and unlimited smashing."
description="Three fury-fueled packages designed to match your rage level. All include protective gear, tools, and unlimited smashing. Group discount: 4+ people pay only €40 per person per package!"
tag="Pricing"
tagIcon={Zap}
tagAnimation="slide-up"
plans={[
{
id: "basic", badge: "Beginner", badgeIcon: Flame,
price: "€49", subtitle: "Perfect First Strike – 30 Minutes", buttons: [
price: "€49", subtitle: "Perfect First Strike – 30 Minutes | Save 18% with groups of 4+", buttons: [
{ text: "Book Package", onClick: () => openBookingModal('basic') },
],
features: [
@@ -157,19 +148,19 @@ export default function LandingPage() {
},
{
id: "destroyer", badge: "Most Popular", badgeIcon: Sparkles,
price: "€79", subtitle: "Best Value – 60 Minutes", buttons: [
price: "€79", subtitle: "Best Value – 60 Minutes | Save 18% with groups of 4+", buttons: [
{ text: "Book Now", onClick: () => openBookingModal('destroyer') },
],
features: [
"60 minutes of maximum chaos", "Premium safety equipment", "Glass, ceramics & electronics", "Doubles or small group", "Most items to smash", "Best value experience", "Group price: €40/person (4+ people)"],
"60 minutes of maximum chaos", "Premium safety equipment", "Glass, ceramics & electronics", "Doubles or small group", "Most items to smash", "Best value experience", "Group price: €63/person (4+ people)"],
},
{
id: "elite", badge: "Ultimate", badgeIcon: Crown,
price: "€129", subtitle: "Total Annihilation – 90 Minutes", buttons: [
price: "€129", subtitle: "Total Annihilation – 90 Minutes | Save 18% with groups of 4+", buttons: [
{ text: "Reserve Elite", onClick: () => openBookingModal('elite') },
],
features: [
"90 minutes unlimited destruction", "VIP treatment & priorities", "All destruction categories", "Small group packages", "Premium room setup", "Professional photos included", "Group price: €40/person (4+ people)"],
"90 minutes unlimited destruction", "VIP treatment & priorities", "All destruction categories", "Small group packages", "Premium room setup", "Professional photos included", "Group price: €103/person (4+ people)"],
},
]}
animationType="slide-up"
@@ -221,35 +212,6 @@ export default function LandingPage() {
/>
</div>
<div id="maps" data-section="maps">
<div className="w-full bg-card py-16 md:py-24">
<div className="flex items-center justify-center w-full">
<div className="w-full max-w-6xl px-6 md:px-8">
<div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold text-foreground mb-3">Visit Us</h2>
<p className="text-lg text-foreground/70">Find Rage Room Vienna at our location in the heart of the city</p>
</div>
<div className="w-full rounded-lg overflow-hidden shadow-lg" style={{ height: '500px' }}>
<iframe
width="100%"
height="100%"
style={{ border: 0 }}
loading="lazy"
allowFullScreen
referrerPolicy="no-referrer-when-downgrade"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2659.2098789453607!2d16.36892492346897!3d48.20849977122393!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476d079f8c41d6ad%3A0x1234567890!2sVienna%2C%20Austria!5e0!3m2!1sen!2sat!4v1234567890"
></iframe>
</div>
<div className="mt-8 text-center">
<p className="text-foreground font-semibold mb-2">Rage Room Vienna</p>
<p className="text-foreground/70">Vienna, Austria</p>
<p className="text-foreground/70 mt-4">Open: Thu 5PM-10PM | Fri 2PM-12AM | Sat & Sun 12PM-12AM</p>
</div>
</div>
</div>
</div>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Rage?"
@@ -269,7 +231,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/weathered-concrete-wall-texture-with-stains_632498-60807.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/weathered-concrete-wall-texture-with-stains_632498-60807.jpg"
imageAlt="Industrial concrete background"
logoText="Rage Room Vienna"
copyrightText="© 2025 Rage Room Vienna | Adrenaline. Chaos. Freedom."