bender/a32dd05a-455c-443c-a3f7-09ae136a582e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-05-09 08:35:37 +00:00
parent c464e3275b b721c07de7
commit 06efb69cba
5 changed files with 62 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/booking/page.tsx
View File

@@ -3,20 +3,22 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function BookingPage() {
return (
<ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider>
<ReactLenis root>
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Gallery", id: "/gallery" }, { name: "Book", id: "/booking" }]} brandName="Madhur Radio" />
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "/gallery"}, {name: "Booking", id: "/booking"}]} brandName="Madhur Radio" />
<div className="pt-32 pb-20">
<ContactText
text="Schedule Your Event"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
/>
<ContactSplitForm
title="Book Your Event"
description="Secure your date for our premium DJ and lighting services."
inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "date", type: "date", placeholder: "Event Date" }, { name: "phone", type: "tel", placeholder: "Contact Number" }]}
textarea={{ name: "details", placeholder: "Tell us about your event type and venue." }}
buttonText="Send Booking Request"
/>
</div>
<FooterBaseReveal logoText="Madhur Radio" columns={[]} />
</ReactLenis>

53
src/app/contact/page.tsx
View File

@@ -2,66 +2,41 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="blurBottom"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ThemeProvider>
<ReactLenis root>
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/#services" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/" },
{ name: "About", id: "/" },
{ name: "Contact", id: "/contact" },
]}
brandName="Madhur Radio"
/>
<div className="pt-32 pb-20">
<ContactSplit
tag="Contact"
title="Get in Touch"
description="Ready to elevate your event with professional sound and lighting? Contact us today for a free consultation and quote!"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg?_wi=2"
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Contact Us"
text="Get in touch for bookings, queries, or event planning in Sawai Madhopur. We are here to make your event memorable."
buttons={[{ text: "Call Now: 9414646994", href: "tel:9414646994" }, { text: "WhatsApp", href: "https://wa.me/919414646994" }]}
/>
</div>
<FooterBaseReveal
logoText="Madhur Radio"
columns={[
{
title: "Navigation", items: [
{ label: "Services", href: "/#services" },
{ label: "About", href: "/#about" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Contact", items: [
{ label: "9414646994", href: "tel:9414646994" },
{ label: "Email Us", href: "mailto:info@madhurradio.com" },
],
},
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/" }, { label: "About", href: "/" }, { label: "Contact", href: "/contact" }] },
{ title: "Business Info", items: [{ label: "Sawai Madhopur", href: "#" }, { label: "9414646994", href: "tel:9414646994" }] }
]}
copyrightText="© 2024 Madhur Radio. All rights reserved."
copyrightText="© 2025 Madhur Radio. All rights reserved."
/>
</ReactLenis>
</ThemeProvider>
);
}
}

31
src/app/gallery/page.tsx
View File

@@ -3,28 +3,27 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
export default function GalleryPage() {
return (
<ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider>
<ReactLenis root>
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "Gallery", id: "/gallery" }, { name: "Book", id: "/booking" }]} brandName="Madhur Radio" />
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "/gallery"}, {name: "Booking", id: "/booking"}]} brandName="Madhur Radio" />
<div className="pt-32 pb-20">
<ProductCardThree
title="Our Portfolio"
description="View our past work and setups."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "1", name: "Wedding DJ", price: "", imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg" },
{ id: "2", name: "Lighting Setup", price: "", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg" },
{ id: "3", name: "Event Sound", price: "", imageSrc: "http://img.b2bpic.net/free-photo/sound-mixer_1359-7.jpg" }
]}
/>
<ProductCardThree
title="Event Portfolio"
description="Explore our past event setups and lighting configurations."
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
products={[
{ id: "g1", name: "Wedding Reception Setup", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=2" },
{ id: "g2", name: "Night Party Lighting", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=2" },
{ id: "g3", name: "Festival Setup", price: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=2" }
]}
/>
</div>
<FooterBaseReveal logoText="Madhur Radio" columns={[]} />
</ReactLenis>

154
src/app/page.tsx
View File

@@ -30,14 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "hero"},
{
name: "Services", id: "services"},
{
name: "About", id: "about"},
{
name: "Contact", id: "/contact"},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Madhur Radio"
/>
@@ -48,39 +44,12 @@ export default function LandingPage() {
title="Premium DJ Sound & Lighting for Every Celebration – Madhur Radio"
description="Feel the Beat. Celebrate the Moments with Madhur Radio’s top-tier audio, lighting, and stage setups."
testimonials={[
{
name: "Rahul Verma", handle: "@rahul", testimonial: "Amazing sound quality! Made our marriage function truly unforgettable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=1", imageAlt: "modern dj lighting stage"},
{
name: "Priya Sharma", handle: "@priya", testimonial: "Professional setup and on-time service for our annual event.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=1", imageAlt: "modern dj lighting stage"},
{
name: "Amit Kumar", handle: "@amit", testimonial: "Best DJ and lighting in Sawai Madhopur! Totally recommended.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg?_wi=1", imageAlt: "modern dj lighting stage"},
{
name: "Anjali Gupta", handle: "@anjali", testimonial: "Top-notch speakers and great lighting arrangement.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9611.jpg?_wi=1", imageAlt: "modern dj lighting stage"},
{
name: "Vijay Singh", handle: "@vijay", testimonial: "Highly reliable service for all our festivals. Great team!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=1", imageAlt: "modern dj lighting stage"},
]}
buttons={[
{
text: "Book Now", href: "/contact"},
{ name: "Rahul Verma", handle: "@rahul", testimonial: "Amazing sound quality! Made our marriage function truly unforgettable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=1", imageAlt: "modern dj lighting stage" },
{ name: "Priya Sharma", handle: "@priya", testimonial: "Professional setup and on-time service for our annual event.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=1", imageAlt: "modern dj lighting stage" },
]}
buttons={[{ text: "Book Now", href: "/contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-man-phone_1157-619.jpg", alt: "Smiling man at phone"},
{
src: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2504.jpg", alt: "Hipster model with long hair"},
{
src: "http://img.b2bpic.net/free-photo/african-guy-wears-trendy-wristwatch-posing-with-smile-near-beige-wall-outdoor-portrait-black-man-good-mood-standing-with-arms-crossed_197531-21794.jpg", alt: "African guy wears trendy wristwatch"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-bearded-man-with-camera_171337-4805.jpg", alt: "Portrait of a smiling bearded man"},
{
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Merry young adult enjoying celebration"},
]}
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiling-man-phone_1157-619.jpg", alt: "Smiling man at phone" }]}
avatarText="Join 500+ happy clients"
/>
</div>
@@ -90,17 +59,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
title="Serving Quality Sound for Years"
description="Madhur Radio has been providing high-quality sound for all events for years. Our trusted technicians bring expertise and reliability to every function, ensuring your celebrations sound incredible."
description="Madhur Radio has been providing high-quality sound for all events for years. Our trusted technicians bring expertise and reliability to every function."
bulletPoints={[
{
title: "Affordable Packages", description: "Custom pricing for every event."},
{
title: "On-Time Setup", description: "Punctuality is our guarantee."},
{
title: "Professional Equipment", description: "High-fidelity audio and modern lighting."},
{ title: "Affordable Packages", description: "Custom pricing for every event." },
{ title: "On-Time Setup", description: "Punctuality is our guarantee." },
]}
imageSrc="http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
@@ -109,15 +73,9 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
negativeCard={{
items: [
"Birthday Party DJ", "Stage & Lighting Setup", "Jagran & Kirtan Sound"],
}}
positiveCard={{
items: [
"Wedding DJ & Sound", "Corporate Event Audio", "Festival DJ Setup (Holi, Diwali)"],
}}
title="Comprehensive Event Audio & Lighting"
negativeCard={{ items: ["Birthday Party DJ", "Stage Setup"] }}
positiveCard={{ items: ["Wedding DJ & Sound", "Festival DJ Setup"] }}
title="Comprehensive Event Audio"
description="From marriage functions to corporate events, we provide specialized setup for every celebration."
/>
</div>
@@ -129,57 +87,19 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1", name: "DJ Sound System", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg?_wi=2"},
{
id: "p2", name: "Bass Speakers", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9611.jpg?_wi=2"},
{
id: "p3", name: "Professional Lighting", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=2"},
{
id: "p4", name: "Full Stage Setup", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-control-room-with-pre-knobs-faders_482257-121167.jpg"},
{
id: "p5", name: "LED Light Array", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/gold-blue-abstract-bokeh-black-background_23-2148056717.jpg"},
{
id: "p6", name: "Wedding DJ Setup", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dj-equipment-table_23-2148325463.jpg"},
{ id: "p1", name: "DJ Sound System", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg?_wi=2" },
{ id: "p2", name: "Professional Lighting", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=2" },
]}
title="Our Professional Equipment"
description="Top-tier audio hardware ready for your venue."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1", name: "Rahul Verma", date: "Oct 2023", title: "Wedding Function", quote: "The sound quality was crystal clear. Incredible experience.", tag: "Wedding", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185526.jpg?_wi=3", imageAlt: "friendly wedding guest portrait"},
{
id: "t2", name: "Priya Sharma", date: "Sept 2023", title: "Corporate Event", quote: "Professional, punctual, and very helpful technicians.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-coffee-terrace-cafe_624325-938.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=3", imageAlt: "friendly wedding guest portrait"},
{
id: "t3", name: "Amit Kumar", date: "Aug 2023", title: "Birthday DJ", quote: "Best DJ setup ever! Everyone danced all night long.", tag: "Birthday", avatarSrc: "http://img.b2bpic.net/free-photo/relaxed-carefree-male-model-dances-happily-listens-music-headphones-enjoys-good-sound-quality_273609-30394.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sound-mixer_1359-7.jpg?_wi=3", imageAlt: "friendly wedding guest portrait"},
{
id: "t4", name: "Anjali Gupta", date: "July 2023", title: "Festival Event", quote: "Reliable and great sound for our community festival.", tag: "Festival", avatarSrc: "http://img.b2bpic.net/free-photo/very-elegant-woman-looking-away_329181-7317.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9611.jpg?_wi=3", imageAlt: "friendly wedding guest portrait"},
{
id: "t5", name: "Vijay Singh", date: "June 2023", title: "Jagran Setup", quote: "Excellent service and setup for our kirtan.", tag: "Spiritual", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg?_wi=3", imageAlt: "friendly wedding guest portrait"},
]}
title="Loved by Our Clients"
description="See why Madhur Radio is the top choice in Sawai Madhopur."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "Where do you operate?", content: "We serve Sawai Madhopur, Ranthambore, and nearby areas."},
{
id: "f2", title: "How do I book?", content: "Contact us on WhatsApp or call 9414646994."},
{
id: "f3", title: "Do you provide lighting?", content: "Yes, we specialize in stage, LED, and event lighting."},
]}
faqs={[{ id: "f1", title: "Where do you operate?", content: "We serve Sawai Madhopur, Ranthambore, and nearby areas." }]}
title="Common Questions"
description="Everything you need to know about booking us."
faqsAnimation="slide-up"
@@ -189,13 +109,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
text="Ready to book your event? Call us at 9414646994 or reach out on WhatsApp for a quick quote. Let’s celebrate!"
buttons={[
{
text: "WhatsApp Quick Booking", href: "https://wa.me/919414646994"},
]}
buttons={[{ text: "WhatsApp Quick Booking", href: "https://wa.me/919414646994" }]}
/>
</div>
@@ -203,36 +119,10 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Madhur Radio"
columns={[
{
title: "Navigation", items: [
{
label: "Services", href: "#services"},
{
label: "About", href: "#about"},
{
label: "Contact", href: "/contact"},
],
},
{
title: "Services", items: [
{
label: "Wedding DJ", href: "#"},
{
label: "Birthday DJ", href: "#"},
{
label: "Lighting", href: "#"},
],
},
{
title: "Contact", items: [
{
label: "9414646994", href: "tel:9414646994"},
{
label: "Email Us", href: "mailto:info@madhurradio.com"},
],
},
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/" }, { label: "About", href: "/" }, { label: "Contact", href: "/contact" }] },
{ title: "Business Info", items: [{ label: "Sawai Madhopur", href: "#" }, { label: "9414646994", href: "tel:9414646994" }] }
]}
copyrightText="© 2024 Madhur Radio. All rights reserved."
copyrightText="© 2025 Madhur Radio. All rights reserved."
/>
</div>
</ReactLenis>

2
src/app/styles/variables.css
View File

@@ -11,7 +11,7 @@
--background-accent: #ffffff; */
--background: #000000;
--card: #0f0f0f;
--card: #121212;
--foreground: #ffffff;
--primary-cta: #FFD700;
--primary-cta-text: #000000;