|
|
|
@@ -12,7 +12,6 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
import Link from "next/link";
|
|
|
|
|
|
|
|
import { Sparkles, Film, Mic2, TrendingUp, Star, Handshake, Mail, Users, MapPin, Ticket } from "lucide-react";
|
|
|
|
import { Sparkles, Film, Mic2, TrendingUp, Star, Handshake, Mail, Users, MapPin, Ticket } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
const navItems = [
|
|
|
|
const navItems = [
|
|
|
|
@@ -24,7 +23,8 @@ const navItems = [
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
const navButton = {
|
|
|
|
const navButton = {
|
|
|
|
text: "Book Now", href: "/movies"};
|
|
|
|
text: "Book Now", href: "/movies"
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
export default function HomePage() {
|
|
|
|
export default function HomePage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -44,7 +44,7 @@ export default function HomePage() {
|
|
|
|
<NavbarStyleCentered
|
|
|
|
<NavbarStyleCentered
|
|
|
|
navItems={navItems}
|
|
|
|
navItems={navItems}
|
|
|
|
button={navButton}
|
|
|
|
button={navButton}
|
|
|
|
brandName="BookMyShow"
|
|
|
|
brandName="UGNNN Shows"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -54,19 +54,20 @@ export default function HomePage() {
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
title="Book Your Entertainment Experience"
|
|
|
|
title="Book Your Entertainment Experience"
|
|
|
|
description="Discover movies, live events, shows, and sports experiences. Reserve your seats instantly with BookMyShow - your ultimate entertainment companion."
|
|
|
|
description="Discover movies, live events, shows, and sports experiences. Reserve your seats instantly with UGNNN Shows - your ultimate entertainment companion."
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
mediaItems={[
|
|
|
|
mediaItems={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-big-cinema-hall-with-popcorn_23-2147768004.jpg", imageAlt: "Cinema experience with premium seats"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-big-cinema-hall-with-popcorn_23-2147768004.jpg", imageAlt: "Cinema experience with premium seats"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-carefree-fans-having-fun-music-festival-front-illuminated-stage-night_637285-615.jpg", imageAlt: "Live entertainment event on stage"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-carefree-fans-having-fun-music-festival-front-illuminated-stage-night_637285-615.jpg", imageAlt: "Live entertainment event on stage"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
rating={5}
|
|
|
|
rating={5}
|
|
|
|
ratingText="Trusted by 5M+ Users"
|
|
|
|
ratingText="Trusted by 5M+ Users"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Explore Movies", href: "/movies" },
|
|
|
|
{ text: "Book Your First Movie", href: "/movies" },
|
|
|
|
{ text: "Find Events", href: "/events" },
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
@@ -83,13 +84,17 @@ export default function HomePage() {
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Action Thriller", price: "From ₹200", imageSrc: "http://img.b2bpic.net/free-vector/realistic-horror-movie-poster_23-2149721019.jpg", imageAlt: "Action Thriller poster"},
|
|
|
|
id: "1", name: "Action Thriller", price: "From ₹200", imageSrc: "http://img.b2bpic.net/free-vector/realistic-horror-movie-poster_23-2149721019.jpg", imageAlt: "Action Thriller poster"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Romantic Drama", price: "From ₹180", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-woman-holding-hands-with-young-man-street_23-2148012611.jpg", imageAlt: "Romantic Drama poster"},
|
|
|
|
id: "2", name: "Romantic Drama", price: "From ₹180", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-woman-holding-hands-with-young-man-street_23-2148012611.jpg", imageAlt: "Romantic Drama poster"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Comedy Adventure", price: "From ₹200", imageSrc: "http://img.b2bpic.net/free-psd/horror-movie-template-design_23-2151341562.jpg", imageAlt: "Comedy Adventure poster"},
|
|
|
|
id: "3", name: "Comedy Adventure", price: "From ₹200", imageSrc: "http://img.b2bpic.net/free-psd/horror-movie-template-design_23-2151341562.jpg", imageAlt: "Comedy Adventure poster"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Sci-Fi Epic", price: "From ₹250", imageSrc: "http://img.b2bpic.net/free-photo/space-travel-collage-design_23-2150163778.jpg", imageAlt: "Sci-Fi Epic poster"},
|
|
|
|
id: "4", name: "Sci-Fi Epic", price: "From ₹250", imageSrc: "http://img.b2bpic.net/free-photo/space-travel-collage-design_23-2150163778.jpg", imageAlt: "Sci-Fi Epic poster"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
@@ -110,16 +115,20 @@ export default function HomePage() {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
id: 1,
|
|
|
|
title: "Music Concerts", description: "Book tickets for your favorite artists and bands performing live.", phoneOne: {
|
|
|
|
title: "Music Concerts", description: "Book tickets for your favorite artists and bands performing live.", phoneOne: {
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-singer-stage-singing-into-microphone_1321-2067.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-singer-stage-singing-into-microphone_1321-2067.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
phoneTwo: {
|
|
|
|
phoneTwo: {
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/band-performing-studio_107420-96137.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/band-performing-studio_107420-96137.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
id: 2,
|
|
|
|
title: "Sports Events", description: "Never miss the action - secure your seats for thrilling sports matches.", phoneOne: {
|
|
|
|
title: "Sports Events", description: "Never miss the action - secure your seats for thrilling sports matches.", phoneOne: {
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536085.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536085.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
phoneTwo: {
|
|
|
|
phoneTwo: {
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-kickball-team-field_23-2149457221.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-kickball-team-field_23-2149457221.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
showStepNumbers={true}
|
|
|
|
showStepNumbers={true}
|
|
|
|
@@ -171,16 +180,20 @@ export default function HomePage() {
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Priya Sharma", role: "Movie Enthusiast", company: "Mumbai", rating: 5,
|
|
|
|
id: "1", name: "Priya Sharma", role: "Movie Enthusiast", company: "Mumbai", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=1"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Rajesh Kumar", role: "Event Organizer", company: "Bangalore", rating: 5,
|
|
|
|
id: "2", name: "Rajesh Kumar", role: "Event Organizer", company: "Bangalore", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Anjali Patel", role: "Regular Moviegoer", company: "Delhi", rating: 5,
|
|
|
|
id: "3", name: "Anjali Patel", role: "Regular Moviegoer", company: "Delhi", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg?_wi=2"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Vikram Singh", role: "Sports Fan", company: "Pune", rating: 5,
|
|
|
|
id: "4", name: "Vikram Singh", role: "Sports Fan", company: "Pune", rating: 5,
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
kpiItems={[
|
|
|
|
kpiItems={[
|
|
|
|
{ value: "99.2%", label: "User Satisfaction" },
|
|
|
|
{ value: "99.2%", label: "User Satisfaction" },
|
|
|
|
@@ -201,7 +214,8 @@ export default function HomePage() {
|
|
|
|
tagIcon={Handshake}
|
|
|
|
tagIcon={Handshake}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
names={[
|
|
|
|
names={[
|
|
|
|
"PVR Cinemas", "INOX", "Cinepolis", "Big Cinemas", "Mumbai Film Festival", "Comic Con India", "T20 Cricket League", "Comedy Central Stand Up"]}
|
|
|
|
"PVR Cinemas", "INOX", "Cinepolis", "Big Cinemas", "Mumbai Film Festival", "Comic Con India", "T20 Cricket League", "Comedy Central Stand Up"
|
|
|
|
|
|
|
|
]}
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
speed={40}
|
|
|
|
speed={40}
|
|
|
|
@@ -212,20 +226,26 @@ export default function HomePage() {
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
<FaqSplitText
|
|
|
|
<FaqSplitText
|
|
|
|
sideTitle="Frequently Asked Questions"
|
|
|
|
sideTitle="Frequently Asked Questions"
|
|
|
|
sideDescription="Everything you need to know about booking with BookMyShow"
|
|
|
|
sideDescription="Everything you need to know about booking with UGNNN Shows"
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", title: "How do I book movie tickets?", content: "Simply select your movie, choose your preferred cinema and showtime, select your seats on our interactive seating chart, and proceed to payment. Your e-tickets will be sent to your email and phone."},
|
|
|
|
id: "1", title: "How do I book movie tickets?", content: "Simply select your movie, choose your preferred cinema and showtime, select your seats on our interactive seating chart, and proceed to payment. Your e-tickets will be sent to your email and phone."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", title: "Can I cancel or modify my booking?", content: "Yes, you can cancel or modify bookings up to 30 minutes before the show start time. Cancellations will receive a refund minus a small service charge. Modifications are free if seats are available."},
|
|
|
|
id: "2", title: "Can I cancel or modify my booking?", content: "Yes, you can cancel or modify bookings up to 30 minutes before the show start time. Cancellations will receive a refund minus a small service charge. Modifications are free if seats are available."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", title: "What payment methods do you accept?", content: "We accept all major credit and debit cards, digital wallets like PayTM and Google Pay, net banking, and our own BookMyShow wallet. Special offers and discounts are available for certain payment methods."},
|
|
|
|
id: "3", title: "What payment methods do you accept?", content: "We accept all major credit and debit cards, digital wallets like PayTM and Google Pay, net banking, and our own UGNNN Shows wallet. Special offers and discounts are available for certain payment methods."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", title: "Are there discounts available?", content: "Yes! We offer regular discounts on movie tickets, early bird offers, weekday specials, and exclusive partner offers. Download our app to access member-only deals and cashback offers."},
|
|
|
|
id: "4", title: "Are there discounts available?", content: "Yes! We offer regular discounts on movie tickets, early bird offers, weekday specials, and exclusive partner offers. Download our app to access member-only deals and cashback offers."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "5", title: "How do I receive my tickets?", content: "Your e-tickets are instantly delivered via email and SMS after payment confirmation. You can also view them in the BookMyShow app under 'My Bookings' and present them at the cinema counter."},
|
|
|
|
id: "5", title: "How do I receive my tickets?", content: "Your e-tickets are instantly delivered via email and SMS after payment confirmation. You can also view them in the UGNNN Shows app under 'My Bookings' and present them at the cinema counter."
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "6", title: "Is there a group booking option?", content: "Absolutely! For group bookings of 10 or more people, we offer special discounted rates. Contact our group bookings team or call +91-XXXX-XXXX for personalized assistance."},
|
|
|
|
id: "6", title: "Is there a group booking option?", content: "Absolutely! For group bookings of 10 or more people, we offer special discounted rates. Contact our group bookings team or call +91-XXXX-XXXX for personalized assistance."
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
textPosition="left"
|
|
|
|
textPosition="left"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
@@ -237,7 +257,7 @@ export default function HomePage() {
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<ContactSplit
|
|
|
|
<ContactSplit
|
|
|
|
tag="Newsletter"
|
|
|
|
tag="Newsletter"
|
|
|
|
title="Stay Updated With BookMyShow"
|
|
|
|
title="Stay Updated With UGNNN Shows"
|
|
|
|
description="Subscribe to get exclusive deals, early access to movie releases, event previews, and special offers delivered to your inbox."
|
|
|
|
description="Subscribe to get exclusive deals, early access to movie releases, event previews, and special offers delivered to your inbox."
|
|
|
|
tagIcon={Mail}
|
|
|
|
tagIcon={Mail}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
@@ -249,17 +269,17 @@ export default function HomePage() {
|
|
|
|
mediaPosition="right"
|
|
|
|
mediaPosition="right"
|
|
|
|
inputPlaceholder="Enter your email address"
|
|
|
|
inputPlaceholder="Enter your email address"
|
|
|
|
buttonText="Subscribe"
|
|
|
|
buttonText="Subscribe"
|
|
|
|
termsText="By subscribing, you agree to receive marketing communications from BookMyShow. We respect your privacy."
|
|
|
|
termsText="By subscribing, you agree to receive marketing communications from UGNNN Shows. We respect your privacy."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterLogoReveal
|
|
|
|
<FooterLogoReveal
|
|
|
|
logoText="BookMyShow"
|
|
|
|
logoText="UGNNN Shows"
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
|
|
|
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
