305 lines
17 KiB
TypeScript
305 lines
17 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Sparkles, Phone } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
const handleCallPhone1 = () => {
|
|
window.location.href = 'tel:+919711520019';
|
|
};
|
|
|
|
const handleCallPhone2 = () => {
|
|
window.location.href = 'tel:+919315952215';
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Audio Pro Rentals"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "#pricing" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Premium Projector & Sound System Rentals"
|
|
description="Professional audio-visual equipment rental services across Faridabad, Noida, Delhi, and NCR. We deliver cutting-edge projectors and sound systems for corporate events, conferences, and celebrations."
|
|
tag="Serving NCR"
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/conference-hall-empty-seats-row-projection-screen-before-seminar_637285-6721.jpg"
|
|
imageAlt="Professional projector and sound system setup"
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
testimonials={[
|
|
{
|
|
name: "Rajesh Kumar", handle: "Event Manager, TechCorp", testimonial: "Outstanding service! The projector quality and sound clarity exceeded our expectations. Highly recommended.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Rajesh Kumar"
|
|
},
|
|
{
|
|
name: "Priya Sharma", handle: "HR Director, Global Solutions", testimonial: "Reliable, professional, and on-time delivery. Our conference was a huge success thanks to their equipment.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
name: "Amit Patel", handle: "Wedding Planner", testimonial: "Perfect sound quality for our event. The team was helpful and responsive to all our requests.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Amit Patel"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{ text: "Rent Now", href: "#pricing" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Why Choose Us"
|
|
description={[
|
|
"With over a decade of experience in audio-visual rentals, we've served thousands of events across the NCR region. Our commitment is to deliver premium equipment, professional installation, and exceptional customer service.", "We understand that every event is unique. Whether it's a corporate conference, product launch, wedding reception, or intimate gathering, we provide customized solutions tailored to your specific needs and budget."
|
|
]}
|
|
buttons={[{ text: "View Our Fleet", href: "#products" }]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwelve
|
|
title="Our Services"
|
|
description="Comprehensive rental solutions for all your audio-visual needs"
|
|
tag="Equipment & Services"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "projectors", label: "Projectors", title: "Ultra HD & 4K Projectors", items: [
|
|
"Native 4K resolution", "High brightness output", "Multiple connectivity options", "Professional-grade equipment"
|
|
]
|
|
},
|
|
{
|
|
id: "sound", label: "Sound Systems", title: "Premium Audio Solutions", items: [
|
|
"Surround sound systems", "Wireless microphone systems", "Professional-grade speakers", "Customized audio mixing"
|
|
]
|
|
},
|
|
{
|
|
id: "installation", label: "Installation", title: "Professional Setup & Support", items: [
|
|
"Expert on-site installation", "Technical support during event", "Proper cable management", "Safe equipment breakdown"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Available Equipment"
|
|
description="Browse our extensive range of premium projectors and sound systems"
|
|
products={[
|
|
{
|
|
id: "proj-4k-1", name: "Sony 4K Projector - Professional", price: "₹15,000/day", imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-restaurant_23-2147830561.jpg", imageAlt: "Sony 4K Professional Projector", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "sound-pro-1", name: "JBL Professional Sound System", price: "₹12,000/day", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-professional-radio-equipment_482257-108485.jpg", imageAlt: "JBL Professional Sound System", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "av-combo-1", name: "Complete AV Event Package", price: "₹24,000/day", imageSrc: "http://img.b2bpic.net/free-photo/charging-accumulators-charging-dock-station-fully-charged-chowing-display-movie-set_1268-15953.jpg", imageAlt: "Complete Audio Visual Setup", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Flexible Rental Plans"
|
|
description="Choose the plan that best fits your event requirements"
|
|
plans={[
|
|
{
|
|
id: "basic", price: "₹8,000", name: "Starter", buttons: [{ text: "Call Now", onClick: handleCallPhone1 }],
|
|
features: [
|
|
"1x Projector (1080p)", "Basic speakers", "24-hour rental", "Delivery within NCR", "Technical support"
|
|
]
|
|
},
|
|
{
|
|
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "₹18,000", name: "Professional", buttons: [{ text: "Call Now", onClick: handleCallPhone2 }],
|
|
features: [
|
|
"1x 4K Projector", "Premium sound system", "48-hour rental", "Professional installation", "24/7 technical support", "Equipment insurance"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", price: "₹35,000", name: "Enterprise", buttons: [{ text: "Call Now", onClick: handleCallPhone1 }],
|
|
features: [
|
|
"Multiple 4K projectors", "Advanced sound systems", "Multi-day rental", "Full AV integration", "Dedicated support team", "Custom solutions"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Companies"
|
|
description="Partner with hundreds of satisfied clients across Delhi NCR region"
|
|
tag="Trusted Partners"
|
|
tagAnimation="slide-up"
|
|
names={[
|
|
"TechCorp India", "Global Solutions", "Event Innovations", "Premium Events", "Corporate Dynamics", "Digital Excellence", "Future Ventures"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Client Testimonials"
|
|
description="Hear from satisfied customers about their experiences with our rental services"
|
|
tag="Reviews"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Rajesh Kumar", handle: "Event Manager, TechCorp", testimonial: "Outstanding service! The projector quality and sound clarity exceeded our expectations. The team was professional and responsive throughout.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Rajesh Kumar"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Sharma", handle: "HR Director, Global Solutions", testimonial: "Reliable, professional, and on-time delivery. Our annual conference was a huge success thanks to their premium equipment.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Priya Sharma"
|
|
},
|
|
{
|
|
id: "3", name: "Amit Patel", handle: "Wedding Planner", testimonial: "Perfect sound quality for our wedding reception. The team was helpful, responsive to all requests, and maintained equipment perfectly.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", imageAlt: "Amit Patel"
|
|
},
|
|
{
|
|
id: "4", name: "Neha Verma", handle: "Marketing Director, Tech Startups", testimonial: "Excellent service and competitive pricing. They helped us create an impressive product launch event that impressed all stakeholders.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=7", imageAlt: "Neha Verma"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our rental services and equipment"
|
|
tag="Help & Support"
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is the minimum rental duration?", content: "We offer flexible rental periods starting from 24 hours. For bulk orders or corporate events, we can customize rental durations to match your specific event timeline."
|
|
},
|
|
{
|
|
id: "2", title: "Do you provide installation and setup?", content: "Yes, professional installation and setup are included in all rental packages. Our experienced technicians will ensure proper configuration, testing, and optimization for your specific venue."
|
|
},
|
|
{
|
|
id: "3", title: "What areas do you serve?", content: "We provide delivery and rental services across Faridabad, Noida, Delhi, and the entire NCR region. Delivery charges are calculated based on location and distance from our main facility."
|
|
},
|
|
{
|
|
id: "4", title: "Are deposits required?", content: "Yes, we require a security deposit which is refundable upon safe return of equipment. The deposit amount varies based on the rental package and equipment value."
|
|
},
|
|
{
|
|
id: "5", title: "What if equipment malfunctions during my event?", content: "We provide 24/7 technical support for all rental events. Our team will either troubleshoot remotely or dispatch a technician immediately to resolve any issues and ensure your event runs smoothly."
|
|
},
|
|
{
|
|
id: "6", title: "Can I upgrade my rental package?", content: "Absolutely! We can upgrade your equipment and services based on availability. Contact us as soon as possible to discuss upgrades and any additional charges."
|
|
}
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<div style={{
|
|
padding: "4rem 1.5rem", textAlign: "center", background: "var(--background)", borderTop: "1px solid var(--accent)"
|
|
}}>
|
|
<h2 style={{
|
|
fontSize: "2rem", fontWeight: "bold", marginBottom: "1rem", color: "var(--foreground)"
|
|
}}>Get in Touch</h2>
|
|
<p style={{
|
|
fontSize: "1.125rem", marginBottom: "2rem", color: "var(--foreground)", opacity: 0.8
|
|
}}>Call us directly to discuss your rental needs</p>
|
|
<div style={{
|
|
display: "flex", gap: "1rem", justifyContent: "center", flexWrap: "wrap"
|
|
}}>
|
|
<button
|
|
onClick={handleCallPhone1}
|
|
style={{
|
|
display: "flex", alignItems: "center", gap: "0.5rem", padding: "0.75rem 1.5rem", backgroundColor: "var(--primary-cta)", color: "var(--primary-cta-text)", border: "none", borderRadius: "0.5rem", cursor: "pointer", fontSize: "1rem", fontWeight: "600"
|
|
}}
|
|
>
|
|
<Phone size={20} />
|
|
9711520019
|
|
</button>
|
|
<button
|
|
onClick={handleCallPhone2}
|
|
style={{
|
|
display: "flex", alignItems: "center", gap: "0.5rem", padding: "0.75rem 1.5rem", backgroundColor: "var(--primary-cta)", color: "var(--primary-cta-text)", border: "none", borderRadius: "0.5rem", cursor: "pointer", fontSize: "1rem", fontWeight: "600"
|
|
}}
|
|
>
|
|
<Phone size={20} />
|
|
9315952215
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Audio Pro Rentals"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|