From d8ec187c37ab9145cb3d26dfc8ad9d49e12433f2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 16:00:46 +0000
Subject: [PATCH] Update src/app/book-a-ride/page.tsx

---
 src/app/book-a-ride/page.tsx | 46 +++++++++---------------------------
 1 file changed, 11 insertions(+), 35 deletions(-)

diff --git a/src/app/book-a-ride/page.tsx b/src/app/book-a-ride/page.tsx
index 4204eeb..955e73f 100644
--- a/src/app/book-a-ride/page.tsx
+++ b/src/app/book-a-ride/page.tsx
@@ -19,8 +19,7 @@ export default function BookARidePage() {
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
+      title: "Services",      items: [
         { label: "Book a Ride", href: "/book-a-ride" },
         { label: "Service Areas", href: "/service-areas" },
         { label: "Pricing", href: "#services" },
@@ -28,8 +27,7 @@ export default function BookARidePage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Drivers", href: "/about" },
         { label: "Reviews", href: "#testimonials" },
@@ -37,8 +35,7 @@ export default function BookARidePage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Safety Guidelines", href: "#" },
@@ -53,7 +50,7 @@ export default function BookARidePage() {
       borderRadius="soft"
       contentWidth="smallMedium"
       sizing="largeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="glass"
@@ -67,20 +64,14 @@ export default function BookARidePage() {
         <HeroCentered
           title="Book Your Premium Ride Today"
           description="Simple text-based booking gets you professional transportation in minutes. Reliable service from Union to Greenville and beyond."
-          background={{ variant: "noise" }}
+          background={{ variant: "plain" }}
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
-              alt: "happy customer portrait professional headshot",
-            },
+              src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",              alt: "happy customer portrait professional headshot"},
             {
-              src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
-              alt: "female customer portrait happy smile",
-            },
+              src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",              alt: "female customer portrait happy smile"},
             {
-              src: "http://img.b2bpic.net/free-photo/picture-cheerful-caucasian-man-studio_176420-7231.jpg",
-              alt: "male professional portrait business headshot",
-            },
+              src: "http://img.b2bpic.net/free-photo/picture-cheerful-caucasian-man-studio_176420-7231.jpg",              alt: "male professional portrait business headshot"},
           ]}
           avatarText="Over 1000 satisfied rides"
           buttons={[
@@ -96,26 +87,11 @@ export default function BookARidePage() {
         <MetricCardTen
           metrics={[
             {
-              id: "step-1",
-              title: "Send a Text",
-              subtitle: "Text your pickup location and destination to (864) 000-0000",
-              category: "Step 1",
-              value: "2 min",
-            },
+              id: "step-1",              title: "Send a Text",              subtitle: "Text your pickup location and destination to (864) 000-0000",              category: "Step 1",              value: "2 min"},
             {
-              id: "step-2",
-              title: "Receive Quote",
-              subtitle: "Get instant price quote, driver name, and vehicle details",
-              category: "Step 2",
-              value: "1 min",
-            },
+              id: "step-2",              title: "Receive Quote",              subtitle: "Get instant price quote, driver name, and vehicle details",              category: "Step 2",              value: "1 min"},
             {
-              id: "step-3",
-              title: "Get Picked Up",
-              subtitle: "Our professional driver arrives safely and on time",
-              category: "Step 3",
-              value: "Ready",
-            },
+              id: "step-3",              title: "Get Picked Up",              subtitle: "Our professional driver arrives safely and on time",              category: "Step 3",              value: "Ready"},
           ]}
           title="Three Simple Steps to Your Ride"
           description="No apps, no waiting. Just text and ride with TextRiders."