src/app/page.tsx

@@ -12,7 +12,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Sparkles, Instagram, Facebook, Twitter } from "lucide-react";
+import { Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -36,6 +36,7 @@ export default function LandingPage() {
         { name: "Services", id: "services" },
         { name: "Reels", id: "reels" },
         { name: "Pricing", id: "pricing" },
+        { name: "Location", id: "map" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Royal Glow"
@@ -85,6 +86,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="map" data-section="map">
+      <div className="flex flex-col items-center justify-center p-10 bg-card rounded-xl">
+        <h2 className="text-3xl font-bold mb-6">Visit Our Studio</h2>
+        <iframe
+          title="Royal Glow Location"
+          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3506.0123456789!2d77.1025!3d28.5678!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjjCsDM0JzA0LjEiTiA3N8KwMDYnMTMuMyJF!5e0!3m2!1sen!2sin!4v1612345678901!5m2!1sen!2sin"
+          width="100%"
+          height="450"
+          style={{ border: 0, borderRadius: "1rem" }}
+          allowFullScreen={true}
+          loading="lazy"
+        ></iframe>
+      </div>
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
       useInvertedBackground={true}
@@ -185,4 +201,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}