219 lines
14 KiB
TypeScript
219 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { ArrowRight } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Silverstone"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:(732)614-1467"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="SILVERSTONE"
|
|
description="Professional Landscaping & Outdoor Transformations"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:(732)614-1467" },
|
|
{ text: "Request Free Quote", href: "#contact" },
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-7085.jpg"
|
|
imageAlt="Beautiful landscaped backyard with patio"
|
|
frameStyle="card"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Silverstone Landscaping delivers" },
|
|
{ type: "text", content: "high-quality outdoor transformations" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#services" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
title="Our Services"
|
|
description="From mulch installations to complete backyard transformations, we handle every detail with precision and care."
|
|
features={[
|
|
{
|
|
title: "Mulch Installation", description: "Professional mulch bed preparation and installation for landscape definition", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-shoveling-large-flower-pot_23-2148396893.jpg", imageAlt: "Mulch installation service", buttonIcon: ArrowRight,
|
|
buttonHref: "#services"
|
|
},
|
|
{
|
|
title: "Plantings & Garden Design", description: "Custom plant selections and garden layouts tailored to your space", imageSrc: "http://img.b2bpic.net/free-photo/flowers-near-green-white-plants_23-2147829169.jpg", imageAlt: "Garden plantings and design", buttonIcon: ArrowRight,
|
|
buttonHref: "#services"
|
|
},
|
|
{
|
|
title: "Backyard Patio Installation", description: "Expert patio design and construction for outdoor living spaces", imageSrc: "http://img.b2bpic.net/free-photo/paradise-resort-sea-island-coast_1203-5692.jpg", imageAlt: "Backyard patio installation", buttonIcon: ArrowRight,
|
|
buttonHref: "#services"
|
|
},
|
|
{
|
|
title: "Landscape Design", description: "Comprehensive landscape planning and professional implementation", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg", imageAlt: "Landscape design service", buttonIcon: ArrowRight,
|
|
buttonHref: "#services"
|
|
},
|
|
{
|
|
title: "Yard Transformations", description: "Complete yard overhauls from concept to completion", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg", imageAlt: "Yard transformation project", buttonIcon: ArrowRight,
|
|
buttonHref: "#services"
|
|
},
|
|
{
|
|
title: "Maintenance & Care", description: "Ongoing landscaping maintenance to keep your yard looking pristine", imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg", imageAlt: "Landscape maintenance service", buttonIcon: ArrowRight,
|
|
buttonHref: "#services"
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Trusted by Homeowners"
|
|
description="See what our satisfied customers have to say about their landscaping transformations"
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Amazing crew, exceptional results", quote: "Amazing crew, very easy and reliable to work with. Done multiple projects from mulch to plantings to backyard patios. They do an amazing job!", name: "Curly Sushi", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Curly Sushi testimonial"
|
|
},
|
|
{
|
|
id: "2", title: "Outstanding patio installation", quote: "Very good experience, did awesome work on my parents' back patio. From the quoting process, to the design and install, we were very pleased with the results.", name: "Nathaniel Lucas", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Nathaniel Lucas testimonial"
|
|
},
|
|
{
|
|
id: "3", title: "Yard transformed beyond expectations", quote: "Absolutely thrilled with the landscaping work! The team was professional, punctual, and incredibly detail-oriented from start to finish. They listened carefully to what I wanted, offered thoughtful suggestions, and completely transformed my yard beyond my expectations. Everything was clean, organized, and finished on schedule. Highly recommend!", name: "Monique Sullivan", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Monique Sullivan testimonial"
|
|
},
|
|
{
|
|
id: "4", title: "Professional and reliable service", quote: "Silverstone Landscaping provided exceptional service from start to finish. Their attention to detail and commitment to quality is evident in every project. We couldn't be happier with our new outdoor space.", name: "James Mitchell", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Mitchell testimonial"
|
|
},
|
|
{
|
|
id: "5", title: "Exceeded all expectations", quote: "Working with Silverstone was a pleasure. They understood our vision, communicated clearly throughout the process, and delivered results that exceeded our expectations. The team's expertise and professionalism are unmatched.", name: "Sarah Chen", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Sarah Chen testimonial"
|
|
},
|
|
{
|
|
id: "6", title: "Worth every penny", quote: "We initially hesitated about the investment, but the quality and durability of Silverstone's work make it worth every penny. Our yard is now our favorite outdoor living space.", name: "Robert Davis", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Robert Davis testimonial"
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
title="Project Gallery"
|
|
description="Before and after transformations showcasing our landscaping expertise"
|
|
products={[
|
|
{
|
|
id: "project-1", name: "Backyard Patio Transformation", price: "Completed", variant: "Stone Patio Installation", imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg", imageAlt: "Completed backyard patio project"
|
|
},
|
|
{
|
|
id: "project-2", name: "Garden Bed Design", price: "Completed", variant: "Mulch & Plant Installation", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg", imageAlt: "Completed garden design project"
|
|
},
|
|
{
|
|
id: "project-3", name: "Full Yard Renovation", price: "Completed", variant: "Complete Landscape Redesign", imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-woman-taking-care-plants_23-2148509882.jpg", imageAlt: "Completed full yard renovation"
|
|
},
|
|
{
|
|
id: "project-4", name: "Plantings Installation", price: "Completed", variant: "Seasonal Plant Setup", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-squatting-watering-pot-plants-from-hose-caucasian-blonde-woman-wearing-blue-shirt-apron-growing-flowers-greenhouse-commercial-gardening-activity-summer-concept_74855-12778.jpg", imageAlt: "Completed plantings project"
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
title="Ready to Transform Your Yard?"
|
|
description="Contact Silverstone Landscaping today for a free consultation and estimate. Our team is ready to bring your outdoor vision to life."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-is-resting-country-house-bearded-man-enjoys-sunset-green-lawn_1321-464.jpg"
|
|
imageAlt="Beautiful landscaped outdoor space"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request Estimate"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-with-vegetables-utility-cart_23-2147954312.jpg"
|
|
imageAlt="Beautiful landscaped property"
|
|
logoText="Silverstone Landscaping"
|
|
copyrightText="© 2025 Silverstone Landscaping. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Mulch Installation", href: "#services" },
|
|
{ label: "Plantings & Garden Design", href: "#services" },
|
|
{ label: "Patio Installation", href: "#services" },
|
|
{ label: "Landscape Design", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Projects", href: "#gallery" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: (732) 614-1467", href: "tel:(732)614-1467" },
|
|
{ label: "Hours: 7 AM - 5 PM", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|