Merge version_1 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, CheckCircle, Leaf, MapPin } from "lucide-react";
|
||||
import { Award, CheckCircle, Leaf, MapPin, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="J&G Landscaping"
|
||||
/>
|
||||
@@ -60,108 +50,60 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Quality Landscaping in Garland, TX"
|
||||
description="J&G Landscaping Company provides professional garden care and lawn maintenance. We transform your outdoor spaces into vibrant living areas."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg",
|
||||
imageAlt: "landscaping services Garland TX",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-park-view_1417-1510.jpg", imageAlt: "landscaping services Garland TX"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-cut-grass-decorative-arborvitae-hedge-manicured-lawn-selective-focus-with-shallow-depth-field_166373-2950.jpg",
|
||||
imageAlt: "lawn maintenance professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-cut-grass-decorative-arborvitae-hedge-manicured-lawn-selective-focus-with-shallow-depth-field_166373-2950.jpg", imageAlt: "lawn maintenance professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-buying-tree-together_23-2148814050.jpg",
|
||||
imageAlt: "gardening company service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-buying-tree-together_23-2148814050.jpg", imageAlt: "gardening company service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-harvesting-flower-with-secateurs_23-2148165189.jpg",
|
||||
imageAlt: "modern landscaping project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-harvesting-flower-with-secateurs_23-2148165189.jpg", imageAlt: "modern landscaping project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg",
|
||||
imageAlt: "professional garden care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-worker-gloves-removing-dry-leaves-from-sidewalk-with-hand-blower-park-side-view_7502-10152.jpg", imageAlt: "professional garden care"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-courtyard-monastery_1268-15252.jpg",
|
||||
imageAlt: "landscaping service tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-courtyard-monastery_1268-15252.jpg", imageAlt: "landscaping service tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-garden-equipment-meadow_23-2148028911.jpg",
|
||||
imageAlt: "landscaping service tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-garden-equipment-meadow_23-2148028911.jpg", imageAlt: "landscaping service tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park-with-trees_1417-1645.jpg",
|
||||
imageAlt: "professional garden care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/park-with-trees_1417-1645.jpg", imageAlt: "professional garden care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg",
|
||||
imageAlt: "modern landscaping project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg", imageAlt: "modern landscaping project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg",
|
||||
imageAlt: "gardening company service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg", imageAlt: "gardening company service"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg",
|
||||
alt: "Suburban housing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg", alt: "Suburban housing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",
|
||||
alt: "luxury outdoor hotel",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg", alt: "luxury outdoor hotel"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg",
|
||||
alt: "Path way",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg", alt: "Path way"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-house-surrounded-by-flowers_23-2150790340.jpg",
|
||||
alt: "Beautiful house surrounded by flowers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-house-surrounded-by-flowers_23-2150790340.jpg", alt: "Beautiful house surrounded by flowers"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-using-trimming-tool-bush_23-2148256658.jpg",
|
||||
alt: "Close-up person using trimming tool on bush",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-using-trimming-tool-bush_23-2148256658.jpg", alt: "Close-up person using trimming tool on bush"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702189.jpg",
|
||||
alt: "Contrasting outdoor textures",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702189.jpg", alt: "Contrasting outdoor textures"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/grass-letter-i-alphabet-3d-design-isolated-transparent-background_169016-57025.jpg",
|
||||
alt: "Grass letter I alphabet 3D design isolated transparent background",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/grass-letter-i-alphabet-3d-design-isolated-transparent-background_169016-57025.jpg", alt: "Grass letter I alphabet 3D design isolated transparent background"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/white-stone-background-texture_1127-3431.jpg",
|
||||
alt: "White stone background (texture)",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/white-stone-background-texture_1127-3431.jpg", alt: "White stone background (texture)"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-using-tablet-standing-city-park_1262-20227.jpg",
|
||||
alt: "Happy man using tablet and standing in city park",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/happy-man-using-tablet-standing-city-park_1262-20227.jpg", alt: "Happy man using tablet and standing in city park"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-middle-aged-gardener-looking-evergreen-plants-gray-haired-man-eyeglasses-wearing-blue-shirt-apron-growing-small-thujas-greenhouse-commercial-gardening-summer-concept_74855-12988.jpg",
|
||||
alt: "Thoughtful middle-aged gardener looking at evergreen plants",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/thoughtful-middle-aged-gardener-looking-evergreen-plants-gray-haired-man-eyeglasses-wearing-blue-shirt-apron-growing-small-thujas-greenhouse-commercial-gardening-summer-concept_74855-12988.jpg", alt: "Thoughtful middle-aged gardener looking at evergreen plants"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,19 +115,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Satisfied Clients",
|
||||
value: "200+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "200+"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -197,28 +133,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Mowing",
|
||||
description: "Precision mowing for manicured lawns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pruning-bushes-while-woman-taking-care-flowers_7502-9539.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Lawn Mowing", description: "Precision mowing for manicured lawns.", imageSrc: "http://img.b2bpic.net/free-photo/man-pruning-bushes-while-woman-taking-care-flowers_7502-9539.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Garden Design",
|
||||
description: "Custom floral and plant arrangements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-balconies-with-flowers_116348-75.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Garden Design", description: "Custom floral and plant arrangements.", imageSrc: "http://img.b2bpic.net/free-photo/white-balconies-with-flowers_116348-75.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Tree Trimming",
|
||||
description: "Expert pruning for healthier, beautiful trees.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Tree Trimming", description: "Expert pruning for healthier, beautiful trees.", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Mulching",
|
||||
description: "Nutrient-rich mulch for landscape beds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165200.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "Mulching", description: "Nutrient-rich mulch for landscape beds.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-male-gardener-digging-soil-with-hoe_23-2148165200.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -234,41 +158,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Soil",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italy-architecture-outdoor-landmark-europe_1203-6325.jpg",
|
||||
},
|
||||
id: "1", name: "Premium Soil", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/italy-architecture-outdoor-landmark-europe_1203-6325.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mulch Bag",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incognito-man-cutting-overgrown-bushes_651396-1551.jpg",
|
||||
},
|
||||
id: "2", name: "Mulch Bag", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/incognito-man-cutting-overgrown-bushes_651396-1551.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lawn Fertilizer",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-cutting-plants-with-pruner-greenhouse-woman-working-garden-cropped-shot-gardening-job-concept_74855-12777.jpg",
|
||||
},
|
||||
id: "3", name: "Lawn Fertilizer", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-cutting-plants-with-pruner-greenhouse-woman-working-garden-cropped-shot-gardening-job-concept_74855-12777.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Grass Seed Mix",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969783.jpg",
|
||||
},
|
||||
id: "4", name: "Grass Seed Mix", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969783.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Garden Tools",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg",
|
||||
},
|
||||
id: "5", name: "Garden Tools", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803950.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Planter Pot",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-table_23-2148224069.jpg",
|
||||
},
|
||||
id: "6", name: "Planter Pot", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-table_23-2148224069.jpg"},
|
||||
]}
|
||||
title="Garden Supply Store"
|
||||
description="Essentials for your own gardening projects."
|
||||
@@ -280,30 +180,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice T.",
|
||||
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",
|
||||
},
|
||||
id: "1", name: "Alice T.", 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"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg",
|
||||
},
|
||||
id: "2", name: "Bob M.", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-chest-full-colorful-flowers_329181-16485.jpg",
|
||||
},
|
||||
id: "3", name: "Carol W.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-chest-full-colorful-flowers_329181-16485.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-water-hose_23-2148256621.jpg",
|
||||
},
|
||||
id: "4", name: "David R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-water-hose_23-2148256621.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-flowers_23-2149871129.jpg",
|
||||
},
|
||||
id: "5", name: "Eve P.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-flowers_23-2149871129.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Neighbors Say"
|
||||
cardTag="Reviews"
|
||||
@@ -318,20 +203,11 @@ export default function LandingPage() {
|
||||
tag="Our Community Work"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.5",
|
||||
description: "Average Rating (8 Reviews)",
|
||||
},
|
||||
id: "m1", value: "4.5", description: "Average Rating (8 Reviews)"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1221",
|
||||
description: "Address Frio Ln",
|
||||
},
|
||||
id: "m2", value: "1221", description: "Address Frio Ln"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5 PM",
|
||||
description: "Daily Closing",
|
||||
},
|
||||
id: "m3", value: "5 PM", description: "Daily Closing"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -343,20 +219,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you serve all of Garland?",
|
||||
content: "Yes, we serve the entire Garland area.",
|
||||
},
|
||||
id: "q1", title: "Do you serve all of Garland?", content: "Yes, we serve the entire Garland area."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "We are fully licensed and insured for all your projects.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed and insured?", content: "We are fully licensed and insured for all your projects."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Simply call us at (214) 641-2713 or use the form below.",
|
||||
},
|
||||
id: "q3", title: "How do I get a quote?", content: "Simply call us at (214) 641-2713 or use the form below."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our landscaping services in Garland."
|
||||
@@ -368,16 +235,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to beautify your yard?"
|
||||
description="Give us a call today or get in touch for a custom quote in Garland, Texas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (214) 641-2713",
|
||||
href: "tel:2146412713",
|
||||
},
|
||||
text: "Call (214) 641-2713", href: "tel:2146412713"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -389,9 +253,7 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "https://maps.google.com",
|
||||
ariaLabel: "Visit us on Maps",
|
||||
},
|
||||
href: "https://maps.google.com", ariaLabel: "Visit us on Maps"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user