Merge version_1 into main #1
213
src/app/page.tsx
213
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { LayoutGrid, Users, CheckCircle } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
@@ -30,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GreenScapes"
|
||||
/>
|
||||
@@ -53,33 +42,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Expert Landscaping Services for Your Dream Garden"
|
||||
description="Professional lawn care, custom garden design, and year-round maintenance tailored to your property's unique needs."
|
||||
tag="Serving Local Residents"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-care-her-plants_23-2148509914.jpg",
|
||||
imageAlt: "landscaped luxury garden",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-care-her-plants_23-2148509914.jpg", imageAlt: "landscaped luxury garden"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg",
|
||||
imageAlt: "beautiful lawn care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg",
|
||||
imageAlt: "Graveyard background concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013417.jpg",
|
||||
imageAlt: "Gardener",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-paper-plans_23-2148847792.jpg",
|
||||
imageAlt: "High angle of man working on an eco-friendly wind power project with paper plans",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-park-panorama-beautiful-park_93675-128906.jpg", imageAlt: "beautiful lawn care"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -91,15 +62,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting beautiful landscapes for over a decade.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30885.jpg",
|
||||
alt: "landscaper at work",
|
||||
},
|
||||
{ type: "text", content: "Crafting beautiful landscapes for over a decade." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30885.jpg", alt: "landscaper at work" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,29 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Lawn Maintenance",
|
||||
description: "Weekly mowing, edging, and seasonal aeration.",
|
||||
tag: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-with-weedwacker_329181-20603.jpg",
|
||||
imageAlt: "lawn mowing service",
|
||||
},
|
||||
id: "s1", title: "Lawn Maintenance", description: "Weekly mowing, edging, and seasonal aeration.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-with-weedwacker_329181-20603.jpg", imageAlt: "lawn mowing service"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Garden Design",
|
||||
description: "Custom plant selection and layout planning.",
|
||||
tag: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg",
|
||||
imageAlt: "garden design landscape",
|
||||
},
|
||||
id: "s2", title: "Garden Design", description: "Custom plant selection and layout planning.", tag: "New", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-empty-park-with-blooming-green-trees-walls_181624-19632.jpg", imageAlt: "garden design landscape"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Tree Trimming",
|
||||
description: "Expert pruning to promote healthy growth.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg",
|
||||
imageAlt: "tree trimming and maintenance",
|
||||
},
|
||||
id: "s3", title: "Tree Trimming", description: "Expert pruning to promote healthy growth.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/gardener-garden-with-hut-cuts-tree-with-hedgehogs-against-sky_169016-10257.jpg", imageAlt: "tree trimming and maintenance"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive landscaping solutions for every season."
|
||||
@@ -146,21 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Lawns Maintained",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Clients",
|
||||
value: "350+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Projects Completed",
|
||||
value: "120+",
|
||||
},
|
||||
{ id: "m1", title: "Lawns Maintained", value: "500+", icon: LayoutGrid },
|
||||
{ id: "m2", title: "Happy Clients", value: "350+", icon: Users },
|
||||
{ id: "m3", title: "Projects Completed", value: "120+", icon: CheckCircle },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Trusted by hundreds of local families."
|
||||
@@ -174,50 +108,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Doe",
|
||||
handle: "@janedoe",
|
||||
testimonial: "Excellent service and always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg",
|
||||
imageAlt: "happy homeowner garden",
|
||||
},
|
||||
id: "t1", name: "Jane Doe", handle: "@janedoe", testimonial: "Excellent service and always on time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg", imageAlt: "happy homeowner garden"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Smith",
|
||||
handle: "@johns",
|
||||
testimonial: "My garden has never looked better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-u-outdoors-portrait-beautiful-joyful-hispanic-man-blue-shirt-smiling-with-teeth-holding-pot-with-microgreens-working-garden_176420-19929.jpg",
|
||||
imageAlt: "satisfied garden owner",
|
||||
},
|
||||
id: "t2", name: "John Smith", handle: "@johns", testimonial: "My garden has never looked better.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-u-outdoors-portrait-beautiful-joyful-hispanic-man-blue-shirt-smiling-with-teeth-holding-pot-with-microgreens-working-garden_176420-19929.jpg", imageAlt: "satisfied garden owner"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@erose",
|
||||
testimonial: "Reliable and incredibly thorough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-female-traveler-straw-hat-bikini-makes-selfie-against-tropical-background-satisfied-spend-summer-vacation-abroad-exotic-country-beauty-rest-concept_273609-3684.jpg",
|
||||
imageAlt: "happy client home patio",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@erose", testimonial: "Reliable and incredibly thorough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-female-traveler-straw-hat-bikini-makes-selfie-against-tropical-background-satisfied-spend-summer-vacation-abroad-exotic-country-beauty-rest-concept_273609-3684.jpg", imageAlt: "happy client home patio"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael B.",
|
||||
handle: "@mbrown",
|
||||
testimonial: "Great attention to detail every week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-lady-browsing-tablet-computer-cafe-table-park_1262-20556.jpg",
|
||||
imageAlt: "satisfied home landscape owner",
|
||||
},
|
||||
id: "t4", name: "Michael B.", handle: "@mbrown", testimonial: "Great attention to detail every week.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-lady-browsing-tablet-computer-cafe-table-park_1262-20556.jpg", imageAlt: "satisfied home landscape owner"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah K.",
|
||||
handle: "@skelly",
|
||||
testimonial: "Highly recommended landscaping experts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-handsome-stylish-young-european-male-with-thick-beard-spending-sunny-summer-day_343059-3585.jpg",
|
||||
imageAlt: "happy client garden lawn",
|
||||
},
|
||||
id: "t5", name: "Sarah K.", handle: "@skelly", testimonial: "Highly recommended landscaping experts.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-handsome-stylish-young-european-male-with-thick-beard-spending-sunny-summer-day_343059-3585.jpg", imageAlt: "happy client garden lawn"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -230,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we provide free onsite consultations.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, all our gardeners are fully certified.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We cover the entire metro area.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer quotes?", content: "Yes, we provide free onsite consultations." },
|
||||
{ id: "f2", title: "Are you licensed?", content: "Yes, all our gardeners are fully certified." },
|
||||
{ id: "f3", title: "What areas do you serve?", content: "We cover the entire metro area." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get answers about our landscaping processes."
|
||||
@@ -258,25 +150,10 @@ export default function LandingPage() {
|
||||
title="Get Started Today"
|
||||
description="Contact us to schedule a lawn consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your garden project",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your garden project", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131210.jpg"
|
||||
imageAlt="professional tools landscaping"
|
||||
/>
|
||||
@@ -288,29 +165,15 @@ export default function LandingPage() {
|
||||
logoText="GreenScapes"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user