Update src/app/pricing/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -30,16 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Booking",          id: "booking"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="SPA & Massage"
     />
@@ -47,27 +42,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="SPA & Massage"
       description="Where the Desert Meets Deep Serenity"
       buttons={[
-        {
-          text: "Book Your Session",          href: "#booking"},
-        {
-          text: "View Services",          href: "#services"},
+        { text: "Book Your Session", href: "/pricing" },
+        { text: "View Services", href: "#services" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "https://img.b2bpic.net/free-photo/young-woman-stone-therapy_1098-3179.jpg?id=866099",          imageAlt: "Desert dunes landscape"},
-        {
-          imageSrc: "https://img.b2bpic.net/premium-photo/spa-setting-with-brown-rolled-towel-orchids-candles-wood_256588-2169.jpg?id=10953754",          imageAlt: "Soft spa stone textures"},
-        {
-          imageSrc: "https://img.b2bpic.net/premium-photo/beautiful-spa-composition-with-plumeria-flower-wooden-table-space-text_495423-67301.jpg?id=184992839",          imageAlt: "Desert botanicals"},
-        {
-          imageSrc: "https://img.b2bpic.net/free-photo/spa-treatment-dark-surface_176420-8924.jpg?id=8358315",          imageAlt: "Warm desert sand"},
-        {
-          imageSrc: "https://img.b2bpic.net/free-photo/young-woman-mask-face-relaxing-spa-salon_176420-7579.jpg?id=8224727",          imageAlt: "Tranquil desert light"},
+        { imageSrc: "https://img.b2bpic.net/free-photo/young-woman-stone-therapy_1098-3179.jpg?id=866099", imageAlt: "Desert dunes landscape" },
+        { imageSrc: "https://img.b2bpic.net/premium-photo/spa-setting-with-brown-rolled-towel-orchids-candles-wood_256588-2169.jpg?id=10953754", imageAlt: "Soft spa stone textures" },
+        { imageSrc: "https://img.b2bpic.net/premium-photo/beautiful-spa-composition-with-plumeria-flower-wooden-table-space-text_495423-67301.jpg?id=184992839", imageAlt: "Desert botanicals" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -88,98 +73,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "s1",          name: "Swedish Massage",          price: "$90",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-spa_23-2150911797.jpg"},
-        {
-          id: "s2",          name: "Deep Tissue Massage",          price: "$110",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-masseuse-with-client_23-2148531217.jpg"},
-        {
-          id: "s3",          name: "Hot Stone Therapy",          price: "$130",          imageSrc: "http://img.b2bpic.net/free-photo/stones-meditation_23-2148835375.jpg"},
-        {
-          id: "s4",          name: "Desert Salt Body Scrub",          price: "$95",          imageSrc: "http://img.b2bpic.net/free-photo/skin-care-implements-leaves_23-2148116153.jpg"},
-        {
-          id: "s5",          name: "Couples Retreat",          price: "$220",          imageSrc: "https://img.b2bpic.net/premium-photo/facial-spa-relax-with-couple-mask-skincare-cosmetics-detox-treatment-beauty-face-self-care-weekend-with-man-woman-bedroom-home-salon-wellness-cucumber_590464-193498.jpg?id=48910172"},
+        { id: "s1", name: "Swedish Massage", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-spa_23-2150911797.jpg" },
+        { id: "s2", name: "Deep Tissue Massage", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-masseuse-with-client_23-2148531217.jpg" },
+        { id: "s3", name: "Hot Stone Therapy", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/stones-meditation_23-2148835375.jpg" },
       ]}
       title="Our Services Menu"
-      description="Indulge in a curated selection of holistic treatments inspired by the desert landscape."
-    />
-  </div>
-
-  <div id="ritual" data-section="ritual">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Sparkles,
-          title: "Aromatherapy",          description: "Custom essential oil blend"},
-        {
-          icon: Waves,
-          title: "Deep Relaxation",          description: "Focused therapy for stress"},
-        {
-          icon: Leaf,
-          title: "Botanical Renewal",          description: "Skin treatment using desert herbs"},
-      ]}
-      title="Signature Desert Ritual"
-      description="Experience our flagship offering designed to renew body and soul through a multi-step sensory journey."
-    />
-  </div>
-
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Laci Patience",          handle: "Verified Guest",          testimonial: "One of the best full body massages I've had in a long time! The staff at Desert Inn Spa and Massage were welcoming and friendly.",          imageSrc: "http://img.b2bpic.net/free-photo/enjoying-weekend-with-friends_1098-16908.jpg"},
-        {
-          id: "2",          name: "Johnathan Lamar",          handle: "Verified Guest",          testimonial: "I highly recommend booking a massage with Cindy at Desert Inn Spa. She was kind, calming, and extremely professional.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg"},
-        {
-          id: "3",          name: "Anonymous Guest",          handle: "Verified Guest",          testimonial: "I had an absolutely wonderful experience. Cindy was incredibly gentle, professional, and attentive.",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-ready-bathroom_23-2148147465.jpg"},
-        {
-          id: "4",          name: "Sarah Miller",          handle: "Verified Guest",          testimonial: "The atmosphere is so calming and the treatments are top tier. I left feeling completely restored.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-having-coffee-bathroom_23-2148147482.jpg"},
-        {
-          id: "5",          name: "Mark D.",          handle: "Verified Guest",          testimonial: "Cindy is truly gifted. A perfect escape from the Las Vegas strip chaos.",          imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg"},
-      ]}
-      title="Real Guest Reviews"
-      description="See why our guests return to our sanctuary for their rejuvenation needs."
-    />
-  </div>
-
-  <div id="gallery" data-section="gallery">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Camera,
-          title: "Treatment Room",          description: "Relaxing dim lit space"},
-        {
-          icon: Sun,
-          title: "Botanicals",          description: "Natural desert decor"},
-        {
-          icon: Droplet,
-          title: "Aromatherapy Oils",          description: "Premium massage oils"},
-      ]}
-      title="Spa Gallery"
-      description="Visualizing your sanctuary."
-    />
-  </div>
-
-  <div id="booking" data-section="booking">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Booking"
-      title="Reserve Your Escape"
-      description="Please fill out the form or call us at (702) 601-6696. We will contact you to confirm."
-      buttons={[
-        {
-          text: "Confirm My Reservation"},
-      ]}
+      description="Indulge in a curated selection of holistic treatments."
     />
   </div>
 
@@ -194,13 +93,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="SPA & Massage"
-      leftLink={{
-        text: "Terms of Service",        href: "#"}}
-      rightLink={{
-        text: "Privacy Policy",        href: "#"}}
+      leftLink={{ text: "Terms of Service", href: "#" }}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="largeSmallSizeLargeTitles"
+        background="circleGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="SPA & Massage"
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            title="Select Your Treatment"
+            description="Choose your experience and reserve your preferred time slot."
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", title: "Swedish Massage", price: "$90", period: "/ 60 min", features: ["Relaxing strokes", "Aromatherapy optional"], button: { text: "Book Now" } },
+              { id: "p2", title: "Deep Tissue", price: "$110", period: "/ 60 min", features: ["Targeted relief", "Chronic stress"], button: { text: "Book Now" } },
+              { id: "p3", title: "Hot Stone", price: "$130", period: "/ 60 min", features: ["Heat therapy", "Deep restoration"], button: { text: "Book Now" } }
+            ]}
+          />
+        </div>
+
+        <div id="booking" data-section="booking">
+          <ContactCTA
+            tag="Booking"
+            title="Schedule Your Visit"
+            description="Fill out the request form and our concierge will reach out to confirm your date and time."
+            buttons={[{ text: "Submit Booking Request" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="SPA & Massage"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}