From e01593c3f256146ca49ca4b63459fc2717cc066c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 06:46:49 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 363 +++++++++++------------------------------------ 1 file changed, 79 insertions(+), 284 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a9546a5..b755af3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,88 +31,51 @@ export default function LandingPage() {
@@ -392,34 +214,20 @@ export default function LandingPage() { description="Don't wait! Our team is ready 24/7 to provide fast, professional towing and roadside assistance. Fill out the form or call us directly for rapid service." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Full Name", - required: true, + name: "name", type: "text", placeholder: "Your Full Name", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: true, + name: "phone", type: "tel", placeholder: "Phone Number", required: true, }, { - name: "location", - type: "text", - placeholder: "Current Location (Address or Landmark)", - required: true, + name: "location", type: "text", placeholder: "Current Location (Address or Landmark)", required: true, }, { - name: "vehicleType", - type: "text", - placeholder: "Vehicle Make & Model (e.g., Ford F-150)", - required: false, + name: "vehicleType", type: "text", placeholder: "Vehicle Make & Model (e.g., Ford F-150)", required: false, }, ]} textarea={{ - name: "issueDescription", - placeholder: "Briefly describe your situation (e.g., flat tire, accident, dead battery)", - rows: 3, + name: "issueDescription", placeholder: "Briefly describe your situation (e.g., flat tire, accident, dead battery)", rows: 3, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/emergency-ambulance-vehicle-healthcare-icon-word_53876-120173.jpg" @@ -427,6 +235,11 @@ export default function LandingPage() { mediaAnimation="opacity" mediaPosition="right" buttonText="Request Immediate Tow" + className="py-16 md:py-24 lg:py-32" + containerClassName="px-4 md:px-6 lg:px-8" + contentClassName="gap-8 md:gap-12 lg:gap-16 items-center" + formCardClassName="p-6 md:p-8 lg:p-10 rounded-lg shadow-lg" + titleClassName="text-center md:text-left" /> @@ -438,65 +251,47 @@ export default function LandingPage() { { items: [ { - label: "Home", - href: "/", - }, + label: "Home", href: "/"}, { - label: "Services", - href: "/services", - }, + label: "Services", href: "/services"}, { - label: "About Us", - href: "/about", - }, + label: "About Us", href: "/about"}, { - label: "Reviews", - href: "/reviews", - }, + label: "Reviews", href: "/reviews"}, ], }, { items: [ { - label: "Service Areas", - href: "/service-areas", - }, + label: "Service Areas", href: "/service-areas"}, { - label: "Contact Us", - href: "/contact", - }, + label: "Contact Us", href: "/contact"}, { - label: "Get a Quote", - href: "/contact#quote", - }, + label: "Get a Quote", href: "/contact#quote"}, { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, ], }, { items: [ { - label: "Call 24/7", - href: "tel:+13141234567", - }, + label: "Call 24/7", href: "tel:+13141234567"}, { - label: "Email: info@eagletowingstl.com", - href: "mailto:info@eagletowingstl.com", - }, + label: "Email: info@eagletowingstl.com", href: "mailto:info@eagletowingstl.com"}, { - label: "St. Louis, MO", - href: "/service-areas#st-louis", - }, + label: "St. Louis, MO", href: "/service-areas#st-louis"}, { - label: "Facebook", - href: "https://facebook.com/eagletowing", - }, + label: "Facebook", href: "https://facebook.com/eagletowing"}, ], }, ]} logoText="Eagle Towing - St. Louis's most trusted 24/7 roadside partner." + className="py-16 md:py-20 lg:py-24 border-t border-border-color bg-background-accent" + containerClassName="gap-8 md:gap-12 lg:gap-16" + logoClassName="pb-8 md:pb-0" + columnsClassName="grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12" + columnClassName="flex flex-col gap-3" + itemClassName="text-foreground/80 hover:text-primary-cta transition-colors duration-200" />