Merge version_2 into main #4
246
src/app/page.tsx
246
src/app/page.tsx
@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Calendar, Clock, Droplets, Leaf, Paintbrush, Square, Star } from "lucide-react";
|
||||
@@ -29,111 +29,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="King Landscaping"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Transform Your Outdoors with King Landscaping"
|
||||
description="Premium landscape design and maintenance services for your home. Serving our community 6am to 6pm, six days a week."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139745.jpg"
|
||||
imageAlt="Landscaped garden exterior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
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: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-man-blue-shirt-sport-pants-smiling-sitting-grass-looking-camera-with-happy-face-expression-working-garden_176420-19937.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Landscaping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Garden Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tree Care Specialists",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Concrete & Masonry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Turf Installation",
|
||||
},
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="King Landscaping & Maintenance"
|
||||
description="Premium landscaping for your home. Available 6am to 6pm, 6 days a week."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139745.jpg", imageAlt: "Artificial turf installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gardener-working-greenhouse_23-2149139755.jpg", imageAlt: "Garden maintenance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-landscaper-paving-driveway_23-2149139765.jpg", imageAlt: "Concrete masonry work" }
|
||||
]}
|
||||
buttons={[{ text: "Book a Consultation", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose King Landscaping"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Service Hours",
|
||||
value: "6am - 6pm",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Working Days",
|
||||
value: "6 Days/Week",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Expert Service",
|
||||
value: "Pro Quality",
|
||||
},
|
||||
{ icon: Clock, label: "Service Hours", value: "6am - 6pm" },
|
||||
{ icon: Calendar, label: "Working Days", value: "6 Days/Week" },
|
||||
{ icon: Award, label: "Expert Service", value: "Pro Quality" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -145,147 +70,50 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Garden Design",
|
||||
description: "Custom landscape design and planning.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Tree Landscaping",
|
||||
description: "Professional tree care and management.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Drainage Services",
|
||||
description: "Expert garden drainage solutions.",
|
||||
},
|
||||
{
|
||||
icon: Square,
|
||||
title: "Masonry/Concrete",
|
||||
description: "Custom concrete and masonry construction.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Turf Installation",
|
||||
description: "Artificial turf and lawn seeding.",
|
||||
},
|
||||
{
|
||||
icon: Paintbrush,
|
||||
title: "Garden Decorating",
|
||||
description: "Detailed aesthetic garden styling.",
|
||||
},
|
||||
{ icon: Square, title: "Artificial Turf", description: "High-quality turf installations." },
|
||||
{ icon: Paintbrush, title: "Concrete Masonry", description: "Custom paving and masonry." },
|
||||
{ icon: Droplets, title: "Drainage & Grading", description: "Levelling, grading and drainage."},
|
||||
{ icon: Leaf, title: "Gardening", description: "General gardening and grass seeding." },
|
||||
{ icon: Paintbrush, title: "Groundskeeping", description: "Expert groundskeeping management." },
|
||||
{ icon: Star, title: "Water Features", description: "Custom water feature design." },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive landscaping and maintenance solutions tailored to your property needs."
|
||||
description="Comprehensive landscaping solutions tailored to your property."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Our Community"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "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",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Thompson",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Property Manager",
|
||||
company: "Westside Estates",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Business Owner",
|
||||
company: "Downtown Plaza",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Chen",
|
||||
role: "Homeowner",
|
||||
company: "Suburbia North",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-man-blue-shirt-sport-pants-smiling-sitting-grass-looking-camera-with-happy-face-expression-working-garden_176420-19937.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", role: "Homeowner", company: "Local Client", rating: 5 },
|
||||
{ id: "2", name: "Maria G.", role: "Property Owner", company: "Local Client", rating: 5 },
|
||||
{ id: "3", name: "Sam T.", role: "Business Owner", company: "Local Client", rating: 5 }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by our community for exceptional service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Revitalize Your Garden?"
|
||||
description="Contact us today to schedule your service. Available 6am to 6pm daily."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-taking-care-flowers-working-as-shop-assistant-greenhouse-store-looking-camera-smiling_197531-22367.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
imageAlt="Professional landscaper consultation"
|
||||
tag="Contact Us"
|
||||
title="Schedule Your Service"
|
||||
description="Ready to get started? We are available 6am to 6pm, 6 days a week."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/landscaper-consulting-with-client_23-2149139785.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Hours: 6am - 6pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "6 Days/Week",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="King Landscaping & Maintenance"
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user