Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9db5935617 | |||
| 69421c9775 | |||
| eb093ca743 | |||
| 7a8d94dd98 | |||
| 96832cd3b7 | |||
| bb3aee3fc5 | |||
| c461251bd0 | |||
| 0707e231fc | |||
| e5c7d9e8ae | |||
| 79efedd707 | |||
| c6eeff7335 | |||
| 8aa20a869b | |||
| 14fd6d2b0a | |||
| 49721174d3 | |||
| 5afb8a9b0f | |||
| 0aaa1e4492 | |||
| cafb77bd1f | |||
| 90ba88c5a3 | |||
| 8b242e9063 | |||
| f6c0207f36 |
@@ -6,6 +6,8 @@ import "@/lib/gsap-setup";
|
|||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Montserrat } from "next/font/google";
|
import { Montserrat } from "next/font/google";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -19,14 +21,17 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const montserrat = Montserrat({
|
|
||||||
variable: "--font-montserrat",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
const inter = Inter({
|
const inter = Inter({
|
||||||
variable: "--font-inter",
|
variable: "--font-inter",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
const openSans = Open_Sans({
|
||||||
|
variable: "--font-open-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
@@ -36,7 +41,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
|
||||||
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
171
src/app/page.tsx
171
src/app/page.tsx
@@ -28,43 +28,26 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Inicio",
|
{ name: "About Us", id: "about" },
|
||||||
id: "hero",
|
{ name: "Services", id: "features" },
|
||||||
},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Nosotros",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Servicios",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contacto",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Llantera Hacienda"
|
brandName="Hacienda Llantera"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="Llantera Hacienda"
|
logoText="Hacienda Llantera"
|
||||||
description="Tu seguridad en el camino es nuestra prioridad. Ofrecemos los mejores neumáticos y servicios de mantenimiento automotriz en la región."
|
description="Your safety on the road is our top priority. Located at 1550 N Rancho Dr, Las Vegas, NV 89106. Open every day from 8:00 AM to 8:00 PM."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Call Now: (702) 333-0024", href: "tel:+17023330024" },
|
||||||
text: "Reservar Cita",
|
{ text: "View Services", href: "#features" },
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Ver Servicios",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=1"
|
||||||
imageAlt="Professional tire service"
|
imageAlt="Hacienda Llantera Service"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -72,24 +55,15 @@ export default function LandingPage() {
|
|||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Calidad que nos respalda"
|
title="Experts in Automotive Care"
|
||||||
description="Con más de 20 años de experiencia, en Llantera Hacienda combinamos tecnología de punta con la atención personalizada que tu vehículo merece."
|
description="At Hacienda Llantera, we combine experience and technology to ensure maximum performance for your vehicle in Las Vegas. Our commitment is your satisfaction and safety on every journey."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Daily Schedule", description: "Complete attention from 8:00 AM to 8:00 PM." },
|
||||||
title: "Neumáticos de Primera",
|
{ title: "Strategic Location", description: "1550 N Rancho Dr, Las Vegas, NV 89106." },
|
||||||
description: "Marcas líderes con garantía total.",
|
{ title: "Direct Contact", description: "Call us today at (702) 333-0024." },
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Expertos en Frenos",
|
|
||||||
description: "Seguridad garantizada en cada viaje.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Servicio Rápido",
|
|
||||||
description: "Tu tiempo es valioso, por eso somos eficientes.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367543.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367543.jpg"
|
||||||
imageAlt="Expert mechanics team"
|
imageAlt="About Us"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -101,27 +75,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "1", title: "Tire Changes", description: "Expert installation, balancing, and rotation for safe driving.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=2" },
|
||||||
id: "1",
|
{ id: "2", title: "Professional Alignment", description: "Precise steering adjustments to prevent premature wear.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=3" },
|
||||||
title: "Cambio de Neumáticos",
|
{ id: "3", title: "Extended Hours", description: "We are at your disposal every day from 8 AM to 8 PM.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=4" },
|
||||||
description: "Instalación profesional y balanceo preciso.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Alineación y Balanceo",
|
|
||||||
description: "Para una conducción suave y segura.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Reparación de Suspensión",
|
|
||||||
description: "Componentes de alta resistencia y durabilidad.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=4",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Servicios Especializados"
|
title="Our Services"
|
||||||
description="Atención integral para mantener tu auto en óptimas condiciones."
|
description="Superior quality, speed, and total trust for your car."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -131,58 +90,23 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "María G.", handle: "@LasVegasDriver", testimonial: "The extended hours at this shop are incredible. They saved my day after an issue at work.", imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-beautiful-woman-making-like-gesture_74855-2916.jpg?_wi=1" },
|
||||||
id: "1",
|
{ id: "2", name: "Carlos V.", handle: "@RanchoLocal", testimonial: "Impeccable and honest service. I always take my two vehicles here for the quality of their alignment.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-living-room_329181-2677.jpg" },
|
||||||
name: "Juan Pérez",
|
|
||||||
handle: "@juanp",
|
|
||||||
testimonial: "Excelente servicio, muy rápidos y profesionales.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-beautiful-woman-making-like-gesture_74855-2916.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "María G.",
|
|
||||||
handle: "@mariag",
|
|
||||||
testimonial: "La mejor llantera de la ciudad, precios muy justos.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-living-room_329181-2677.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Carlos Ruíz",
|
|
||||||
handle: "@carlosr",
|
|
||||||
testimonial: "Muy buena atención, me explicaron todo detalladamente.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Ana López",
|
|
||||||
handle: "@analopez",
|
|
||||||
testimonial: "Confiables y honestos. Mi lugar preferido para el auto.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142604.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Luis Mendoza",
|
|
||||||
handle: "@luism",
|
|
||||||
testimonial: "Personal técnico muy capacitado, resuelven cualquier problema.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-beautiful-woman-making-like-gesture_74855-2916.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Lo que dicen nuestros clientes"
|
title="Client Reviews"
|
||||||
description="La confianza de nuestros clientes es nuestro mejor sello de calidad."
|
description="Your trust is our greatest priority."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
tag="Contact"
|
||||||
}}
|
title="Visit Us on Rancho Dr"
|
||||||
tag="Contacto"
|
description="We are at 1550 N Rancho Dr, Las Vegas. Call us at (702) 333-0024 from 8:00 AM to 8:00 PM for appointments or questions."
|
||||||
title="Agenda tu mantenimiento"
|
|
||||||
description="Estamos listos para atenderte. Déjanos tus datos y nos comunicaremos contigo de inmediato."
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-toolbox-machines_1170-1504.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/view-toolbox-machines_1170-1504.jpg"
|
||||||
imageAlt="Contact us today"
|
imageAlt="Contact Hacienda Llantera"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -190,39 +114,12 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Home", href: "#hero" }, { label: "About Us", href: "#about" }, { label: "Services", href: "#features" }, { label: "Reviews", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Nosotros",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Servicios",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contacto",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Política de Privacidad",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Términos y Condiciones",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Llantera Hacienda"
|
logoText="Hacienda Llantera"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter), sans-serif;
|
font-family: var(--font-open-sans), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-montserrat), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user