Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8ba4bfedb6 |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
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";
|
||||||
|
|
||||||
@@ -38,7 +37,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
134
src/app/page.tsx
134
src/app/page.tsx
@@ -29,13 +29,21 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home", id: "hero"},
|
name: "Inicio",
|
||||||
|
id: "hero",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "About Us", id: "about"},
|
name: "Nosotros",
|
||||||
|
id: "about",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Services", id: "features"},
|
name: "Servicios",
|
||||||
|
id: "features",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "Contact", id: "contact"},
|
name: "Contacto",
|
||||||
|
id: "contact",
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
brandName="Llantera Hacienda"
|
brandName="Llantera Hacienda"
|
||||||
/>
|
/>
|
||||||
@@ -44,12 +52,16 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="Llantera Hacienda"
|
logoText="Llantera Hacienda"
|
||||||
description="Your safety on the road is our priority. We offer the best tires and automotive maintenance services in the region."
|
description="Tu seguridad en el camino es nuestra prioridad. Ofrecemos los mejores neumáticos y servicios de mantenimiento automotriz en la región."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Appointment", href: "#contact"},
|
text: "Reservar Cita",
|
||||||
|
href: "#contact",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
text: "View Services", href: "#features"},
|
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="Professional tire service"
|
||||||
@@ -60,15 +72,21 @@ export default function LandingPage() {
|
|||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Quality that backs us up"
|
title="Calidad que nos respalda"
|
||||||
description="With over 20 years of experience, at Llantera Hacienda we combine cutting-edge technology with the personalized attention your vehicle deserves."
|
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."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Premium Tires", description: "Leading brands with full warranty."},
|
title: "Neumáticos de Primera",
|
||||||
|
description: "Marcas líderes con garantía total.",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: "Brake Experts", description: "Guaranteed safety on every trip."},
|
title: "Expertos en Frenos",
|
||||||
|
description: "Seguridad garantizada en cada viaje.",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: "Fast Service", description: "Your time is valuable, which is why we are efficient."},
|
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="Expert mechanics team"
|
||||||
@@ -84,14 +102,26 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1", title: "Tire Replacement", description: "Professional installation and precise balancing.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=2"},
|
id: "1",
|
||||||
|
title: "Cambio de Neumáticos",
|
||||||
|
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: "Alignment and Balancing", description: "For a smooth and safe drive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=3"},
|
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: "Suspension Repair", description: "High-strength and durable components.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-tyre_1170-1151.jpg?_wi=4"},
|
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="Specialized Services"
|
title="Servicios Especializados"
|
||||||
description="Comprehensive care to keep your car in optimal condition."
|
description="Atención integral para mantener tu auto en óptimas condiciones."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -102,18 +132,43 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "John Perez", handle: "@johnp", testimonial: "Excellent service, very fast and professional.", imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-beautiful-woman-making-like-gesture_74855-2916.jpg?_wi=1"},
|
id: "1",
|
||||||
|
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: "Mary G.", handle: "@maryg", testimonial: "The best tire shop in town, very fair prices.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-living-room_329181-2677.jpg"},
|
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: "Charles Ruiz", handle: "@charlesr", testimonial: "Great attention, they explained everything in detail.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.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: "Anne Lopez", handle: "@annelopez", testimonial: "Reliable and honest. My favorite place for car care.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142604.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: "Louis Mendoza", handle: "@louism", testimonial: "Very well-trained technical staff, they solve any problem.", imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-beautiful-woman-making-like-gesture_74855-2916.jpg?_wi=2"},
|
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="What our clients say"
|
title="Lo que dicen nuestros clientes"
|
||||||
description="The trust of our customers is our best stamp of quality."
|
description="La confianza de nuestros clientes es nuestro mejor sello de calidad."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -121,10 +176,11 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain"}}
|
variant: "plain",
|
||||||
tag="Contact"
|
}}
|
||||||
title="Schedule your maintenance"
|
tag="Contacto"
|
||||||
description="We are ready to assist you. Leave us your details and we will contact you immediately."
|
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 us today"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -137,19 +193,29 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "About Us", href: "#about"},
|
label: "Nosotros",
|
||||||
|
href: "#about",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Services", href: "#features"},
|
label: "Servicios",
|
||||||
|
href: "#features",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Contact", href: "#contact"},
|
label: "Contacto",
|
||||||
|
href: "#contact",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Privacy Policy", href: "#"},
|
label: "Política de Privacidad",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: "Terms and Conditions", href: "#"},
|
label: "Términos y Condiciones",
|
||||||
|
href: "#",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -159,4 +225,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user