Merge version_4 into main

Merge version_4 into main

src/app/hair-services/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function HairServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[{name: "Home", id: "/"}, {name: "Hair Services", id: "/hair-services"}, {name: "Nail & Lash Services", id: "/nail-lash-services"}, {name: "Testimonials", id: "/#testimonials"}, {name: "Contact", id: "/#contact"}]}
+            brandName="Looks Unlimited"
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            title="Hair Services Menu"
+            description="Expert hair cutting, coloring, and treatment services for your unique style."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "h1", tag: "Standard", price: "$50+", period: "per session", description: "Precision haircuts for all styles.", button: {text: "Book Now"}, featuresTitle: "Features", features: ["Personal consultation", "Wash and blow-dry included", "Styling advice"] },
+              { id: "h2", tag: "Advanced", price: "$120+", period: "per session", description: "Custom coloring and professional treatments.", button: {text: "Book Now"}, featuresTitle: "Features", features: ["Color matching", "Premium dyes", "Long-lasting finish"] },
+              { id: "h3", tag: "Premium", price: "$150+", period: "per session", description: "Balayage and advanced hair artistry.", button: {text: "Book Now"}, featuresTitle: "Features", features: ["Freehand technique", "Depth and dimension", "Includes deep conditioning"] }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Looks Unlimited Salon & Spa"
+            leftLink={{text: "Terms of Service", href: "#"}}
+            rightLink={{text: "Privacy Policy", href: "#"}}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/nail-lash-services/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function NailLashServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[{name: "Home", id: "/"}, {name: "Hair Services", id: "/hair-services"}, {name: "Nail & Lash Services", id: "/nail-lash-services"}, {name: "Testimonials", id: "/#testimonials"}, {name: "Contact", id: "/#contact"}]}
+            brandName="Looks Unlimited"
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            title="Nail & Lash Services Menu"
+            description="Expert nail care and lash enhancements to complete your look."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "n1", tag: "Lash", price: "$150+", period: "per set", description: "Full set of premium lash extensions.", button: {text: "Book Now"}, featuresTitle: "Features", features: ["Natural look", "Long-lasting adhesive", "Gentle application"] },
+              { id: "n2", tag: "Nails", price: "$35+", period: "per service", description: "Luxury manicure services.", button: {text: "Book Now"}, featuresTitle: "Features", features: ["Nail shaping", "Cuticle care", "High-quality polish"] },
+              { id: "n3", tag: "Spa", price: "$50+", period: "per service", description: "Rejuvenating spa pedicure experience.", button: {text: "Book Now"}, featuresTitle: "Features", features: ["Exfoliation", "Foot massage", "Hydrating treatment"] }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Looks Unlimited Salon & Spa"
+            leftLink={{text: "Terms of Service", href: "#"}}
+            rightLink={{text: "Privacy Policy", href: "#"}}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,14 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Spa Services", id: "/spa-services" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Looks Unlimited"
     />
@@ -47,45 +44,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Excellence in Salon & Spa Services"
       description="Friendly, courteous, and talented staff providing top-quality beauty services in Boise. Your journey to wellness starts here."
       kpis={[
-        {
-          value: "20+",          label: "Years Experience"},
-        {
-          value: "300 CFM",          label: "Air Ventilation"},
-        {
-          value: "4.5/5",          label: "Client Rating"},
+        { value: "20+", label: "Years Experience" },
+        { value: "300 CFM", label: "Air Ventilation" },
+        { value: "4.5/5", label: "Client Rating" },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/serene-spa-room-with-mountain-view_23-2151934190.jpg?_wi=1"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",          alt: "Empty wintertime luxury ski resort"},
-        {
-          src: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg",          alt: "Luxury modern apartment boasts elegant furniture design generated by AI"},
-        {
-          src: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",          alt: "Alpine hotel hosting winter sports"},
-        {
-          src: "http://img.b2bpic.net/free-photo/massage-table-with-white-sheets_23-2148531278.jpg",          alt: "Massage table with white sheets"},
-        {
-          src: "http://img.b2bpic.net/free-photo/serene-spa-room-with-mountain-view_23-2151934190.jpg",          alt: "luxurious beauty salon interior"},
-      ]}
       avatarText="Trusted by 500+ happy clients"
       marqueeItems={[
-        {
-          type: "text",          text: "Expert Stylists"},
-        {
-          type: "text",          text: "Premium Products"},
-        {
-          type: "text",          text: "Boise Top Rated"},
-        {
-          type: "text",          text: "Clean Environment"},
-        {
-          type: "text",          text: "Relaxing Atmosphere"},
+        { type: "text", text: "Expert Stylists" },
+        { type: "text", text: "Premium Products" },
+        { type: "text", text: "Boise Top Rated" },
+        { type: "text", text: "Clean Environment" },
+        { type: "text", text: "Relaxing Atmosphere" },
       ]}
     />
   </div>
@@ -95,15 +71,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Safety First, Always"
       metrics={[
-        {
-          icon: Shield,
-          label: "Air Cycle Speed",          value: "25x/hr"},
-        {
-          icon: CheckCircle,
-          label: "Sanitizing Standard",          value: "Premium"},
-        {
-          icon: Wind,
-          label: "Ventilation Flow",          value: "300 CFM"},
+        { icon: Shield, label: "Air Cycle Speed", value: "25x/hr" },
+        { icon: CheckCircle, label: "Sanitizing Standard", value: "Premium" },
+        { icon: Wind, label: "Ventilation Flow", value: "300 CFM" },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -116,12 +86,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Hair Services & Cuts",          description: "Precision haircuts ($50+), custom coloring ($120+), balayage ($150+), and deep conditioning treatments ($40+).",          imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg?_wi=1"},
-        {
-          title: "Nail & Lash Enhancements",          description: "Full lash extensions ($150+), fills ($60+), luxury manicures ($35+), and spa pedicures ($50+).",          imageSrc: "http://img.b2bpic.net/free-photo/brushes-nail-polishes_23-2147778932.jpg?_wi=1"},
-        {
-          title: "Spa & Facial Treatments",          description: "Signature facials ($85+), chemical peels ($120+), collagen boosting therapies ($95+), and skin consultations.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-dark-face-roller_23-2149357162.jpg?_wi=1"},
+        { title: "Hair Services & Cuts", description: "Precision haircuts ($50+), custom coloring ($120+), balayage ($150+), and deep conditioning treatments ($40+).", imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg?_wi=1" },
+        { title: "Nail & Lash Enhancements", description: "Full lash extensions ($150+), fills ($60+), luxury manicures ($35+), and spa pedicures ($50+).", imageSrc: "http://img.b2bpic.net/free-photo/brushes-nail-polishes_23-2147778932.jpg?_wi=1" },
+        { title: "Spa & Facial Treatments", description: "Signature facials ($85+), chemical peels ($120+), collagen boosting therapies ($95+), and skin consultations.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-dark-face-roller_23-2149357162.jpg?_wi=1" },
       ]}
       title="Our Professional Services Pricing"
       description="Transparency in beauty. Explore our detailed list of salon and spa service categories and pricing tiers."
@@ -134,12 +101,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       team={[
-        {
-          id: "1",          name: "Sarah Miller",          role: "Master Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg"},
-        {
-          id: "2",          name: "John Davis",          role: "Lead Colorist",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg"},
-        {
-          id: "3",          name: "Elena Smith",          role: "Spa Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-doing-her-make-up_23-2148396061.jpg"},
+        { id: "1", name: "Sarah Miller", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg" },
+        { id: "2", name: "John Davis", role: "Lead Colorist", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg" },
+        { id: "3", name: "Elena Smith", role: "Spa Specialist", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-doing-her-make-up_23-2148396061.jpg" },
       ]}
       title="Our Talented Staff"
       description="Our friendly professionals are committed to providing the best beauty experience."
@@ -152,18 +116,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "72",          title: "Verified Reviews",          items: [
-            "High client satisfaction",            "Positive feedback",            "Trustworthy service"],
-        },
-        {
-          id: "m2",          value: "4.5",          title: "Avg Rating",          items: [
-            "Expert results",            "Courteous staff",            "Quality work"],
-        },
-        {
-          id: "m3",          value: "200",          title: "Active Clients",          items: [
-            "Loyal customer base",            "Regular upkeep",            "Beauty community"],
-        },
+        { id: "m1", value: "72", title: "Verified Reviews", items: ["High client satisfaction", "Positive feedback", "Trustworthy service"] },
+        { id: "m2", value: "4.5", title: "Avg Rating", items: ["Expert results", "Courteous staff", "Quality work"] },
+        { id: "m3", value: "200", title: "Active Clients", items: ["Loyal customer base", "Regular upkeep", "Beauty community"] },
       ]}
       title="Salon Excellence"
       description="Quality service backed by long-term industry experience."
@@ -175,16 +130,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",          name: "Sarah Johnson",          date: "Oct 2023",          title: "Excellent!",          quote: "Great people, great conversation, coffee, snacks and soft drinks.",          tag: "Satisfied",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-mature-woman-drinking-cup-tea-cafeteria_231208-10725.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/serene-spa-room-with-mountain-view_23-2151934190.jpg?_wi=2",          imageAlt: "happy customer salon interior"},
-        {
-          id: "t2",          name: "Michael Chen",          date: "Sep 2023",          title: "Quality",          quote: "His experience definitely shows in the quality of his work.",          tag: "Professional",          avatarSrc: "http://img.b2bpic.net/free-photo/enjoying-weekend-with-friends_1098-16908.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-cubes-with-stay-home-hand-sanitizer-medical-mask_23-2148821825.jpg",          imageAlt: "happy customer salon interior"},
-        {
-          id: "t3",          name: "Emily Rodriguez",          date: "Aug 2023",          title: "Amazing",          quote: "I've received loads of compliments on my new style.",          tag: "Happy",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg?_wi=2",          imageAlt: "happy customer salon interior"},
-        {
-          id: "t4",          name: "David Kim",          date: "Jul 2023",          title: "Relaxing",          quote: "The most relaxing salon visit I've had in a long time.",          tag: "Friendly",          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-face-massaging-with-gua-sha-medium-shot_23-2149349087.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/brushes-nail-polishes_23-2147778932.jpg?_wi=2",          imageAlt: "happy customer salon interior"},
-        {
-          id: "t5",          name: "Julie Reed",          date: "Jun 2023",          title: "Top Notch",          quote: "Best facial and nail service in Boise. Will be back!",          tag: "Returning",          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-woman-just-has-taken-shower_329181-7867.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-dark-face-roller_23-2149357162.jpg?_wi=2",          imageAlt: "happy customer salon interior"},
+        { id: "t1", name: "Sarah Johnson", date: "Oct 2023", title: "Excellent!", quote: "Great people, great conversation, coffee, snacks and soft drinks.", tag: "Satisfied", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-mature-woman-drinking-cup-tea-cafeteria_231208-10725.jpg" },
+        { id: "t2", name: "Michael Chen", date: "Sep 2023", title: "Quality", quote: "His experience definitely shows in the quality of his work.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/enjoying-weekend-with-friends_1098-16908.jpg" },
+        { id: "t3", name: "Emily Rodriguez", date: "Aug 2023", title: "Amazing", quote: "I've received loads of compliments on my new style.", tag: "Happy", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg" },
       ]}
       title="What Our Clients Say"
       description="Hear about the friendly experience and quality work from our happy guests."
@@ -196,12 +144,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "How can I book an appointment?",          content: "You can call us directly at 208-342-2111 to schedule your salon or spa services."},
-        {
-          id: "q2",          title: "Are there stylist stations available for lease?",          content: "Yes, we currently have semi-private suites available. Call 208-995-6210 for pricing and details."},
-        {
-          id: "q3",          title: "Do you provide safety measures for guests?",          content: "Yes, our ventilation system cycles fresh air 25 times per hour, and we maintain rigorous sanitizing protocols."},
+        { id: "q1", title: "How can I book an appointment?", content: "You can call us directly at 208-342-2111 to schedule your salon or spa services." },
+        { id: "q2", title: "Are there stylist stations available for lease?", content: "Yes, we currently have semi-private suites available. Call 208-995-6210 for pricing and details." },
       ]}
       title="Frequently Asked Questions"
       description="Have questions about our services or lease options? We are here to help."
@@ -212,8 +156,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-static"}}
+      background={{ variant: "rotated-rays-static" }}
       tag="Visit Us"
       title="Ready for a Refresh?"
       description="Visit us at 4620 W Emerald St, Boise, ID 83706. Friendly service awaits you."
@@ -225,10 +168,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Looks Unlimited Salon & Spa"
-      leftLink={{
-        text: "Terms of Service",        href: "#"}}
-      rightLink={{
-        text: "Privacy Policy",        href: "#"}}
+      leftLink={{ text: "Terms of Service", href: "#" }}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
     />
   </div>
       </ReactLenis>

src/app/spa-services/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function SpaServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Spa Services", id: "/spa-services" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Looks Unlimited"
+        />
+        <div className="pt-32 pb-20">
+            <PricingCardOne
+                animationType="slide-up"
+                textboxLayout="default"
+                title="Our Spa Services"
+                description="Rejuvenate your mind, body, and soul with our curated list of spa treatments."
+                useInvertedBackground={false}
+                plans={[
+                    { id: "s1", badge: "Relaxation", price: "$85", subtitle: "Signature Facial", features: ["Deep cleanse", "Exfoliation", "Hydration mask", "Facial massage"] },
+                    { id: "s2", badge: "Body", price: "$95", subtitle: "Hot Stone Massage", features: ["Swedish massage", "Warm stones", "Essential oils", "Stress relief"] },
+                    { id: "s3", badge: "Glow", price: "$120", subtitle: "Chemical Peel", features: ["Skin brightening", "Rejuvenation", "Professional care"] }
+                ]}
+            />
+        </div>
+        <FooterLogoReveal
+          logoText="Looks Unlimited Salon & Spa"
+          leftLink={{ text: "Terms of Service", href: "#" }}
+          rightLink={{ text: "Privacy Policy", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}