Add src/app/pricing/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -37,6 +37,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Services", id: "features" },
             { name: "Portfolio", id: "products" },
+            { name: "Pricing", id: "pricing" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Blog", id: "blog" },
             { name: "Contact", id: "contact" }
@@ -232,7 +233,7 @@ export default function LandingPage() {
           columns={[
             {
               items: [
-                { label: "Home", href: "#hero" },
+                { label: "Home", href: "/" },
                 { label: "About", href: "#about" },
                 { label: "Services", href: "#features" },
                 { label: "Portfolio", href: "#products" }
@@ -240,10 +241,10 @@ export default function LandingPage() {
             },
             {
               items: [
+                { label: "Pricing", href: "/pricing" },
                 { label: "Testimonials", href: "#testimonials" },
                 { label: "Blog", href: "#blog" },
-                { label: "Contact", href: "#contact" },
-                { label: "Book Now", href: "#contact" }
+                { label: "Contact", href: "#contact" }
               ]
             },
             {
@@ -268,4 +269,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,122 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Sparkles } from 'lucide-react';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="medium"
+      background="aurora"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Mehndi Artistry"
+          bottomLeftText="Henna Perfection"
+          bottomRightText="hello@mehndiluxury.com"
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Services", id: "features" },
+            { name: "Portfolio", id: "products" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Blog", id: "blog" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardNine
+          title="Our Pricing Plans"
+          description="Choose the perfect henna package for your special occasion. From individual designs to complete bridal experiences."
+          tag="Transparent Pricing"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "starter",              title: "Starter Design",              price: "$25",              period: "per design",              features: [
+                "Hand or forearm design",                "Single pattern option",                "Natural henna paste",                "30-45 minute session",                "Care instructions included"
+              ],
+              button: { text: "Book Now", href: "/contact" }
+            },
+            {
+              id: "deluxe",              title: "Deluxe Collection",              price: "$75",              period: "per design",              features: [
+                "Full hand and forearm coverage",                "Custom pattern design",                "Premium henna blend",                "60-90 minute session",                "Multiple color options",                "Professional photos included",                "Extended care guide"
+              ],
+              button: { text: "Book Now", href: "/contact" }
+            },
+            {
+              id: "bridal",              title: "Bridal Luxury Package",              price: "$150",              period: "per package",              features: [
+                "Full arms and hands coverage",                "Bespoke bridal design",                "Luxury henna paste",                "2-3 hour session",                "Intricate detailed patterns",                "Professional makeup application",                "Premium photography session",                "Bridal consultation included",                "VIP care package"
+              ],
+              button: { text: "Book Now", href: "/contact" }
+            },
+            {
+              id: "festival",              title: "Festival Special",              price: "$120",              period: "per design",              features: [
+                "Complete hand coverage",                "Festival-themed patterns",                "Vibrant henna stain",                "90-120 minute session",                "Matching ankle designs",                "Celebration-ready styling",                "Festival care tips",                "Social media ready photos"
+              ],
+              button: { text: "Book Now", href: "/contact" }
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="Mehndi Artistry"
+          columns={[
+            {
+              items: [
+                { label: "Home", href: "/" },
+                { label: "About", href: "/#about" },
+                { label: "Services", href: "/#features" },
+                { label: "Portfolio", href: "/#products" }
+              ]
+            },
+            {
+              items: [
+                { label: "Pricing", href: "/pricing" },
+                { label: "Testimonials", href: "/#testimonials" },
+                { label: "Blog", href: "/#blog" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            },
+            {
+              items: [
+                { label: "Email", href: "mailto:hello@mehndiluxury.com" },
+                { label: "Phone", href: "tel:+1234567890" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Facebook", href: "https://facebook.com" }
+              ]
+            },
+            {
+              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Shipping Info", href: "#" },
+                { label: "Returns", href: "#" }
+              ]
+            }
+          ]}
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}