bender/f6db2ccf-d415-4df6-a2a8-64f313f60c5b
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-03-03 16:21:48 +00:00
parent 0f5f75da0c a245786d96
commit ccee9529a1
2 changed files with 58 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/layout.tsx
View File

@@ -1,15 +1,11 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import "./styles/variables.css";
import "./styles/base.css";
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "ProTrack Rentals | Skid Steer Loader Rentals | Alquileres de Cargadores", description: "Professional skid steer loader rentals for construction and landscaping projects. Bilingual service for English and Spanish speaking customers. Same-day delivery available.", keywords: "skid steer loader rental, equipment rental, construction rental, landscaping equipment, bilingual service"};
title: "ProTrack Rentals - Professional Equipment Rental", description: "Professional skid steer loader and equipment rentals with same-day delivery. Flexible plans, no long-term contracts required."};
export default function RootLayout({
children,
@@ -18,9 +14,7 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className={inter.variable}>
{children}
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `

110
src/app/page.tsx
View File

@@ -34,7 +34,7 @@ export default function LandingPage() {
{ name: "Why Us | Por Qué", id: "why-us" },
{ name: "Contact | Contacto", id: "contact" }
]}
button={{ text: "Get Quote | Cotización", href: "contact" }}
button={{ text: "Get Quote", href: "#contact" }}
animateOnLoad={true}
/>
</div>
@@ -42,15 +42,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="ProTrack Rentals"
description="Professional Skid Steer Loader Rentals | Alquileres Profesionales de Cargadores de Dirección Deslizante"
description="Get Professional Equipment Delivered Same-Day—No Long-Term Contracts"
buttons={[
{ text: "View Equipment | Ver Equipo", href: "equipment" },
{ text: "Request Quote | Solicitar Cotización", href: "contact" }
{ text: "View Equipment", href: "#equipment" },
{ text: "Request Quote", href: "#contact" }
]}
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-professional-skid-steer-loader-on-a-mo-1772553433968-e4af3058.png"
imageAlt="Skid steer loader on construction site | Cargador de dirección deslizante en sitio de construcción"
imageAlt="Skid steer loader on construction site"
frameStyle="card"
mediaAnimation="blur-reveal"
/>
@@ -60,10 +60,10 @@ export default function LandingPage() {
<AboutMetric
title="Trusted Equipment Rental Partner | Socio Confiable de Alquiler de Equipos"
metrics={[
{ icon: Truck, label: "Equipment Available | Equipos Disponibles", value: "50+" },
{ icon: Users, label: "Happy Customers | Clientes Satisfechos", value: "500+" },
{ icon: Clock, label: "Years Experience | Años de Experiencia", value: "15+" },
{ icon: CheckCircle, label: "On-Time Delivery | Entrega Puntual", value: "99%" }
{ icon: Truck, label: "Equipment Available", value: "50+" },
{ icon: Users, label: "Happy Customers", value: "500+" },
{ icon: Clock, label: "Years Experience", value: "15+" },
{ icon: CheckCircle, label: "On-Time Delivery", value: "99%" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -74,19 +74,19 @@ export default function LandingPage() {
<FeatureCardThree
title="Our Equipment | Nuestro Equipo"
description="Reliable and well-maintained skid steer loaders for every project size. | Cargadores de dirección deslizante confiables y bien mantenidos para proyectos de cualquier tamaño."
tag="Premium Fleet | Flota Premium"
tag="Premium Fleet"
features={[
{
id: "01", title: "Compact Track Loader | Cargador Compacto", description: "Perfect for grading, excavation, and landscaping projects with precision control. | Perfecto para proyectos de nivelación, excavación y paisajismo con control de precisión.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-modern-compact-track-loader-on-a-lands-1772553435942-6f22b734.png", imageAlt: "Compact track loader | Cargador compacto"
id: "01", title: "Compact Track Loader | Cargador Compacto", description: "Perfect for grading, excavation, and landscaping projects with precision control.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-modern-compact-track-loader-on-a-lands-1772553435942-6f22b734.png", imageAlt: "Compact track loader"
},
{
id: "02", title: "Skid Steer Loader | Cargador de Dirección Deslizante", description: "Powerful and versatile for construction, demolition, and material handling tasks. | Potente y versátil para tareas de construcción, demolición y manejo de materiales.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-yellow-and-brown-skid-steer-loader-pos-1772553434607-1d47f15b.png", imageAlt: "Skid steer loader | Cargador de dirección deslizante"
id: "02", title: "Skid Steer Loader | Cargador de Dirección Deslizante", description: "Powerful and versatile for construction, demolition, and material handling tasks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-yellow-and-brown-skid-steer-loader-pos-1772553434607-1d47f15b.png", imageAlt: "Skid steer loader"
},
{
id: "03", title: "Equipment Attachments | Accesorios de Equipos", description: "Buckets, augers, trenchers, pallet forks and more to expand your capabilities. | Baldes, barrenas, excavadoras, horquillas de paletas y más para expandir sus capacidades.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-collection-of-skid-steer-loader-attach-1772553434351-80b20cd1.png", imageAlt: "Equipment attachments | Accesorios de equipos"
id: "03", title: "Equipment Attachments | Accesorios de Equipos", description: "Buckets, augers, trenchers, pallet forks and more to expand your capabilities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-collection-of-skid-steer-loader-attach-1772553434351-80b20cd1.png", imageAlt: "Equipment attachments"
},
{
id: "04", title: "Daily Rentals | Alquileres Diarios", description: "Flexible daily rental options with competitive rates and quick delivery service. | Opciones de alquiler diario flexible con tarifas competitivas y servicio de entrega rápida.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-skid-steer-loader-ready-for-rental-del-1772553435835-dc5fb69f.png", imageAlt: "Daily rental equipment | Equipo de alquiler diario"
id: "04", title: "Daily Rentals | Alquileres Diarios", description: "Flexible daily rental options with competitive rates and quick delivery service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-skid-steer-loader-ready-for-rental-del-1772553435835-dc5fb69f.png", imageAlt: "Daily rental equipment"
}
]}
carouselMode="buttons"
@@ -94,38 +94,38 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
buttons={[{ text: "View Pricing | Ver Precios", href: "pricing" }]}
buttons={[{ text: "View Pricing", href: "#pricing" }]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
title="Flexible Rental Plans | Planes de Alquiler Flexibles"
description="Choose the perfect rental period for your project needs. All plans include delivery and basic maintenance. | Elija el período de alquiler perfecto para las necesidades de su proyecto. Todos los planes incluyen entrega y mantenimiento básico."
tag="Transparent Pricing | Precios Transparentes"
description="Choose the perfect rental period for your project needs. All plans include delivery and basic maintenance."
tag="Transparent Pricing"
plans={[
{
id: "daily", badge: "Best for Short Projects | Mejor para Proyectos Cortos", badgeIcon: Zap,
price: "$350/day | $350/día", subtitle: "Perfect for daily job site needs | Perfecto para necesidades diarias de obra", features: [
"Compact Track Loader included | Cargador compacto incluido", "Free local delivery | Entrega local gratuita", "Basic operation support | Soporte operativo básico", "Fuel not included | Combustible no incluido"
id: "daily", badge: "Best for Short Projects", badgeIcon: Zap,
price: "$350/day", subtitle: "Perfect for daily job site needs", features: [
"Compact Track Loader included", "Free local delivery", "Basic operation support", "Fuel not included"
]
},
{
id: "weekly", badge: "Most Popular | Más Popular", badgeIcon: Star,
price: "$1,750/week | $1,750/semana", subtitle: "Great value for ongoing projects | Gran valor para proyectos en curso", features: [
"Your choice of equipment | Su opción de equipo", "Free delivery & pickup | Entrega y recogida gratuitas", "Operator assistance available | Asistencia del operador disponible", "Preventive maintenance included | Mantenimiento preventivo incluido"
id: "weekly", badge: "Most Popular", badgeIcon: Star,
price: "$1,750/week", subtitle: "Great value for ongoing projects", features: [
"Your choice of equipment", "Free delivery & pickup", "Operator assistance available", "Preventive maintenance included"
]
},
{
id: "monthly", badge: "Best Savings | Mejor Ahorro", badgeIcon: TrendingDown,
price: "$5,000/month | $5,000/mes", subtitle: "Ideal for long-term contracts | Ideal para contratos a largo plazo", features: [
"Multiple equipment options | Múltiples opciones de equipo", "Unlimited delivery passes | Entregas ilimitadas", "Full maintenance coverage | Cobertura de mantenimiento completo", "Priority support line | Línea de soporte prioritario"
id: "monthly", badge: "Best Savings", badgeIcon: TrendingDown,
price: "$5,000/month", subtitle: "Ideal for long-term contracts", features: [
"Multiple equipment options", "Unlimited delivery passes", "Full maintenance coverage", "Priority support line"
]
},
{
id: "custom", badge: "Contact Us | Contáctenos", badgeIcon: Sparkles,
price: "Custom Quote | Cotización Personalizada", subtitle: "Tailored solutions for unique needs | Soluciones personalizadas para necesidades únicas", features: [
"Bulk rental discounts | Descuentos por alquiler a granel", "Specialized equipment available | Equipos especializados disponibles", "Flexible payment terms | Términos de pago flexibles", "Dedicated account manager | Gerente de cuenta dedicado"
id: "custom", badge: "Contact Us", badgeIcon: Sparkles,
price: "Custom Quote", subtitle: "Tailored solutions for unique needs", features: [
"Bulk rental discounts", "Specialized equipment available", "Flexible payment terms", "Dedicated account manager"
]
}
]}
@@ -133,7 +133,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Request Custom Quote | Solicitar Cotización Personalizada", href: "contact" }]}
buttons={[{ text: "Request Custom Quote", href: "#contact" }]}
/>
</div>
@@ -141,19 +141,19 @@ export default function LandingPage() {
<FeatureCardThree
title="Why Choose ProTrack | Por Qué Elegir ProTrack"
description="We combine reliability, professionalism, and customer service excellence. | Combinamos confiabilidad, profesionalismo y excelencia en servicio al cliente."
tag="Our Commitment | Nuestro Compromiso"
tag="Our Commitment"
features={[
{
id: "01", title: "Well-Maintained Fleet | Flota Bien Mantenida", description: "All equipment undergoes regular maintenance and safety inspections to ensure peak performance. | Todo el equipo se somete a mantenimiento regular e inspecciones de seguridad para garantizar el rendimiento máximo.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-professional-maintenance-facility-or-w-1772553433781-a2c199c9.png", imageAlt: "Maintenance facility | Instalación de mantenimiento"
id: "01", title: "Well-Maintained Fleet | Flota Bien Mantenida", description: "All equipment undergoes regular maintenance and safety inspections to ensure peak performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-professional-maintenance-facility-or-w-1772553433781-a2c199c9.png", imageAlt: "Maintenance facility"
},
{
id: "02", title: "Fast Delivery | Entrega Rápida", description: "Same-day delivery available in the metro area. Reliable and on-time service guaranteed. | Entrega el mismo día disponible en el área metropolitana. Servicio confiable y puntual garantizado.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-professional-delivery-truck-or-flatbed-1772553433868-9e5b5def.png", imageAlt: "Fast delivery truck | Camión de entrega rápida"
id: "02", title: "Fast Delivery | Entrega Rápida", description: "Same-day delivery available in the metro area. Reliable and on-time service guaranteed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-professional-delivery-truck-or-flatbed-1772553433868-9e5b5def.png", imageAlt: "Fast delivery truck"
},
{
id: "03", title: "Flexible Terms | Términos Flexibles", description: "Daily, weekly, and monthly options. No long-term contracts required for short-term needs. | Opciones diarias, semanales y mensuales. No se requieren contratos a largo plazo para necesidades a corto plazo.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-calendar-or-schedule-display-showing-d-1772553433997-994d4cfc.png", imageAlt: "Flexible rental terms | Términos de alquiler flexible"
id: "03", title: "Flexible Terms | Términos Flexibles", description: "Daily, weekly, and monthly options. No long-term contracts required for short-term needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-calendar-or-schedule-display-showing-d-1772553433997-994d4cfc.png", imageAlt: "Flexible rental terms"
},
{
id: "04", title: "Expert Support | Soporte Experto", description: "Bilingual support team available to assist with equipment operation and troubleshooting. | Equipo de soporte bilingüe disponible para ayudarlo con la operación del equipo y la resolución de problemas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-professional-technician-or-operator-pr-1772553433724-91b05f87.png", imageAlt: "Expert support | Soporte experto"
id: "04", title: "Expert Support | Soporte Experto", description: "Bilingual support team available to assist with equipment operation and troubleshooting.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-professional-technician-or-operator-pr-1772553433724-91b05f87.png", imageAlt: "Expert support"
}
]}
carouselMode="buttons"
@@ -167,30 +167,30 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Clients Say | Lo Que Dicen Nuestros Clientes"
description="Real feedback from contractors and project managers who trust ProTrack for their equipment needs. | Comentarios reales de contratistas y gerentes de proyectos que confían en ProTrack para sus necesidades de equipos."
tag="Customer Reviews | Opiniones de Clientes"
description="Real feedback from contractors and project managers who trust ProTrack for their equipment needs."
tag="Customer Reviews"
testimonials={[
{
id: "1", name: "Carlos Rodriguez", role: "Project Manager | Gerente de Proyecto", company: "BuildRight Construction", rating: 5,
id: "1", name: "Carlos Rodriguez", role: "Project Manager", company: "BuildRight Construction", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/professional-portrait-photo-of-a-hispani-1772553432741-b6f0860b.png", imageAlt: "Carlos Rodriguez"
},
{
id: "2", name: "Jessica Martinez", role: "Site Supervisor | Supervisor de Sitio", company: "Landscape Innovations", rating: 5,
id: "2", name: "Jessica Martinez", role: "Site Supervisor", company: "Landscape Innovations", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/professional-portrait-photo-of-a-female--1772553433519-0a8b30c1.png", imageAlt: "Jessica Martinez"
},
{
id: "3", name: "Michael Thompson", role: "Fleet Manager | Gerente de Flota", company: "Thompson Development", rating: 5,
id: "3", name: "Michael Thompson", role: "Fleet Manager", company: "Thompson Development", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/professional-portrait-of-a-male-fleet-ma-1772553433111-ead22dee.png", imageAlt: "Michael Thompson"
},
{
id: "4", name: "Sofia Hernandez", role: "Operations Director | Directora de Operaciones", company: "Eco Construction Group", rating: 5,
id: "4", name: "Sofia Hernandez", role: "Operations Director", company: "Eco Construction Group", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/professional-portrait-of-a-female-operat-1772553433195-a81e4611.png", imageAlt: "Sofia Hernandez"
}
]}
kpiItems={[
{ value: "500+", label: "Successful Rentals | Alquileres Exitosos" },
{ value: "4.9/5", label: "Average Rating | Calificación Promedio" },
{ value: "98%", label: "On-Time Delivery | Entrega Puntual" }
{ value: "500+", label: "Successful Rentals" },
{ value: "4.9/5", label: "Average Rating" },
{ value: "98%", label: "On-Time Delivery" }
]}
animationType="slide-up"
textboxLayout="default"
@@ -211,10 +211,10 @@ export default function LandingPage() {
textarea={{ name: "message", placeholder: "Project Details / Equipment Needed | Detalles del Proyecto / Equipo Necesario", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARO0myy2Q0cEbmnux5fNOMbxJj/a-well-maintained-skid-steer-loader-in-e-1772553433767-9d40e5ae.png"
imageAlt="Skid steer loader ready for rental | Cargador de dirección deslizante listo para alquiler"
imageAlt="Skid steer loader ready for rental"
mediaAnimation="blur-reveal"
mediaPosition="right"
buttonText="Request Quote | Solicitar Cotización"
buttonText="Request Quote"
/>
</div>
@@ -224,15 +224,15 @@ export default function LandingPage() {
columns={[
{
items: [
{ label: "Equipment | Equipo", href: "equipment" },
{ label: "Pricing | Precios", href: "pricing" },
{ label: "Why Us | Por Qué", href: "why-us" }
{ label: "Equipment", href: "#equipment" },
{ label: "Pricing", href: "#pricing" },
{ label: "Why Us", href: "#why-us" }
]
},
{
items: [
{ label: "Contact | Contacto", href: "contact" },
{ label: "Phone | Teléfono", href: "tel:+15551234567" },
{ label: "Contact", href: "#contact" },
{ label: "Phone", href: "tel:+15551234567" },
{ label: "Email", href: "mailto:info@protrackrentals.com" }
]
},
@@ -240,14 +240,14 @@ export default function LandingPage() {
items: [
{ label: "Español", href: "#" },
{ label: "English", href: "#" },
{ label: "Bilingual Support | Soporte Bilingüe", href: "contact" }
{ label: "Bilingual Support", href: "#contact" }
]
},
{
items: [
{ label: "Privacy Policy | Política de Privacidad", href: "#" },
{ label: "Terms of Service | Términos de Servicio", href: "#" },
{ label: "Rental Agreement | Acuerdo de Alquiler", href: "#" }
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Rental Agreement", href: "#" }
]
}
]}