Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7c40d66501 | |||
| 939d746549 | |||
| e97e62bdc6 | |||
| 37aabae6b9 | |||
| 54c39ec08b | |||
| e69bbab58e | |||
| 45a8f61531 | |||
| 678a1ec678 | |||
| 9413c9b275 | |||
| ef9b1a185b | |||
| 832d48ffd6 | |||
| ba36d3906a |
127
src/app/page.tsx
127
src/app/page.tsx
@@ -2,17 +2,16 @@
|
|||||||
|
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
||||||
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
||||||
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
||||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||||
import { Leaf, Droplets, Wrench } from "lucide-react";
|
import { Droplets, Wrench } from "lucide-react";
|
||||||
|
|
||||||
export default function LandscapingPage() {
|
export default function LandscapingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,42 +29,27 @@ export default function LandscapingPage() {
|
|||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleCentered
|
||||||
brandName="Ugarte Landscapes"
|
brandName="Ugarte Landscapes 🪴"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Services", id: "/services" },
|
{ name: "Services", id: "/services" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "#about" },
|
||||||
{ name: "Team", id: "team" },
|
{ name: "Team", id: "#team" },
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
{ name: "Testimonials", id: "#testimonials" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "#contact" },
|
||||||
]}
|
]}
|
||||||
button={{ text: "Request Repair", href: "#contact" }}
|
button={{ text: "Request Repair", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlayTestimonial
|
<HeroLogoBillboard
|
||||||
tag="Expert Landscaping & Irrigation"
|
logoText="Ugarte Landscapes"
|
||||||
tagIcon={Droplets}
|
description="Expert irrigation and landscape maintenance services. Blurred garden backgrounds to keep things green."
|
||||||
title="Your Irrigation and Landscape Experts"
|
buttons={[{ text: "Our Services", href: "/services" }]}
|
||||||
description="Specializing in professional landscape maintenance and precision irrigation system repairs to keep your greenery thriving all year."
|
background={{ variant: "sparkles-gradient" }}
|
||||||
buttons={[
|
|
||||||
{ text: "Schedule Repair", href: "#contact" },
|
|
||||||
{ text: "Explore Services", href: "/services" },
|
|
||||||
]}
|
|
||||||
buttonAnimation="slide-up"
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748216.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748216.jpg"
|
||||||
imageAlt="Beautifully maintained lawn and irrigation system"
|
logoClassName="scale-[0.6] md:scale-75 origin-top"
|
||||||
showDimOverlay={true}
|
|
||||||
textPosition="top"
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
name: "Carlos R.", handle: "Homeowner", testimonial: "Ugarte saved my lawn after a major irrigation leak. Fast, professional, and very affordable!", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153813.jpg"},
|
|
||||||
{
|
|
||||||
name: "Linda D.", handle: "Property Manager", testimonial: "Dependable service every time. They handle our landscaping and sprinkler upkeep flawlessly.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -84,6 +68,21 @@ export default function LandscapingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="testimonials" data-section="testimonials">
|
||||||
|
<TestimonialCardTwelve
|
||||||
|
cardTag="Our Clients"
|
||||||
|
cardTitle="See why our community chooses Ugarte Landscapes."
|
||||||
|
buttons={[{ text: "Contact Today", href: "#contact" }]}
|
||||||
|
cardAnimation="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
testimonials={[
|
||||||
|
{ id: "1", name: "Sarah B.", imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
|
||||||
|
{ id: "2", name: "Mark J.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg" },
|
||||||
|
{ id: "3", name: "Elena P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="why-us" data-section="why-us">
|
<div id="why-us" data-section="why-us">
|
||||||
<TeamCardSix
|
<TeamCardSix
|
||||||
title="The Ugarte Advantage"
|
title="The Ugarte Advantage"
|
||||||
@@ -93,12 +92,9 @@ export default function LandscapingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
members={[
|
members={[
|
||||||
{
|
{ id: "1", name: "Fast Response", role: "We prioritize emergency repairs.", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-uniform-pointing-present-box_176474-36017.jpg" },
|
||||||
id: "1", name: "Fast Response", role: "We understand that an irrigation leak can waste water fast—we prioritize emergency repairs.", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-uniform-pointing-present-box_176474-36017.jpg"},
|
{ id: "2", name: "Expert Diagnostics", role: "Identification before issues become expensive.", imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg" },
|
||||||
{
|
{ id: "3", name: "Reliable Service", role: "On time and clear estimates.", imageSrc: "http://img.b2bpic.net/free-photo/successful-manager-extending-hand-handshake_1262-3119.jpg" },
|
||||||
id: "2", name: "Expert Diagnostics", role: "Our team is trained to identify hidden system issues before they become expensive problems.", imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Reliable Service", role: "We show up on time and provide clear, honest estimates before starting any work.", imageSrc: "http://img.b2bpic.net/free-photo/successful-manager-extending-hand-handshake_1262-3119.jpg"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -113,28 +109,9 @@ export default function LandscapingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
members={[
|
members={[
|
||||||
{
|
{ id: "1", name: "Luis Ugarte", role: "Owner & Lead Technician", imageSrc: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-29878.jpg" },
|
||||||
id: "1", name: "Luis Ugarte", role: "Owner & Lead Technician", imageSrc: "http://img.b2bpic.net/free-photo/man-florist-working-green-house_1303-29878.jpg"},
|
{ id: "2", name: "Maria Gomez", role: "Landscape Specialist", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-sitting-front-potted-plants_23-2147918758.jpg" },
|
||||||
{
|
{ id: "3", name: "Jose Rivera", role: "Systems Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-showing-pot-plant-his-hand_23-2147844284.jpg" },
|
||||||
id: "2", name: "Maria Gomez", role: "Landscape Specialist", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-sitting-front-potted-plants_23-2147918758.jpg"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Jose Rivera", role: "Systems Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-gardener-showing-pot-plant-his-hand_23-2147844284.jpg"},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwelve
|
|
||||||
cardTag="Our Clients"
|
|
||||||
cardTitle="See why our community chooses Ugarte Landscapes."
|
|
||||||
buttons={[{ text: "Contact Today", href: "#contact" }]}
|
|
||||||
cardAnimation="slide-up"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{ id: "1", name: "Sarah B.", imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
|
|
||||||
{ id: "2", name: "Mark J.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg" },
|
|
||||||
{ id: "3", name: "Elena P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
|
||||||
{ id: "4", name: "Kevin O.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg" },
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -148,17 +125,14 @@ export default function LandscapingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "How quickly can you fix a broken pipe?", content: "Usually within 24-48 hours." },
|
||||||
id: "1", title: "How quickly can you fix a broken pipe?", content: "We offer fast scheduling for urgent repairs. Depending on our current queue, we can often get to you within 24-48 hours."},
|
{ id: "2", title: "Do you provide seasonal maintenance?", content: "Yes, including winterization and startup services." },
|
||||||
{
|
{ id: "3", title: "Is your estimate really free?", content: "Yes, for new projects and upgrades." },
|
||||||
id: "2", title: "Do you provide seasonal maintenance?", content: "Yes, we offer seasonal checks, winterization, and spring startup services for all irrigation systems."},
|
|
||||||
{
|
|
||||||
id: "3", title: "Is your estimate really free?", content: "We provide free quotes for new projects and upgrades. Repair visits may incur a small diagnostic fee if specific system testing is required."},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact" className="relative overflow-hidden">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
title="Schedule a Visit"
|
title="Schedule a Visit"
|
||||||
description="Need an irrigation repair or landscaping service? Drop us a line."
|
description="Need an irrigation repair or landscaping service? Drop us a line."
|
||||||
@@ -172,9 +146,7 @@ export default function LandscapingPage() {
|
|||||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||||
]}
|
]}
|
||||||
multiSelect={{
|
multiSelect={{ name: "type", label: "Service Required", options: ["Irrigation Repair", "Lawn Maintenance", "Landscape Design", "General Consultation"] }}
|
||||||
name: "type", label: "Service Required", options: ["Irrigation Repair", "Lawn Maintenance", "Landscape Design", "General Consultation"],
|
|
||||||
}}
|
|
||||||
textarea={{ name: "message", placeholder: "Describe your issue or project...", rows: 4, required: true }}
|
textarea={{ name: "message", placeholder: "Describe your issue or project...", rows: 4, required: true }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -182,19 +154,8 @@ export default function LandscapingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Ugarte Services", items: [{ label: "Irrigation Repair", href: "/services" }, { label: "Lawn Care", href: "/services" }, { label: "Landscape Design", href: "/services" }] },
|
||||||
title: "Ugarte Services", items: [
|
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
|
||||||
{ label: "Irrigation Repair", href: "/services" },
|
|
||||||
{ label: "Lawn Care", href: "/services" },
|
|
||||||
{ label: "Landscape Design", href: "/services" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support", items: [
|
|
||||||
{ label: "FAQ", href: "#faq" },
|
|
||||||
{ label: "Contact Us", href: "#contact" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2026 Ugarte Landscapes & Irrigation Repair"
|
bottomLeftText="© 2026 Ugarte Landscapes & Irrigation Repair"
|
||||||
bottomRightText="All rights reserved."
|
bottomRightText="All rights reserved."
|
||||||
@@ -203,4 +164,4 @@ export default function LandscapingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||||
import { Leaf } from "lucide-react";
|
import { Leaf } from "lucide-react";
|
||||||
@@ -23,8 +23,8 @@ export default function ServicesPage() {
|
|||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleCentered
|
||||||
brandName="Ugarte Landscapes"
|
brandName="Ugarte Landscapes 🪴"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Services", id: "/services" },
|
{ name: "Services", id: "/services" },
|
||||||
{ name: "About", id: "/#about" },
|
{ name: "About", id: "/#about" },
|
||||||
@@ -82,4 +82,4 @@ export default function ServicesPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user