diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 8b594a1..0a86654 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -8,7 +8,6 @@ import TeamCardFive from "@/components/sections/team/TeamCardFive";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Heart, Users, Sparkles } from "lucide-react";
-import Link from "next/link";
 
 export default function AboutPage() {
   const navItems = [
@@ -45,7 +44,7 @@ export default function AboutPage() {
         <HeroLogoBillboardSplit
           logoText="About Us"
           description="Meet the passionate stylists and visionaries behind Gary Westacott Luxury Hair Salon. Dedicated to excellence, creativity, and your confidence."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "circleGradient" }}
           buttons={[
             { text: "Our Story", href: "#" }
           ]}
diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 36e50af..818629f 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -5,7 +5,6 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import Link from "next/link";
 
 export default function BookingPage() {
   const navItems = [
@@ -42,7 +41,7 @@ export default function BookingPage() {
         <HeroLogoBillboardSplit
           logoText="Book Now"
           description="Secure your appointment with our expert stylists. Choose your service, preferred stylist, and time slot. Available Tuesday–Saturday, 9 AM–6 PM."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "circleGradient" }}
           buttons={[
             { text: "View Calendar", href: "#" }
           ]}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 88629a2..747875b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -5,7 +5,6 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import Link from "next/link";
 
 export default function ContactPage() {
   return (
@@ -40,7 +39,7 @@ export default function ContactPage() {
         <HeroLogoBillboardSplit
           logoText="Contact Us"
           description="Reach out with questions, comments, or to schedule your next appointment. We're here to help and look forward to connecting with you."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "circleGradient" }}
           buttons={[
             {
               text: "Get in Touch",              href: "#contact-form"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c630329..f0970c8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,6 @@ import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCa
 import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Sparkles, Star, BookOpen } from "lucide-react";
-import Link from "next/link";
 
 export default function HomePage() {
   return (
@@ -45,7 +44,7 @@ export default function HomePage() {
         <HeroLogoBillboardSplit
           logoText="Gary Westacott"
           description="Experience luxury hair styling and premium salon services. Elevate your look with expert cuts, vibrant color, and transformative treatments crafted with precision and passion."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "circleGradient" }}
           buttons={[
             { text: "Book Now", href: "/booking" },
             { text: "Explore Services", href: "/services" },
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 9ca6670..f627838 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -6,7 +6,6 @@ import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboard
 import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Scissors, Users, Sparkles } from "lucide-react";
-import Link from "next/link";
 
 export default function ServicesPage() {
   return (
@@ -43,7 +42,7 @@ export default function ServicesPage() {
         <HeroLogoBillboardSplit
           logoText="Our Services"
           description="Comprehensive hair care solutions designed to enhance your natural beauty and deliver lasting results."
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "circleGradient" }}
           buttons={[{ text: "Book Appointment", href: "/booking" }]}
           buttonAnimation="slide-up"
           layoutOrder="default"