Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 69421c9775 | |||
| eb093ca743 | |||
| 7a8d94dd98 | |||
| 96832cd3b7 | |||
| bb3aee3fc5 | |||
| c461251bd0 | |||
| 0707e231fc | |||
| e5c7d9e8ae | |||
| 79efedd707 | |||
| c6eeff7335 | |||
| 8aa20a869b | |||
| 14fd6d2b0a | |||
| 49721174d3 | |||
| 5afb8a9b0f | |||
| 0aaa1e4492 | |||
| 8ba4bfedb6 | |||
| cafb77bd1f | |||
| 90ba88c5a3 |
@@ -4,9 +4,10 @@ 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";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -20,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,
|
||||||
@@ -37,8 +41,8 @@ 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`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
101
src/app/page.tsx
101
src/app/page.tsx
@@ -28,31 +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: "Home", id: "hero"},
|
{ name: "About Us", id: "about" },
|
||||||
{
|
{ name: "Services", id: "features" },
|
||||||
name: "About Us", id: "about"},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Services", id: "features"},
|
|
||||||
{
|
|
||||||
name: "Contact", 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="Your safety on the road is our priority. We offer the best tires and automotive maintenance services in the region."
|
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: "Book Appointment", href: "#contact"},
|
{ text: "View Services", href: "#features" },
|
||||||
{
|
|
||||||
text: "View Services", 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>
|
||||||
|
|
||||||
@@ -60,18 +55,15 @@ export default function LandingPage() {
|
|||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Quality that backs us up"
|
title="Experts in Automotive Care"
|
||||||
description="With over 20 years of experience, at Llantera Hacienda we combine cutting-edge technology with the personalized attention your vehicle deserves."
|
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: "Premium Tires", description: "Leading brands with full warranty."},
|
{ title: "Strategic Location", description: "1550 N Rancho Dr, Las Vegas, NV 89106." },
|
||||||
{
|
{ title: "Direct Contact", description: "Call us today at (702) 333-0024." },
|
||||||
title: "Brake Experts", description: "Guaranteed safety on every trip."},
|
|
||||||
{
|
|
||||||
title: "Fast Service", description: "Your time is valuable, which is why we are efficient."},
|
|
||||||
]}
|
]}
|
||||||
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>
|
||||||
@@ -83,15 +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", 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: "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" },
|
||||||
{
|
{ 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" },
|
||||||
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: "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"},
|
|
||||||
]}
|
]}
|
||||||
title="Specialized Services"
|
title="Our Services"
|
||||||
description="Comprehensive care to keep your car in optimal condition."
|
description="Superior quality, speed, and total trust for your car."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -101,32 +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", 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: "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" },
|
||||||
{
|
|
||||||
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: "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: "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: "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"},
|
|
||||||
]}
|
]}
|
||||||
title="What our clients say"
|
title="Client Reviews"
|
||||||
description="The trust of our customers is our best stamp of quality."
|
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"
|
tag="Contact"
|
||||||
title="Schedule your maintenance"
|
title="Visit Us on Rancho Dr"
|
||||||
description="We are ready to assist you. Leave us your details and we will contact you immediately."
|
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."
|
||||||
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>
|
||||||
@@ -134,26 +114,9 @@ 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: "About Us", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Services", href: "#features"},
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Terms and Conditions", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Llantera Hacienda"
|
logoText="Hacienda Llantera"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -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