Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function AboutPage() {
@@ -37,16 +37,16 @@ export default function AboutPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="largeSmall"
-      background="noiseDiagonalGradient"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      sizing="mediumLargeSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -64,51 +64,55 @@ export default function AboutPage() {
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           heading={[
-            { type: "text", content: "Your trusted salon for premium tanning in" },
-            { type: "image", src: "http://img.b2bpic.net/free-vector/set-city-stamps-flat-style_23-2147768785.jpg", alt: "Redditch location badge" },
-            { type: "text", content: "Redditch, UK" },
+            { type: "text", content: "Luxury wellness sanctuary dedicated to elevating your self-care in" },
+            { type: "image", src: "https://images.unsplash.com/photo-1572521714588-2b18b055a047?w=100&h=100&fit=crop", alt: "Redditch wellness destination" },
+            { type: "text", content: "Redditch" },
           ]}
           useInvertedBackground={true}
           buttons={[
-            { text: "Learn Our Story", href: "/about" },
-            { text: "Book a Session", href: "/booking" },
+            { text: "Book Your Experience", href: "/booking" },
+            { text: "View Our Collection", href: "/" },
           ]}
           buttonAnimation="slide-up"
         />
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardSixteen
-          negativeCard={{
-            items: [
-              "Old, unreliable sunbeds",              "Inconsistent results",              "Poor hygiene standards",              "Untrained staff"],
-          }}
-          positiveCard={{
-            items: [
-              "State-of-the-art sunbeds with advanced technology",              "Guaranteed flawless, even tanning results",              "Rigorous hygiene and safety standards",              "Friendly, professionally trained staff"],
-          }}
+        <FeatureCardOne
+          features={[
+            {
+              title: "State-of-the-Art Technology",              description: "Premium sunbeds featuring the latest wellness technology for optimal tanning results.",              imageSrc: "https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=600&h=600&fit=crop",              imageAlt: "Premium sunbed technology"},
+            {
+              title: "Spa Aesthetic Design",              description: "Luxurious ambiance with calming design elements creating the ultimate wellness environment.",              imageSrc: "https://images.unsplash.com/photo-1576091160550-112173f7f869?w=600&h=600&fit=crop",              imageAlt: "Spa and wellness interior design"},
+            {
+              title: "Professional Wellness Team",              description: "Expert consultants dedicated to personalizing your wellness journey with care and expertise.",              imageSrc: "https://images.unsplash.com/photo-1576091160399-1c6dac1c2db5?w=600&h=600&fit=crop",              imageAlt: "Professional wellness consultation"},
+            {
+              title: "Premium Product Range",              description: "Curated collection of luxury tanning products and wellness items for complete care.",              imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop",              imageAlt: "Premium wellness and tanning products"},
+          ]}
+          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
-          title="What Makes Us Different"
-          description="At Tan'd Redditch, we've invested in the latest sunbed technology and the highest hygiene standards in the industry. Our team is dedicated to providing you with the best tanning experience possible."
+          title="Our Commitment to Excellence"
+          description="At Tan'd Redditch, we blend cutting-edge tanning technology with spa wellness principles to create an unparalleled luxury experience."
           textboxLayout="default"
           useInvertedBackground={false}
-          tag="Our Promise"
+          tag="Excellence"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
-          testimonial="I've visited Tan'd Redditch multiple times and I'm consistently impressed by their professionalism and attention to detail. The results are incredible and the staff always goes the extra mile to ensure I'm satisfied."
-          rating={5}
-          author="James Richardson, Local Business Owner"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial avatar" },
-            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer testimonial avatar" },
-            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "Customer testimonial avatar" },
+        <TestimonialCardTwo
+          testimonials={[
+            {
+              id: "test1",              name: "Rachel Wood",              role: "Wellness Consultant",              testimonial: "The spa atmosphere combined with premium tanning services creates an exceptional wellness destination. Highly recommend!",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop",              imageAlt: "Rachel Wood testimonial"},
+            {
+              id: "test2",              name: "Michael Stevens",              role: "Regular Client",              testimonial: "From the moment I walk in, I feel welcomed. The team's professionalism and attention to detail is outstanding.",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop",              imageAlt: "Michael Stevens testimonial"},
           ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
+          animationType="slide-up"
+          title="Client Experiences"
+          description="Hear from our satisfied wellness seekers about their Tan'd Redditch journey."
+          textboxLayout="default"
           useInvertedBackground={false}
+          tag="Testimonials"
         />
       </div>
 
@@ -116,7 +120,7 @@ export default function AboutPage() {
         <FooterBase
           columns={footerColumns}
           logoText="Tan'd Redditch"
-          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Premium Tanning Salon in Redditch, UK."
+          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Luxury Wellness & Tanning Salon in Redditch, UK."
         />
       </div>
     </ThemeProvider>

src/app/booking/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function BookingPage() {
@@ -36,16 +36,16 @@ export default function BookingPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="largeSmall"
-      background="noiseDiagonalGradient"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      sizing="mediumLargeSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -61,27 +61,24 @@ export default function BookingPage() {
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardFive
+        <PricingCardNine
           plans={[
             {
-              id: "payasyougo",              tag: "Pay-As-You-Go",              price: "£3.50",              period: "/minute",              description: "Perfect for occasional tanners who want flexibility without commitment.",              button: { text: "Book Now", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "Use anytime during opening hours",                "No membership fees",                "Premium sunbed access",                "Professional hygiene standards"],
+              id: "payasyougo",              title: "Pay-As-You-Go",              price: "£3.50",              period: "/minute",              imageSrc: "https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=600&h=400&fit=crop",              imageAlt: "Pay-as-you-go tanning session",              button: { text: "Book Now", href: "/booking" },
+              features: ["Use anytime during opening hours", "No membership fees", "Premium sunbed access", "Professional guidance"],
             },
             {
-              id: "blockminutes",              tag: "Block Minutes",              price: "£45",              period: "/60 mins",              description: "Best value for regular tanners. Buy in bulk and save on every session.",              button: { text: "Purchase Now", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "60 tanning minutes bundled",                "Use within 3 months",                "20% savings vs pay-as-you-go",                "Priority booking available",                "Complimentary tan care tips"],
+              id: "blockminutes",              title: "Block Minutes",              price: "£45",              period: "/60 mins",              imageSrc: "https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=600&h=400&fit=crop",              imageAlt: "Block minutes package",              button: { text: "Purchase Now", href: "/booking" },
+              features: ["60 tanning minutes bundled", "Use within 3 months", "20% savings vs pay-as-you-go", "Priority booking available", "Complimentary products"],
             },
             {
-              id: "membership",              tag: "Premium Membership",              price: "£49",              period: "/month",              description: "Unlimited tanning access with exclusive member perks and priority booking.",              button: { text: "Become a Member", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "Unlimited tanning minutes",                "Priority booking slots",                "Member-only discounts",                "Free tan maintenance sessions",                "Birthday bonus minutes",                "Cancel anytime with 7-day notice"],
+              id: "membership",              title: "Premium Membership",              price: "£49",              period: "/month",              imageSrc: "https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=600&h=400&fit=crop",              imageAlt: "Premium membership access",              button: { text: "Become a Member", href: "/booking" },
+              features: ["Unlimited tanning minutes", "Priority booking slots", "Member-only discounts", "Wellness consultations", "Birthday bonus minutes", "Cancel anytime"],
             },
           ]}
           animationType="slide-up"
-          title="Select Your Package"
-          description="Choose your preferred tanning package and complete the booking form below to reserve your session."
+          title="Select Your Wellness Package"
+          description="Choose your preferred package and complete the booking form below to reserve your premium tanning session."
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Booking"
@@ -91,7 +88,7 @@ export default function BookingPage() {
       <div id="booking-form" data-section="booking-form">
         <ContactSplitForm
           title="Complete Your Booking"
-          description="Fill out the form below to reserve your tanning session. We'll confirm your appointment shortly."
+          description="Fill out the form below to reserve your wellness tanning session. Our team will confirm your appointment shortly."
           inputs={[
             { name: "name", type: "text", placeholder: "Your Name", required: true },
             { name: "email", type: "email", placeholder: "Your Email", required: true },
@@ -103,8 +100,8 @@ export default function BookingPage() {
             required: false,
           }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/young-woman-getting-tan-solarium_1303-27774.jpg?_wi=2"
-          imageAlt="Professional tanning session at Tan'd Redditch"
+          imageSrc="https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=1000&h=600&fit=crop"
+          imageAlt="Premium tanning session at Tan'd Redditch"
           mediaAnimation="slide-up"
           mediaPosition="right"
           buttonText="Complete Booking"
@@ -115,7 +112,7 @@ export default function BookingPage() {
         <FooterBase
           columns={footerColumns}
           logoText="Tan'd Redditch"
-          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Premium Tanning Salon in Redditch, UK."
+          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Luxury Wellness & Tanning Salon in Redditch, UK."
         />
       </div>
     </ThemeProvider>

src/app/contact/page.tsx

@@ -36,16 +36,16 @@ export default function ContactPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="largeSmall"
-      background="noiseDiagonalGradient"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      sizing="mediumLargeSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -63,7 +63,7 @@ export default function ContactPage() {
       <div id="contact" data-section="contact">
         <ContactSplitForm
           title="Get in Touch"
-          description="Have questions about our tanning services? Contact us today. Our friendly team at Tan'd Redditch is here to help you book your perfect session or answer any inquiries."
+          description="Have questions about our wellness services? Contact our friendly team at Tan'd Redditch. We're here to help you book your perfect wellness experience."
           inputs={[
             { name: "name", type: "text", placeholder: "Your Name", required: true },
             { name: "email", type: "email", placeholder: "Your Email", required: true },
@@ -75,8 +75,8 @@ export default function ContactPage() {
             required: true,
           }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg"
-          imageAlt="Welcoming entrance of Tan'd Redditch salon"
+          imageSrc="https://images.unsplash.com/photo-1576091160550-112173f7f869?w=1000&h=600&fit=crop"
+          imageAlt="Tan'd Redditch spa wellness interior"
           mediaAnimation="slide-up"
           mediaPosition="right"
           buttonText="Send Message"
@@ -87,19 +87,21 @@ export default function ContactPage() {
         <FaqSplitMedia
           faqs={[
             {
-              id: "1",              title: "What are your opening hours?",              content: "We're open Monday to Friday 9am-6pm, Saturday 10am-5pm, and Sunday 11am-4pm. Bank holidays may have adjusted hours, so please contact us for details."},
+              id: "1",              title: "What are your opening hours?",              content: "We're open Monday to Friday 9am-6pm, Saturday 10am-5pm, and Sunday 11am-4pm. Bank holidays may have adjusted hours. Contact us for details."},
             {
-              id: "2",              title: "How can I book a tanning session?",              content: "You can book online through our website 24/7, call us during opening hours, or visit our salon in person. Online booking is the quickest and easiest way to reserve your preferred time slot."},
+              id: "2",              title: "How can I book a session?",              content: "Book online through our website 24/7, call us during opening hours, or visit our salon. Online booking is the quickest way to reserve your preferred slot."},
             {
-              id: "3",              title: "What is your cancellation policy?",              content: "Cancellations made 24 hours in advance are free. For cancellations made less than 24 hours before your appointment, a 50% fee may apply. No-shows forfeit the full session cost."},
+              id: "3",              title: "What is your cancellation policy?",              content: "Cancellations made 24 hours in advance are free. For cancellations less than 24 hours before, a 50% fee may apply. No-shows forfeit the full session cost."},
+            {
+              id: "4",              title: "Do you offer wellness consultations?",              content: "Yes, our professional team provides personalized wellness consultations to help you achieve your tanning goals safely."},
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg?_wi=2"
-          imageAlt="Tan'd Redditch salon interior with professional sunbeds"
+          imageSrc="https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=1000&h=600&fit=crop"
+          imageAlt="Premium sunbed and wellness facility"
           mediaAnimation="slide-up"
           mediaPosition="left"
           faqsAnimation="slide-up"
           title="Contact FAQs"
-          description="Quick answers to help you get in touch and book with us"
+          description="Quick answers to help you connect with us and book your wellness experience."
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Help"
@@ -110,7 +112,7 @@ export default function ContactPage() {
         <FooterBase
           columns={footerColumns}
           logoText="Tan'd Redditch"
-          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Premium Tanning Salon in Redditch, UK."
+          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Luxury Wellness & Tanning Salon in Redditch, UK."
         />
       </div>
     </ThemeProvider>

src/app/layout.tsx

@@ -1,12 +1,11 @@
 import type { Metadata } from "next";
-import { Great_Vibes } from "next/font/google";
+import { Manrope } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const greatVibes = Great_Vibes({
-  variable: "--font-great-vibes",  subsets: ["latin"],
-  weight: ["400"],
+const manrope = Manrope({
+  variable: "--font-manrope",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
@@ -33,7 +32,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${greatVibes.variable} antialiased`}>
+        <body className={`${manrope.variable} antialiased`}>
           <Tag />
           {children}
         

src/app/page.tsx

@@ -3,22 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import Link from 'next/link';
 
 export default function HomePage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "/about" },
-    { name: "Prices", id: "/pricing" },
-    { name: "Contact", id: "/contact" },
-  ];
-
   const footerColumns = [
     {
       title: "Services",      items: [
@@ -48,16 +41,16 @@ export default function HomePage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="largeSmall"
-      background="noiseDiagonalGradient"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      sizing="mediumLargeSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -75,99 +68,116 @@ export default function HomePage() {
       <div id="hero" data-section="hero">
         <HeroLogoBillboard
           logoText="Tan'd Redditch"
-          description="Premium sunbeds. Professional service. Flawless results. Experience the luxury of professional tanning in Redditch with our state-of-the-art sunbed facilities and expert guidance."
+          description="Premium wellness experience. Luxury tanning redefined. Discover the perfect sanctuary for your glow."
           buttons={[
             { text: "Book Now", href: "/booking" },
-            { text: "View Prices", href: "/pricing" },
+            { text: "View Collection", href: "/products" },
           ]}
-          background={{ variant: "sparkles-gradient" }}
-          imageSrc="http://img.b2bpic.net/free-photo/young-woman-getting-tan-solarium_1303-27774.jpg?_wi=1"
-          imageAlt="Modern luxury sunbed at Tan'd Redditch"
+          background={{ variant: "plain" }}
+          imageSrc="https://images.unsplash.com/photo-1576091160550-112173f7f869?w=1200&h=800&fit=crop"
+          imageAlt="Spa and wellness interior - Tan'd Redditch luxury salon"
           frameStyle="card"
           mediaAnimation="slide-up"
           buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardSixteen
-          negativeCard={{
-            items: [
-              "Old, unreliable sunbeds",              "Inconsistent results",              "Poor hygiene standards",              "Untrained staff",              "Limited booking flexibility"],
-          }}
-          positiveCard={{
-            items: [
-              "State-of-the-art sunbeds with advanced technology",              "Guaranteed flawless, even tanning results",              "Rigorous hygiene and safety standards",              "Friendly, professionally trained staff",              "Flexible tanning packages and scheduling"],
-          }}
+      <div id="products" data-section="products">
+        <ProductCardOne
+          products={[
+            {
+              id: "sunbed-elite",              name: "Elite Pro Sunbed",              price: "Premium Session",              imageSrc: "https://images.unsplash.com/photo-1578922746466-f3366e564f45?w=600&h=600&fit=crop&_wi=1",              imageAlt: "Elite Pro luxury sunbed with minimalist white design"
+            },
+            {
+              id: "sunbed-luxury",              name: "Luxury Comfort Bed",              price: "Premium Session",              imageSrc: "https://images.unsplash.com/photo-1576091160575-2173dba999ef?w=600&h=600&fit=crop",              imageAlt: "Luxury comfort sunbed with clean minimalist aesthetic"
+            },
+            {
+              id: "sunbed-express",              name: "Express Tan Bed",              price: "Standard Session",              imageSrc: "https://images.unsplash.com/photo-1578922746466-f3366e564f45?w=600&h=600&fit=crop&_wi=2",              imageAlt: "Express tan sunbed with sleek modern design"
+            },
+            {
+              id: "sunbed-wellness",              name: "Wellness Retreat Pod",              price: "Premium Session",              imageSrc: "https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=600&h=600&fit=crop",              imageAlt: "Wellness retreat sunbed pod with luxury design"
+            },
+          ]}
+          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
-          title="Why Choose Tan'd Redditch"
-          description="Discover what sets us apart from other tanning salons in Redditch. Our commitment to quality, safety, and customer satisfaction is unmatched."
+          title="Sunbed Collection"
+          description="Luxurious sunbed technology designed for the ultimate tanning experience. Each machine combines cutting-edge features with minimalist design."
           textboxLayout="default"
           useInvertedBackground={false}
-          tag="Premium Salon"
+          tag="Technology"
         />
       </div>
 
-      <div id="about" data-section="about">
-        <InlineImageSplitTextAbout
-          heading={[
-            { type: "text", content: "Your trusted salon for premium tanning in" },
-            { type: "image", src: "http://img.b2bpic.net/free-vector/set-city-stamps-flat-style_23-2147768785.jpg", alt: "Redditch location badge" },
-            { type: "text", content: "Redditch, UK" },
+      <div id="pour-products" data-section="pour-products">
+        <FeatureCardOne
+          features={[
+            {
+              title: "Premium Tanning Oil",              description: "Enhance your glow with our luxurious tanning oils. Rich formulations for deep, even color.",              imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop&_wi=1",              imageAlt: "Premium pour tanning oil bottle with minimalist packaging",              button: { text: "Add to Cart", href: "#" },
+            },
+            {
+              title: "Accelerator Lotion",              description: "Speed up your tanning process with our accelerator formulas designed for professionals.",              imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop&_wi=2",              imageAlt: "Accelerator lotion with wellness spa aesthetic",              button: { text: "Add to Cart", href: "#" },
+            },
+            {
+              title: "Bronzing Serum",              description: "Achieve salon-quality bronzing effects with our specialized serum collection.",              imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop&_wi=3",              imageAlt: "Bronzing serum product with elegant design",              button: { text: "Add to Cart", href: "#" },
+            },
+            {
+              title: "After-Tan Care",              description: "Extend your tan with our premium after-sun care products for lasting radiance.",              imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop&_wi=4",              imageAlt: "After-tan care lotion with spa product aesthetic",              button: { text: "Add to Cart", href: "#" },
+            },
           ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          title="Tanning Products"
+          description="Curated collection of premium pour tanning products. Elevate your tanning experience with our expert-selected range."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          tag="Wellness Products"
+        />
+      </div>
+
+      <div id="minutes-packages" data-section="minutes-packages">
+        <PricingCardNine
+          plans={[
+            {
+              id: "minutes-15",              title: "Quick Glow",              price: "£12",              period: "15 minutes",              imageSrc: "https://images.unsplash.com/photo-1575938269383-af8dc4c2a3c4?w=600&h=400&fit=crop&_wi=1",              imageAlt: "Quick 15-minute tanning session",              button: { text: "Purchase", href: "#" },
+              features: ["Perfect for quick top-ups", "Premium sunbed access", "Professional guidance"],
+            },
+            {
+              id: "minutes-30",              title: "Classic Tan",              price: "£22",              period: "30 minutes",              imageSrc: "https://images.unsplash.com/photo-1575938269383-af8dc4c2a3c4?w=600&h=400&fit=crop&_wi=2",              imageAlt: "Classic 30-minute tanning session",              button: { text: "Purchase", href: "#" },
+              features: ["Deep, even coloring", "Premium sunbed access", "Complimentary lotion"],
+            },
+            {
+              id: "minutes-60",              title: "Ultimate Glow",              price: "£40",              period: "60 minutes",              imageSrc: "https://images.unsplash.com/photo-1575938269383-af8dc4c2a3c4?w=600&h=400&fit=crop&_wi=3",              imageAlt: "Extended 60-minute ultimate tanning experience",              button: { text: "Purchase", href: "#" },
+              features: ["Double sessions available", "VIP service", "Premium products included"],
+            },
+          ]}
+          animationType="slide-up"
+          title="Purchase Tanning Minutes"
+          description="Flexible tanning packages designed for your lifestyle. Pay for minutes and enjoy our wellness sanctuary."
+          textboxLayout="default"
           useInvertedBackground={true}
-          buttons={[
-            { text: "Learn Our Story", href: "/about" },
-            { text: "Book a Session", href: "/booking" },
-          ]}
-          buttonAnimation="slide-up"
+          tag="Minutes"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
-          testimonial="Tan'd Redditch has completely transformed my confidence. The professional staff made me feel comfortable, and the results are absolutely stunning. I've been coming back every month for over a year now!"
-          rating={5}
-          author="Sarah Mitchell, Redditch"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer testimonial avatar" },
-            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer testimonial avatar" },
-            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial avatar" },
-            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer testimonial avatar" },
-            { src: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "Customer testimonial avatar" },
-            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer testimonial avatar" },
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="pricing" data-section="pricing">
-        <PricingCardFive
-          plans={[
+        <TestimonialCardTwo
+          testimonials={[
             {
-              id: "payasyougo",              tag: "Pay-As-You-Go",              price: "£3.50",              period: "/minute",              description: "Perfect for occasional tanners who want flexibility without commitment.",              button: { text: "Book Now", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "Use anytime during opening hours",                "No membership fees",                "Premium sunbed access",                "Professional hygiene standards"],
+              id: "test1",              name: "Emma Richardson",              role: "Wellness Enthusiast",              testimonial: "Tan'd Redditch has transformed my wellness routine. The spa-like ambiance and premium products make every visit feel like self-care.",              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop",              imageAlt: "Emma Richardson testimonial"
             },
             {
-              id: "blockminutes",              tag: "Block Minutes",              price: "£45",              period: "/60 mins",              description: "Best value for regular tanners. Buy in bulk and save on every session.",              button: { text: "Purchase Now", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "60 tanning minutes bundled",                "Use within 3 months",                "20% savings vs pay-as-you-go",                "Priority booking available",                "Complimentary tan care tips"],
+              id: "test2",              name: "James Mitchell",              role: "Local Business Owner",              testimonial: "The professionalism and attention to detail is exceptional. This is the gold standard for luxury tanning in Redditch.",              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop",              imageAlt: "James Mitchell testimonial"
             },
             {
-              id: "membership",              tag: "Premium Membership",              price: "£49",              period: "/month",              description: "Unlimited tanning access with exclusive member perks and priority booking.",              button: { text: "Become a Member", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "Unlimited tanning minutes",                "Priority booking slots",                "Member-only discounts",                "Free tan maintenance sessions",                "Birthday bonus minutes",                "Cancel anytime with 7-day notice"],
+              id: "test3",              name: "Sophie Turner",              role: "Beauty Professional",              testimonial: "The results are consistently flawless. I recommend Tan'd Redditch to all my clients seeking premium wellness experiences.",              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop",              imageAlt: "Sophie Turner testimonial"
             },
           ]}
           animationType="slide-up"
-          title="Flexible Tanning Packages"
-          description="Choose the perfect tanning package tailored to your lifestyle. From pay-as-you-go to exclusive memberships, we have options for everyone."
+          title="Trusted by Wellness Seekers"
+          description="Join our community of satisfied clients experiencing the ultimate in luxury tanning and wellness."
           textboxLayout="default"
           useInvertedBackground={false}
-          tag="Pricing"
+          tag="Reviews"
         />
       </div>
 
@@ -175,28 +185,28 @@ export default function HomePage() {
         <FaqSplitMedia
           faqs={[
             {
-              id: "1",              title: "How long does a typical tanning session take?",              content: "Most tanning sessions last between 10-20 minutes depending on your skin type and desired tan depth. Our professional staff can advise you on the ideal duration for your first visit."},
+              id: "1",              title: "How long does a tanning session take?",              content: "Sessions range from 15 to 60 minutes depending on your desired intensity. First-time visitors receive professional guidance to determine the ideal duration for their skin type."
+            },
             {
-              id: "2",              title: "Is tanning safe?",              content: "Yes, when done responsibly. Our sunbeds meet all UK safety standards and are regularly maintained. We provide protective eyewear and professional guidance on session frequency to ensure safe, beautiful results."},
+              id: "2",              title: "What wellness amenities are available?",              content: "Our spa-like facility features premium products, relaxation areas, and professional consultations to enhance your complete wellness experience."
+            },
             {
-              id: "3",              title: "How often can I tan?",              content: "For optimal results and skin health, we recommend 48 hours between sessions. Our staff will provide personalized recommendations based on your skin type during your first visit."},
+              id: "3",              title: "How often can I visit?",              content: "We recommend 48 hours between sessions for optimal skin health. Our wellness consultants provide personalized recommendations based on your individual needs."
+            },
             {
-              id: "4",              title: "What should I do to prepare for my session?",              content: "Shower and exfoliate before tanning for the best results. Avoid moisturizers and deodorants immediately before tanning. Wear minimal clothing and use the protective eyewear provided."},
-            {
-              id: "5",              title: "How do I book an appointment?",              content: "You can book online through our website, call us on our Redditch number, or visit our salon in person. Online booking is available 24/7 for your convenience."},
-            {
-              id: "6",              title: "Can I use my membership at any time?",              content: "Members have priority access during our operating hours. Weekend slots may require advance booking. Check our booking calendar for real-time availability."},
+              id: "4",              title: "Are tanning products included?",              content: "Select packages include premium tanning products. Our collection features luxury accelerators and bronzers for enhanced results."
+            },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg?_wi=1"
-          imageAlt="Tan'd Redditch salon interior with professional sunbeds"
+          imageSrc="https://images.unsplash.com/photo-1576091160550-112173f7f869?w=1000&h=600&fit=crop"
+          imageAlt="Tan'd Redditch spa and wellness interior"
           mediaAnimation="slide-up"
           mediaPosition="left"
           faqsAnimation="slide-up"
-          title="Frequently Asked Questions"
-          description="Find answers to common questions about our tanning services, safety, and booking process."
+          title="Wellness & Tanning FAQs"
+          description="Discover everything you need to know about our luxury tanning and wellness services."
           textboxLayout="default"
           useInvertedBackground={false}
-          tag="Help & Support"
+          tag="Information"
         />
       </div>
 
@@ -204,7 +214,7 @@ export default function HomePage() {
         <FooterBase
           columns={footerColumns}
           logoText="Tan'd Redditch"
-          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Premium Tanning Salon in Redditch, UK."
+          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Luxury Wellness & Tanning Salon in Redditch, UK."
         />
       </div>
     </ThemeProvider>

src/app/pricing/page.tsx

@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function PricingPage() {
@@ -36,16 +36,16 @@ export default function PricingPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="largeSmall"
-      background="noiseDiagonalGradient"
-      cardStyle="gradient-bordered"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="solid"
-      headingFontWeight="normal"
+      sizing="mediumLargeSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -61,49 +61,45 @@ export default function PricingPage() {
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardFive
+        <PricingCardNine
           plans={[
             {
-              id: "payasyougo",              tag: "Pay-As-You-Go",              price: "£3.50",              period: "/minute",              description: "Perfect for occasional tanners who want flexibility without commitment.",              button: { text: "Book Now", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "Use anytime during opening hours",                "No membership fees",                "Premium sunbed access",                "Professional hygiene standards"],
+              id: "payasyougo",              title: "Pay-As-You-Go",              price: "£3.50",              period: "/minute",              imageSrc: "https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=600&h=400&fit=crop",              imageAlt: "Flexible pay-as-you-go tanning session",              button: { text: "Book Now", href: "/booking" },
+              features: ["Use anytime during opening hours", "No membership fees", "Premium sunbed access", "Professional wellness consultation"],
             },
             {
-              id: "blockminutes",              tag: "Block Minutes",              price: "£45",              period: "/60 mins",              description: "Best value for regular tanners. Buy in bulk and save on every session.",              button: { text: "Purchase Now", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "60 tanning minutes bundled",                "Use within 3 months",                "20% savings vs pay-as-you-go",                "Priority booking available",                "Complimentary tan care tips"],
+              id: "blockminutes",              title: "Block Minutes",              price: "£45",              period: "/60 mins",              imageSrc: "https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=600&h=400&fit=crop",              imageAlt: "Block minutes package for regular tanners",              button: { text: "Purchase Now", href: "/booking" },
+              features: ["60 tanning minutes bundled", "Use within 3 months", "20% savings vs pay-as-you-go", "Priority booking available", "Complimentary tanning products"],
             },
             {
-              id: "membership",              tag: "Premium Membership",              price: "£49",              period: "/month",              description: "Unlimited tanning access with exclusive member perks and priority booking.",              button: { text: "Become a Member", href: "/booking" },
-              featuresTitle: "What's Included:",              features: [
-                "Unlimited tanning minutes",                "Priority booking slots",                "Member-only discounts",                "Free tan maintenance sessions",                "Birthday bonus minutes",                "Cancel anytime with 7-day notice"],
+              id: "membership",              title: "Premium Membership",              price: "£49",              period: "/month",              imageSrc: "https://images.unsplash.com/photo-1576087212468-a17d2d1fe962?w=600&h=400&fit=crop",              imageAlt: "Premium membership with unlimited access",              button: { text: "Become a Member", href: "/booking" },
+              features: ["Unlimited tanning minutes", "Priority booking slots", "Member-only discounts", "Free wellness consultations", "Birthday bonus minutes", "Cancel anytime"],
             },
           ]}
           animationType="slide-up"
-          title="Flexible Tanning Packages"
-          description="Choose the perfect tanning package tailored to your lifestyle. From pay-as-you-go to exclusive memberships, we have options for everyone."
+          title="Wellness Packages"
+          description="Choose the perfect package tailored to your lifestyle. From flexible pay-per-use to exclusive memberships."
           textboxLayout="default"
           useInvertedBackground={false}
           tag="Pricing"
         />
       </div>
 
-      <div id="comparison" data-section="comparison">
-        <FeatureCardSixteen
-          negativeCard={{
-            items: [
-              "Pay every visit",              "No member benefits",              "Standard booking",              "No discounts"],
-          }}
-          positiveCard={{
-            items: [
-              "Lock in your rate",              "Exclusive member perks",              "Priority booking access",              "Special discounts & offers"],
-          }}
+      <div id="benefits" data-section="benefits">
+        <FeatureCardOne
+          features={[
+            {
+              title: "Membership Benefits",              description: "Exclusive perks including priority booking, member discounts, and premium product access.",              imageSrc: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=600&h=600&fit=crop",              imageAlt: "Premium membership benefits"},
+            {
+              title: "Wellness Support",              description: "Professional consultations to personalize your tanning and wellness journey.",              imageSrc: "https://images.unsplash.com/photo-1576091160550-112173f7f869?w=600&h=600&fit=crop",              imageAlt: "Wellness support and consultation"},
+          ]}
+          gridVariant="two-items-per-row"
           animationType="slide-up"
-          title="Why Choose Membership?"
-          description="Our membership plans offer incredible value and exclusive benefits for our loyal customers. Save money, get priority booking, and enjoy member-only perks."
+          title="Why Choose Our Plans?"
+          description="Our pricing is designed to provide flexibility and value. Choose the option that best fits your wellness goals."
           textboxLayout="default"
-          useInvertedBackground={false}
-          tag="Best Value"
+          useInvertedBackground={true}
+          tag="Value"
         />
       </div>
 
@@ -111,7 +107,7 @@ export default function PricingPage() {
         <FooterBase
           columns={footerColumns}
           logoText="Tan'd Redditch"
-          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Premium Tanning Salon in Redditch, UK."
+          copyrightText="© 2025 Tan'd Redditch. All rights reserved. Luxury Wellness & Tanning Salon in Redditch, UK."
         />
       </div>
     </ThemeProvider>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-great-vibes), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-great-vibes), sans-serif;
+  font-family: var(--font-manrope), sans-serif;
 }

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
+  /* --background: #f5f4f0;;
   --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0b07ff;;
-  --secondary-cta: #ffffff;;
-  --accent: #93b7ff;;
-  --background-accent: #a8bae8;; */
+  --foreground: #2d2b28;;
+  --primary-cta: #8b7355;;
+  --secondary-cta: #e8e5dd;;
+  --accent: #d4c5b9;;
+  --background-accent: #c4b5a8;; */
 
-  --background: #f7f6f7;;
+  --background: #f5f4f0;;
   --card: #ffffff;;
-  --foreground: #0c1325;;
-  --primary-cta: #0b07ff;;
+  --foreground: #2d2b28;;
+  --primary-cta: #8b7355;;
   --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #e8e5dd;;
   --secondary-cta-text: #0c1325;;
-  --accent: #93b7ff;;
-  --background-accent: #a8bae8;;
+  --accent: #d4c5b9;;
+  --background-accent: #c4b5a8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);