Compare commits
49 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5b57a8b1a1 | |||
| 847c6bea0a | |||
| 61e8ac651a | |||
| 3671d2b835 | |||
| 7152790a9f | |||
| d401b85500 | |||
| 0e4aa7d83e | |||
| 841f6fae12 | |||
| a8da9a016c | |||
| 25dc169f8b | |||
| fc51a861d6 | |||
| 47ddb18fa0 | |||
| c6815f2cb1 | |||
| c76aaccf69 | |||
| b3f986d8a9 | |||
| 38220d84cf | |||
| 06668cb4d4 | |||
| a08cc1e995 | |||
| 80157d1138 | |||
| 079095583c | |||
| 11574aed24 | |||
| 5da7e633d0 | |||
| 26de485e96 | |||
| 31ff8802da | |||
| c830bfb2da | |||
| 67c54ec503 | |||
| 5583ef5afc | |||
| 6ef28a74b6 | |||
| b757cca577 | |||
| a2312be740 | |||
| 362b0fc6bd | |||
| 4e2154d153 | |||
| 9e46887fa9 | |||
| 904657df2b | |||
| 0feb6c8fdc | |||
| f184050c94 | |||
| 46076b0aeb | |||
| c6e3f9ac5d | |||
| 17ade2802f | |||
| b5f029004b | |||
| 7ae759cfd8 | |||
| 4eff42bd5e | |||
| de40f88b43 | |||
| 15ee69bc13 | |||
| f802da0ad2 | |||
| 2d075078be | |||
| f4e5e3a141 | |||
| 9905cdbe2a | |||
| db6c8955d2 |
@@ -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 { Mulish } from "next/font/google";
|
import { Mulish } from "next/font/google";
|
||||||
|
|
||||||
@@ -35,7 +34,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${mulish.variable} antialiased`}>
|
<body className={`${mulish.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
137
src/app/page.tsx
137
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||||
@@ -30,60 +30,24 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Services", id: "services" },
|
||||||
name: "About", id: "about"},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Services", id: "services"},
|
|
||||||
{
|
|
||||||
name: "Testimonials", id: "testimonials"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="GreenScape Pro"
|
brandName="GreenScape Pro"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlayTestimonial
|
<HeroSplit
|
||||||
title="Transforming Landscapes Into Masterpieces"
|
title="Transforming Landscapes Into Masterpieces"
|
||||||
description="Professional landscaping and lawn care solutions designed to enhance the beauty and value of your property."
|
description="Professional landscaping and lawn care solutions designed to enhance the beauty and value of your property."
|
||||||
testimonials={[
|
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||||
{
|
|
||||||
name: "Alice Green", handle: "@aliceg", testimonial: "GreenScape Pro turned our overgrown backyard into a tranquil retreat. Highly recommended!", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-with-mole-her-lip-is-holding-succulent-woman-gray-sweater-posing-plant-store_197531-12373.jpg"},
|
|
||||||
{
|
|
||||||
name: "Bob Miller", handle: "@bobm", testimonial: "Excellent service and attention to detail. My lawn has never looked better.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg"},
|
|
||||||
{
|
|
||||||
name: "Cathy Diaz", handle: "@cathyd", testimonial: "Very professional and friendly crew. They completed our patio on time.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-photographer-sitting-outdoors-park_171337-13764.jpg"},
|
|
||||||
{
|
|
||||||
name: "David Ross", handle: "@davidr", testimonial: "Exceptional landscaping design work. They listened to exactly what we wanted.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-park-looking-camera_23-2147779715.jpg"},
|
|
||||||
{
|
|
||||||
name: "Emma Scott", handle: "@emmas", testimonial: "The best lawn maintenance service in town. Professional, tidy, and reliable.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg"},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Get a Quote", href: "#contact"},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg"
|
||||||
avatars={[
|
background={{ variant: "plain" }}
|
||||||
{
|
mediaAnimation="slide-up"
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg", alt: "Happy client 1"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-young-woman-autumn-park-dressed-beautiful-dress_291650-1213.jpg", alt: "Happy client 2"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-greenhouse_23-2148509894.jpg", alt: "Happy client 3"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg", alt: "Happy client 4"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg", alt: "Happy client 5"},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 500+ local homeowners"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -92,7 +56,8 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="A Passion for Perfection"
|
title="A Passion for Perfection"
|
||||||
description={[
|
description={[
|
||||||
"With over 15 years of experience, we specialize in creating custom landscape designs that reflect your style and enhance your home's curb appeal.", "Our team is dedicated to sustainable practices, high-quality materials, and exceptional client service throughout the entire design and build process."]}
|
"With over 15 years of experience, we specialize in creating custom landscape designs that reflect your style and enhance your home's curb appeal.", "Our team is dedicated to sustainable practices, high-quality materials, and exceptional client service throughout the entire design and build process."
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -102,24 +67,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Irrigation Installation", description: "Keep your lawn healthy with advanced, water-efficient irrigation systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020412.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg" } },
|
||||||
title: "Irrigation Installation", description: "Keep your lawn healthy with advanced, water-efficient irrigation systems.", phoneOne: {
|
{ title: "Hardscaping & Patios", description: "Enhance your outdoor living space with custom-built patios.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/crop-man-doing-plank-exercise_23-2147755408.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-carrying-shovel-construction-site_1150-10141.jpg" } },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020412.jpg"},
|
{ title: "Routine Maintenance", description: "Full-service lawn care including mowing and trimming.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803962.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-watering-his-plants-his-garden-man-blue-shirt_1157-41461.jpg" } },
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg"},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Hardscaping & Patios", description: "Enhance your outdoor living space with custom-built patios.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-doing-plank-exercise_23-2147755408.jpg"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-carrying-shovel-construction-site_1150-10141.jpg"},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Routine Maintenance", description: "Full-service lawn care including mowing and trimming.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803962.jpg"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-watering-his-plants-his-garden-man-blue-shirt_1157-41461.jpg"},
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showStepNumbers={false}
|
showStepNumbers={false}
|
||||||
title="Comprehensive Landscaping Solutions"
|
title="Comprehensive Landscaping Solutions"
|
||||||
@@ -134,12 +84,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "15+", description: "Years of Experience" },
|
||||||
id: "m1", value: "15+", description: "Years of Experience"},
|
{ id: "m2", value: "500+", description: "Happy Clients" },
|
||||||
{
|
{ id: "m3", value: "1200", description: "Gardens Transformed" },
|
||||||
id: "m2", value: "500+", description: "Happy Clients"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "1200", description: "Gardens Transformed"},
|
|
||||||
]}
|
]}
|
||||||
title="By The Numbers"
|
title="By The Numbers"
|
||||||
description="The impact we have made across the local community."
|
description="The impact we have made across the local community."
|
||||||
@@ -152,18 +99,7 @@ export default function LandingPage() {
|
|||||||
testimonial="GreenScape Pro did an incredible job with our lawn. The attention to detail and professional attitude is second to none."
|
testimonial="GreenScape Pro did an incredible job with our lawn. The attention to detail and professional attitude is second to none."
|
||||||
rating={5}
|
rating={5}
|
||||||
author="Marcus Thorne"
|
author="Marcus Thorne"
|
||||||
avatars={[
|
avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg", alt: "Marcus Thorne" }]}
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-outside-portrait-young-beautiful-bearded-hispanic-man-blue-shirt-smiling-camera-collecting-salad-leaves-garden-watering-plants-spending-summer-morning-countryside-house_176420-19900.jpg", alt: "Marcus Thorne"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg", alt: "Client 2"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", alt: "Client 3"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "Client 4"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-couple-sitting-restaurant-holding-each-other-s-hand_23-2147891191.jpg", alt: "Client 5"},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -174,12 +110,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "Do you provide free estimates?", content: "Yes, we provide complimentary consultations and estimates for all new projects." },
|
||||||
id: "f1", title: "Do you provide free estimates?", content: "Yes, we provide complimentary consultations and estimates for all new projects."},
|
{ id: "f2", title: "What service areas do you cover?", content: "We currently serve the greater metro area and neighboring suburbs." },
|
||||||
{
|
|
||||||
id: "f2", title: "What service areas do you cover?", content: "We currently serve the greater metro area and neighboring suburbs."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for all landscaping and hardscaping work."},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Have questions about our process? Find answers here."
|
description="Have questions about our process? Find answers here."
|
||||||
@@ -190,8 +122,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
tag="Get in Touch"
|
tag="Get in Touch"
|
||||||
title="Ready to Transform Your Outdoors?"
|
title="Ready to Transform Your Outdoors?"
|
||||||
description="Submit your email and we'll reach out to discuss your project needs."
|
description="Submit your email and we'll reach out to discuss your project needs."
|
||||||
@@ -201,26 +132,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Services", items: [{ label: "Irrigation", href: "#services" }, { label: "Hardscaping", href: "#services" }] },
|
||||||
title: "Services", items: [
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||||
{
|
|
||||||
label: "Irrigation", href: "#services"},
|
|
||||||
{
|
|
||||||
label: "Hardscaping", href: "#services"},
|
|
||||||
{
|
|
||||||
label: "Maintenance", href: "#services"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company", items: [
|
|
||||||
{
|
|
||||||
label: "About Us", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Testimonials", href: "#testimonials"},
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="GreenScape Pro"
|
logoText="GreenScape Pro"
|
||||||
/>
|
/>
|
||||||
@@ -228,4 +141,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user