Update src/app/gallery/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function AboutPage() {
+  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"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Madhur Radio"
+        />
+        <SplitAbout
+          textboxLayout="split"
+          title="Our Story: Setting the Standard for Sound"
+          description="Founded with a passion for music, Madhur Radio has spent years perfecting the art of live event audio in Sawai Madhopur. We don't just provide equipment; we curate the atmosphere for your most important life moments."
+          bulletPoints={[
+            { title: "Expert Technicians", description: "Certified audio engineers ensuring professional results." },
+            { title: "Reliable Service", description: "Committed to punctuality and seamless event execution." },
+            { title: "High-Tech Gear", description: "Top-tier sound and lighting systems for clear, immersive sound." },
+          ]}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/male-dj-party-charge-music-entertainment_23-2149658386.jpg?_wi=2"
+        />
+        <FooterBaseReveal
+          logoText="Madhur Radio"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/booking/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "/gallery"}, {name: "Booking", id: "/booking"}]} brandName="Madhur Radio" />
+        </div>
+        <div className="pt-32 pb-20">
+            <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"
+                useInvertedBackground={false}
+            />
+        </div>
+        <FooterBaseReveal logoText="Madhur Radio" columns={[]} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Madhur Radio"
+          />
+        </div>
+        <div className="pt-32 pb-20">
+            <ContactText
+              useInvertedBackground={false}
+              background={{ variant: "gradient-bars" }}
+              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: "Home", href: "/" }, { label: "Gallery", href: "/gallery" }, { label: "Booking", href: "/booking" }, { label: "Contact", href: "/contact" }] },
+            { title: "Business Info", items: [{ label: "Sawai Madhopur", href: "#" }, { label: "9414646994", href: "tel:9414646994" }] }
+          ]}
+          copyrightText="© 2025 Madhur Radio. All rights reserved."
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Gallery", id: "/gallery"}, {name: "Booking", id: "/booking"}]} brandName="Madhur Radio" />
+        </div>
+        <div className="pt-32 pb-20">
+            <ProductCardThree
+                title="Event Portfolio"
+                description="Explore our past event setups and lighting configurations."
+                gridVariant="two-columns-alternating-heights"
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                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>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,22 +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"
     />
@@ -56,76 +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>
@@ -135,23 +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>
 
@@ -160,21 +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>
@@ -186,135 +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"
@@ -324,16 +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>
 
@@ -341,55 +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>

src/app/services/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ServicesPage() {
+  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"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Madhur Radio"
+        />
+        <FeatureCardSixteen
+          animationType="slide-up"
+          textboxLayout="default"
+          title="Our Professional Audio & Event Services"
+          description="We provide bespoke sound and lighting packages tailored to the unique requirements of your event."
+          useInvertedBackground={false}
+          negativeCard={{
+            items: ["Birthday DJ Sessions", "Small Venue Sound Kits", "Stage & LED Lighting", "Kirtan & Spiritual Sound Coverage"],
+          }}
+          positiveCard={{
+            items: ["Comprehensive Wedding DJ Packages", "Corporate Audio & Microphone Setup", "Grand Festival Sound Solutions", "Live Event Engineering"],
+          }}
+        />
+        <FooterBaseReveal
+          logoText="Madhur Radio"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

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