Update src/app/page.tsx
This commit is contained in:
147
src/app/page.tsx
147
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user