Update src/app/page.tsx
This commit is contained in:
@@ -11,9 +11,17 @@ 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 } from 'lucide-react';
|
||||
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"
|
||||
@@ -144,20 +152,20 @@ export default function LandingPage() {
|
||||
description="Choose the plan that best fits your event requirements"
|
||||
plans={[
|
||||
{
|
||||
id: "basic", price: "₹8,000", name: "Starter", buttons: [{ text: "Get Started", href: "tel:+919876543210" }],
|
||||
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: "Book Now", href: "tel:+919876543210" }],
|
||||
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: "Contact Us", href: "tel:+919876543210" }],
|
||||
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"
|
||||
]
|
||||
@@ -197,13 +205,16 @@ export default function LandingPage() {
|
||||
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: "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: "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"
|
||||
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}
|
||||
@@ -246,6 +257,41 @@ export default function LandingPage() {
|
||||
/>
|
||||
</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"
|
||||
@@ -255,4 +301,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user