Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 96cf0cb259 | |||
| f768c94494 | |||
| 6bfc23fdc2 | |||
| d68e08577f | |||
| 38ea7977e0 | |||
| 17425c3dce | |||
| 1e6d329d89 | |||
| 3d3ac98511 | |||
| 4f734b0478 | |||
| c930c24c89 |
@@ -1,46 +1,23 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./styles/variables.css";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const publicSans = Public_Sans({
|
||||
variable: "--font-public-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Brothers Auto Care | Auto Repair in Lubbock, TX", description: "Family-owned auto repair shop in Lubbock, TX. Honest, affordable maintenance and repair services for all makes and models.", keywords: "auto repair, car maintenance, oil change, brake service, Lubbock TX, mechanic", metadataBase: new URL("https://brothersautocare.com"),
|
||||
alternates: {
|
||||
canonical: "https://brothersautocare.com"},
|
||||
openGraph: {
|
||||
title: "Brothers Auto Care | Auto Repair & Maintenance", description: "Your trusted auto repair partner in Lubbock, TX. Professional, honest, affordable services.", url: "https://brothersautocare.com", siteName: "Brothers Auto Care", type: "website"},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Brothers Auto Care | Auto Repair in Lubbock, TX", description: "Professional auto repair and maintenance services you can trust."},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Brothers Auto Care - New Owners", description: "Trusted auto repair & maintenance in Lubbock, TX. Under new ownership with expert service, fair pricing, and payment plans available."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${publicSans.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={inter.className}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1408,7 +1385,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
163
src/app/page.tsx
163
src/app/page.tsx
@@ -5,11 +5,9 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
|
||||
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { ArrowRight, Award, CheckCircle, DollarSign, Heart, Info, Phone, Shield, Star, Wrench, Zap } from "lucide-react";
|
||||
import { ArrowRight, Wrench, CheckCircle, CreditCard, Phone, DollarSign, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,74 +29,65 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now", href: "tel:+1-806-555-0123"
|
||||
}}
|
||||
text: "Call Now", href: "tel:+1-806-555-0123"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Your Trusted Auto Repair & Maintenance Partner in Lubbock, TX"
|
||||
description="Family-owned Brothers Auto Care delivers honest, affordable, and efficient automotive services. From oil changes to complex repairs, we treat your vehicle like family."
|
||||
tag="Professional Auto Repair"
|
||||
title="Expert Auto Care, Fair Pricing"
|
||||
description="Brothers Auto Care under new ownership. Honest repairs, transparent pricing, and flexible payment plans for Lubbock families."
|
||||
tag="Newly Owned & Operated"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Schedule Service", href: "#contact" },
|
||||
{ text: "Learn More", href: "#services" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
dashboard={{
|
||||
title: "Our Service Commitment", logoIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-working-car-workshop-looking-camera_637285-11545.jpg?_wi=1", imageAlt: "Professional auto repair service", buttons: [
|
||||
title: "Why Choose Us", logoIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-working-car-workshop-looking-camera_637285-11545.jpg?_wi=1", imageAlt: "New Brothers Auto Care ownership team", buttons: [
|
||||
{ text: "View Services", href: "#services" },
|
||||
{ text: "Call Now", href: "tel:+1-806-555-0123" },
|
||||
{ text: "Get Quote", href: "tel:+1-806-555-0123" },
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: Wrench },
|
||||
{ icon: Shield },
|
||||
{ icon: Star },
|
||||
{ icon: CreditCard },
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Years Experience", values: [10, 15, 20],
|
||||
description: "Trusted expertise in auto repair"
|
||||
},
|
||||
title: "Fair Pricing", values: [47, 50, 55],
|
||||
valueSuffix: "%", description: "Savings on common services"},
|
||||
{
|
||||
title: "Happy Customers", values: [500, 750, 1000],
|
||||
valueSuffix: "+", description: "Growing family of satisfied clients"
|
||||
},
|
||||
title: "Payment Plans", values: [0, 6, 12],
|
||||
description: "Months available"},
|
||||
{
|
||||
title: "Services Offered", values: [8, 10, 12],
|
||||
description: "Complete automotive solutions"
|
||||
},
|
||||
title: "Expert Technicians", values: [15, 18, 20],
|
||||
valueSuffix: "yrs", description: "Average experience"},
|
||||
],
|
||||
searchPlaceholder: "What repair do you need?", chartTitle: "Customer Satisfaction", chartData: [
|
||||
searchPlaceholder: "What service do you need?", chartTitle: "Customer Satisfaction", chartData: [
|
||||
{ value: 98 },
|
||||
{ value: 99 },
|
||||
{ value: 98 },
|
||||
{ value: 99 },
|
||||
{ value: 100 },
|
||||
],
|
||||
listTitle: "Why Choose Us", listItems: [
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Family-Owned & Operated", status: "Trusted"
|
||||
},
|
||||
listTitle: "Our Commitment", listItems: [
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Honest & Transparent Pricing", status: "Fair"
|
||||
},
|
||||
title: "Transparent Pricing", status: "Fair"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast & Reliable Service", status: "Quick"
|
||||
},
|
||||
icon: CreditCard,
|
||||
title: "Flexible Payment Plans", status: "Flexible"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Seasonal Specials", status: "Savings"},
|
||||
],
|
||||
}}
|
||||
/>
|
||||
@@ -106,113 +95,60 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="About Brothers Auto Care"
|
||||
description="At Brothers Auto Care, we're not just about fixing cars — we're about building lasting relationships. Our team, led by Joe and his crew, is dedicated to providing honest, affordable, and efficient automotive services. Whether you need a quick oil change, complex repairs, or ongoing vehicle maintenance, we ensure your car gets the care it deserves."
|
||||
tag="About Us"
|
||||
tagIcon={Info}
|
||||
title="New Ownership, Proven Excellence"
|
||||
description="Brothers Auto Care has new ownership bringing fresh energy and commitment to serving Lubbock. Expert technicians, honest repairs, and fair pricing for everyone."
|
||||
tag="Newly Owned"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-auto-mechanic-his-coworker-communicating-with-their-manager-repair-shop_637285-4233.jpg?_wi=1"
|
||||
imageAlt="Brothers Auto Care family-owned shop interior"
|
||||
imageAlt="New Brothers Auto Care ownership team"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
title="Services We Offer"
|
||||
description="Complete automotive solutions to keep your vehicle running smoothly and safely"
|
||||
tag="Comprehensive Services"
|
||||
title="Our Services"
|
||||
description="Expert automotive solutions with transparent pricing and flexible payment plans."
|
||||
tag="Complete Service Menu"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Oil Changes", description: "Regular oil changes to maintain engine health and performance", imageSrc: "http://img.b2bpic.net/free-vector/auto-service-design-concepts-set_98292-1661.jpg?_wi=1", imageAlt: "Professional oil change service", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
title: "Oil Changes", description: "Comprehensive diagnostic included. Affordable and transparent.", imageSrc: "http://img.b2bpic.net/free-vector/auto-service-design-concepts-set_98292-1661.jpg?_wi=1", imageAlt: "Oil change service", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Brake Services", description: "Expert brake inspection and repair for your safety on the road", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26909.jpg?_wi=1", imageAlt: "Professional brake service", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
title: "Brake Service", description: "Expert inspection and quality pads. Safe and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26909.jpg?_wi=1", imageAlt: "Brake service", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Engine Diagnostics & Repairs", description: "Advanced diagnostic equipment to identify and fix engine problems", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-diagnostic-tool-laptop-working-truck-workshop_342744-1342.jpg?_wi=1", imageAlt: "Professional engine diagnostic service", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
title: "Engine Diagnostics", description: "Advanced diagnostic equipment. Accurate and fast.", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-diagnostic-tool-laptop-working-truck-workshop_342744-1342.jpg?_wi=1", imageAlt: "Engine diagnostics", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Tune-Ups & Maintenance", description: "Preventive maintenance to extend your vehicle's lifespan", imageSrc: "http://img.b2bpic.net/free-vector/auto-service-design-concepts-set_98292-1661.jpg?_wi=2", imageAlt: "Professional tune-up service", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
{
|
||||
title: "Transmission Repairs", description: "Reliable transmission service and repair by experienced technicians", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26909.jpg?_wi=2", imageAlt: "Professional transmission repair", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
{
|
||||
title: "A/C & Heating System Repairs", description: "Keep your climate control system running smoothly year-round", imageSrc: "http://img.b2bpic.net/free-photo/vehicle-mechanic-with-diagnostic-tool-laptop-working-truck-workshop_342744-1342.jpg?_wi=2", imageAlt: "Professional AC and heating repair", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
title: "Preventive Maintenance", description: "Regular care to extend vehicle lifespan. Smart investment.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26909.jpg?_wi=2", imageAlt: "Maintenance service", buttonIcon: ArrowRight,
|
||||
buttonHref: "#contact"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Our Customers Are Saying"
|
||||
description="Real feedback from real customers who trust Brothers Auto Care with their vehicles"
|
||||
tag="Customer Testimonials"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Kelly Soto", date: "Date: Recently", title: "Amazing Service and Fair Pricing!", quote: "Joe and his team are amazing! They fixed my car quickly, at a fair price, and treated me like family. Highly recommend!", tag: "Verified Customer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Kelly Soto", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-working-car-workshop-looking-camera_637285-11545.jpg?_wi=2", imageAlt: "Brothers Auto Care service"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Toni Mills", date: "Date: Recently", title: "My Go-To for All Car Services", quote: "Brothers Auto Care is my go-to spot for all my car services. Friendly staff, quick service, and great prices!", tag: "Verified Customer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Toni Mills", imageSrc: "http://img.b2bpic.net/free-photo/african-american-auto-mechanic-his-coworker-communicating-with-their-manager-repair-shop_637285-4233.jpg?_wi=2", imageAlt: "Brothers Auto Care team"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Christopher Maldonado", date: "Date: Recently", title: "Best Service and Pricing Around", quote: "They worked with me every step of the way. Best service and pricing around! I trust them completely with my vehicle.", tag: "Verified Customer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Christopher Maldonado", imageSrc: "http://img.b2bpic.net/free-vector/auto-service-design-concepts-set_98292-1661.jpg?_wi=3", imageAlt: "Professional service"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Sarah Johnson", date: "Date: Recently", title: "Honest and Professional", quote: "The team at Brothers Auto Care is incredibly honest about what needs to be done. No unnecessary upsells, just great service at fair prices.", tag: "Verified Customer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-brake-discs-car-service_1303-26909.jpg?_wi=3", imageAlt: "Professional repair work"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Lubbock Community"
|
||||
description="Find us and read our reviews on all major platforms"
|
||||
tag="Verified Reviews"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Google Reviews", "Yelp", "Facebook", "Nextdoor", "Trustpilot", "Angi", "Better Business Bureau"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
tag="Get Started"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="slide-up"
|
||||
title="Schedule Your Service Today"
|
||||
description="Contact Brothers Auto Care to book your appointment or get a quick quote. We're here to answer any questions about our services and get your vehicle running smoothly."
|
||||
title="Schedule Your Service"
|
||||
description="Contact us to book your appointment or get a quote. We're here to help!"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/auto-service-flat-horizontal-banners_1284-8591.jpg"
|
||||
imageAlt="Brothers Auto Care Lubbock location"
|
||||
imageAlt="Brothers Auto Care Lubbock"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Book Service"
|
||||
buttonText="Schedule Now"
|
||||
termsText="We respect your privacy. We'll contact you about your service request shortly."
|
||||
/>
|
||||
</div>
|
||||
@@ -224,17 +160,10 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Google Reviews", href: "https://www.google.com/search?q=brothers+auto+care+lubbock" },
|
||||
{ label: "Yelp", href: "https://www.yelp.com" },
|
||||
{ label: "Facebook", href: "https://www.facebook.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Call Us", href: "tel:+1-806-555-0123" },
|
||||
|
||||
Reference in New Issue
Block a user