Update src/app/page.tsx

This commit is contained in:
2026-03-03 17:40:39 +00:00
parent 4c781e80da
commit 4c3025399a

View File

@@ -11,13 +11,12 @@ import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterCard from "@/components/sections/footer/FooterCard";
import {
Award,
Package,
Sparkles,
Trophy,
TrendingUp,
Zap,
Lock,
Users,
MessageSquare,
Clock,
Trophy,
Lightbulb,
Linkedin,
Twitter,
Globe,
@@ -42,54 +41,54 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Doors the Biz"
brandName="Doors"
navItems={[
{ name: "Home", id: "/" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Rooms", id: "rooms" },
{ name: "Experience", id: "experience" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "Get Quote", href: "contact" }}
button={{ text: "Book Now", href: "contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Elevate Your Entrance with Premium Doors"
description="Discover the perfect door solutions that combine stunning aesthetics with exceptional durability. From modern glass designs to classic wooden masterpieces, we bring your vision to life."
tag="Premium Doors"
tagIcon={Sparkles}
title="Unlock the Mystery"
description="Step into immersive worlds of puzzles, secrets, and thrilling adventures. Challenge your mind, test your teamwork, and escape before time runs out. Experience the ultimate escape room adventure at Doors."
tag="Escape Room Adventures"
tagIcon={Lock}
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
buttons={[
{ text: "Browse Collection", href: "products" },
{ text: "Request Consultation", href: "contact" },
{ text: "Explore Rooms", href: "rooms" },
{ text: "Book Experience", href: "contact" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692169.jpg", imageAlt: "Modern glass entrance door with sleek frame"},
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop", imageAlt: "Dark escape room with glowing puzzles"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=1", imageAlt: "Contemporary sliding glass door system"},
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop", imageAlt: "Team solving escape room puzzles"},
{
imageSrc: "http://img.b2bpic.net/free-photo/light-double-doors-soft-arch-calm-classic-entrance_169016-71090.jpg", imageAlt: "Classic wooden panel door with intricate details"},
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop", imageAlt: "Mystery escape room environment"},
{
imageSrc: "http://img.b2bpic.net/free-photo/door-with-grey-chevron-pattern-yellow-house-stylish-number-eleven_169016-70816.jpg", imageAlt: "Industrial steel security door with modern finish"},
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop", imageAlt: "Thrilling escape room challenge"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=2", imageAlt: "Elegant bifold door opening to outdoor space"},
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop", imageAlt: "Ultimate escape room experience"},
]}
/>
</div>
<div id="features" data-section="features">
<div id="rooms" data-section="rooms">
<FeatureCardSeven
title="Why Choose Doors the Biz"
description="Industry-leading expertise and service"
tag="Our Advantages"
tagIcon={Award}
title="Our Escape Rooms"
description="Choose from our collection of uniquely designed escape room experiences"
tag="Room Selection"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[{ text: "Learn More", href: "contact" }]}
buttons={[{ text: "View Details", href: "contact" }]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -97,28 +96,28 @@ export default function LandingPage() {
features={[
{
id: 1,
title: "Expert Installation", description: "Our certified technicians ensure perfect installation every time, with attention to every detail for lasting durability and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hummer-tools-stairs-house-construction_181624-28753.jpg", imageAlt: "Professional door installation process"},
title: "The Lost Vault", description: "Crack codes and unlock ancient secrets in this thrilling treasure hunt. Navigate through hidden chambers and solve intricate puzzles to escape before time runs out.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Lost Vault escape room"},
{
id: 2,
title: "Premium Quality Materials", description: "We source only the finest materials from trusted suppliers, ensuring your doors stand the test of time with exceptional craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg", imageAlt: "Premium door materials and finishes"},
title: "Cyber Breach", description: "Enter a high-tech world of digital mysteries. Use cutting-edge clues and technical puzzles to stop the countdown and prevent a digital catastrophe.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Cyber Breach escape room"},
{
id: 3,
title: "Custom Design Solutions", description: "Transform your space with our bespoke design consultations. We create doors that perfectly match your aesthetic and functional requirements.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-shows-color-swatches-lady-customer-new-kitchen-furniture_93675-134887.jpg", imageAlt: "Custom door design consultation"},
title: "Haunted Manor", description: "Explore an eerie mansion filled with supernatural puzzles. Uncover the mansion's dark secrets and find your way out before the spirits trap you forever.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Haunted Manor escape room"},
{
id: 4,
title: "Lifetime Warranty", description: "Complete peace of mind with our industry-leading warranty coverage, protecting your investment for years to come.", imageSrc: "http://img.b2bpic.net/free-vector/extend-guarantee-assurance-shield-badge-business-marketing_1017-62780.jpg", imageAlt: "Warranty protection and support"},
title: "Space Odyssey", description: "Blast off into an interstellar adventure. Solve cosmic riddles and repair your spaceship to escape a black hole before it's too late.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Space Odyssey escape room"},
]}
/>
</div>
<div id="products" data-section="products">
<div id="experience" data-section="experience">
<ProductCardFour
title="Featured Door Collections"
description="Handpicked selections showcasing our most popular and versatile door options"
tag="Premium Selection"
tagIcon={Package}
title="Why Choose Doors"
description="Experience the best escape room adventure with our premium offerings"
tag="What We Offer"
tagIcon={Trophy}
tagAnimation="slide-up"
buttons={[{ text: "View All Products", href: "contact" }]}
buttons={[{ text: "Learn More", href: "contact" }]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
@@ -127,26 +126,26 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "1", name: "Minimalist White Door", price: "$1,299", variant: "Frameless • 2 Finishes", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378907.jpg", imageAlt: "Minimalist white frameless door"},
id: "1", name: "Immersive Storytelling", price: "Premium", variant: "Narrative Driven • Multi-Ending", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Immersive storytelling experience"},
{
id: "2", name: "Classic Hardwood Door", price: "$1,599", variant: "Oak • 4 Stains", imageSrc: "http://img.b2bpic.net/free-photo/wooden-gothic-doors-with-carved-arches-old-facade-gothic-wooden-doors_169016-70820.jpg", imageAlt: "Classic hardwood panel door"},
id: "2", name: "Challenging Puzzles", price: "Expert", variant: "Logic • Riddles • Pattern", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Complex puzzle challenges"},
{
id: "3", name: "Modern Glass Door", price: "$1,899", variant: "Tempered Glass • 3 Frame Colors", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-standing-doorway-balcony-looking-outside-into-yard_231208-9988.jpg", imageAlt: "Modern frameless glass sliding door"},
id: "3", name: "Team Adventure", price: "Group", variant: "2-8 Players • Corporate • Family", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Team escape room adventure"},
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Industry Leaders"
description="Our doors and services are recognized and recommended by premier brands and publications worldwide"
tag="Industry Recognition"
tagIcon={Trophy}
title="Trusted by Adventure Seekers"
description="Join thousands of players who have experienced the thrill of Doors escape rooms"
tag="Community"
tagIcon={Users}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
names={[
"Home Depot", "Lowe's", "IKEA", "Restoration Hardware", "Architectural Digest", "Forbes", "Builder Magazine"]}
"5,000+ Players", "98% Success Rate", "250+ Reviews", "Team Building Pro", "Family Favorite", "Corporate Choice", "Award Winner"]}
showCard={true}
speed={40}
/>
@@ -154,26 +153,26 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Our Impact & Growth"
description="Proven excellence in doors and customer satisfaction"
tag="By The Numbers"
tagIcon={TrendingUp}
title="Doors by the Numbers"
description="Our track record of excellence and player satisfaction"
tag="Performance"
tagIcon={Lightbulb}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
metrics={[
{
id: "1", value: "15K+", title: "Doors Installed", items: [
"Residential & commercial projects", "95% customer satisfaction rating", "Average 10 year lifespan"],
id: "1", value: "12", title: "Unique Rooms", items: [
"Varying difficulty levels", "Different themes & settings", "New challenges regularly"],
},
{
id: "2", value: "25+", title: "Years Experience", items: [
"Family-owned business heritage", "Multiple industry awards", "Certified master installers"],
id: "2", value: "60", title: "Minutes per Game", items: [
"Action-packed gameplay", "Time management challenge", "Maximum adrenaline rush"],
},
{
id: "3", value: "50+", title: "Design Options", items: [
"Custom configurations available", "Premium material selection", "Bespoke finishing services"],
id: "3", value: "8+", title: "Players per Room", items: [
"Perfect for groups", "Team building events", "Memorable shared experience"],
},
]}
/>
@@ -181,9 +180,9 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardTwo
title="Meet Our Expert Team"
description="Passionate professionals dedicated to bringing your door dreams to reality"
tag="Our Team"
title="Meet the Doors Team"
description="Passionate creators dedicated to delivering unforgettable escape room experiences"
tag="Our Experts"
tagIcon={Users}
tagAnimation="slide-up"
textboxLayout="default"
@@ -193,23 +192,23 @@ export default function LandingPage() {
carouselMode="buttons"
members={[
{
id: "1", name: "Marcus Sterling", role: "Founder & CEO", description: "25+ years in premium door design and installation. Visionary leader with unwavering commitment to excellence.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Portrait of Marcus Sterling", socialLinks: [
id: "1", name: "Alex Rivera", role: "Creative Director", description: "15+ years crafting immersive puzzle experiences. Alex brings innovative storytelling and challenge design to every room at Doors.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=300&h=300&fit=crop", imageAlt: "Portrait of Alex Rivera", socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Twitter, url: "https://twitter.com" },
],
},
{
id: "2", name: "Elena Rodriguez", role: "Design Director", description: "Award-winning designer specializing in contemporary and classic door aesthetics. Creates bespoke solutions.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageAlt: "Portrait of Elena Rodriguez", socialLinks: [
id: "2", name: "Jordan Chen", role: "Puzzle Master", description: "Expert game designer with a passion for creating brain-teasing challenges. Jordan ensures every puzzle is perfectly balanced and rewarding.", imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=300&h=300&fit=crop", imageAlt: "Portrait of Jordan Chen", socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" },
{ icon: Globe, url: "https://example.com" },
],
},
{
id: "3", name: "James Chen", role: "Installation Lead", description: "Master technician with 18 years of flawless installation records. Ensures every project meets our premium standards.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Portrait of James Chen", socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }],
id: "3", name: "Morgan Park", role: "Experience Manager", description: "Dedicated to creating seamless and thrilling experiences. Morgan ensures every player feels welcomed and challenged at Doors.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=300&h=300&fit=crop", imageAlt: "Portrait of Morgan Park", socialLinks: [{ icon: Linkedin, url: "https://linkedin.com" }],
},
{
id: "4", name: "Sarah Mitchell", role: "Customer Relations", description: "Dedicated to exceptional service and ensuring every customer experience exceeds expectations. Your satisfaction is our priority.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", imageAlt: "Portrait of Sarah Mitchell", socialLinks: [
{ icon: Mail, url: "mailto:sarah@doorsbiz.com" },
id: "4", name: "Casey Thompson", role: "Operations Lead", description: "Ensures smooth operations and unforgettable moments for all our players. Casey is committed to excellence in every detail.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=300&h=300&fit=crop", imageAlt: "Portrait of Casey Thompson", socialLinks: [
{ icon: Mail, url: "mailto:casey@doorsescape.com" },
{ icon: Linkedin, url: "https://linkedin.com" },
],
},
@@ -220,13 +219,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
tag="Get Started"
tagIcon={MessageSquare}
tagIcon={Clock}
tagAnimation="slide-up"
title="Ready to Transform Your Space?"
description="Let's create the perfect door solution for your home or business. Contact our team today for a personalized consultation and discover your ideal door design."
title="Ready for Your Escape?"
description="Book your escape room adventure at Doors today. Whether you're seeking thrills, team building, or family fun, we have the perfect experience waiting for you."
buttons={[
{ text: "Schedule Consultation", href: "mailto:hello@doorsbiz.com" },
{ text: "Call Us Today", href: "tel:+1-800-DOORS-BIZ" },
{ text: "Book Your Room", href: "mailto:hello@doorsescape.com" },
{ text: "Call Us", href: "tel:+1-800-DOORS-FUN" },
]}
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
@@ -235,21 +234,21 @@ export default function LandingPage() {
</div>
<FooterCard
logoText="Doors the Biz"
copyrightText="© 2025 Doors the Biz. All rights reserved. Premium door solutions for every space."
logoText="Doors"
copyrightText="© 2025 Doors Escape Rooms. All rights reserved. Experience mystery, solve puzzles, escape together."
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/doorsbiz", ariaLabel: "Follow us on Facebook"},
href: "https://facebook.com/doorsescape", ariaLabel: "Follow us on Facebook"},
{
icon: Instagram,
href: "https://instagram.com/doorsbiz", ariaLabel: "Follow us on Instagram"},
href: "https://instagram.com/doorsescape", ariaLabel: "Follow us on Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/doorsbiz", ariaLabel: "Connect on LinkedIn"},
href: "https://linkedin.com/company/doorsescape", ariaLabel: "Connect on LinkedIn"},
{
icon: Twitter,
href: "https://twitter.com/doorsbiz", ariaLabel: "Follow us on Twitter"},
href: "https://twitter.com/doorsescape", ariaLabel: "Follow us on Twitter"},
]}
/>
</ThemeProvider>