224 lines
10 KiB
TypeScript
224 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import Link from "next/link";
|
|
|
|
export default function GalleryPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Gallery", id: "/gallery" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="W&M Services"
|
|
bottomLeftText="Washington, DC 20011"
|
|
bottomRightText="+1 202-361-8677"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardTwo
|
|
title="Our Project Portfolio"
|
|
description="Stunning transformations showcasing our landscaping expertise"
|
|
tag="Gallery"
|
|
tagIcon="Images"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Residential",
|
|
name: "Backyard Landscape Transformation",
|
|
price: "Complete Design",
|
|
rating: 5,
|
|
reviewCount: "12 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=4",
|
|
imageAlt: "Completed backyard landscaping project",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Residential",
|
|
name: "Premium Fence Installation",
|
|
price: "Full Project",
|
|
rating: 5,
|
|
reviewCount: "15 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=4",
|
|
imageAlt: "Professional fence installation",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Luxury",
|
|
name: "Outdoor Living Space Design",
|
|
price: "Premium Service",
|
|
rating: 5,
|
|
reviewCount: "18 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg?_wi=3",
|
|
imageAlt: "Luxury backyard transformation",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Residential",
|
|
name: "Gate & Entry Installation",
|
|
price: "Complete Design",
|
|
rating: 5,
|
|
reviewCount: "10 Reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg?_wi=3",
|
|
imageAlt: "Professional gate installation",
|
|
},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Customers Say"
|
|
description="Real reviews from homeowners we've helped transform their outdoor spaces"
|
|
tag="Testimonials"
|
|
tagIcon="MessageCircle"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson, Homeowner",
|
|
date: "Date: November 2024",
|
|
title: "Exceptional Quality and Attention to Detail",
|
|
quote: "We couldn't be happier with the quality and design of the fence. W&M Services exceeded all our expectations. The team was professional, punctual, and delivered exactly what we envisioned.",
|
|
tag: "Fence Installation",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-taking-selfie_23-2148336923.jpg",
|
|
avatarAlt: "Sarah Johnson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=5",
|
|
imageAlt: "Fence installation project",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen, Property Owner",
|
|
date: "Date: October 2024",
|
|
title: "Amazing Backyard Transformation",
|
|
quote: "They did an amazing job on our backyard project. Highly recommend their team. The landscaping design is beautiful and has completely changed how we enjoy our outdoor space.",
|
|
tag: "Landscaping Design",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
|
avatarAlt: "Michael Chen",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=5",
|
|
imageAlt: "Backyard landscaping project",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Walter Martinez, Homeowner",
|
|
date: "Date: September 2024",
|
|
title: "Professional Installation and Great Service",
|
|
quote: "Walter and his team did a fantastic job installing our fence and gate. Their professionalism and expertise made the entire process smooth and stress-free. Couldn't ask for better service.",
|
|
tag: "Fence & Gate",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg",
|
|
avatarAlt: "Walter Martinez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance_23-2149301087.jpg?_wi=4",
|
|
imageAlt: "Gate installation project",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Emily Rodriguez, DC Resident",
|
|
date: "Date: August 2024",
|
|
title: "Trustworthy Local Professionals",
|
|
quote: "As a local resident, I trust W&M Services completely. They've been in the community for years and their reputation is well-deserved. Excellent work every single time.",
|
|
tag: "Premium Service",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
|
avatarAlt: "Emily Rodriguez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg?_wi=4",
|
|
imageAlt: "Luxury backyard project",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "David Kim, Property Manager",
|
|
date: "Date: July 2024",
|
|
title: "Reliable and High-Quality Work",
|
|
quote: "W&M Services handles multiple properties for us. Their reliability, quality workmanship, and attention to detail are unmatched. They're our go-to for all landscaping needs.",
|
|
tag: "Commercial Properties",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/copy-space-smiley-business-woman-with-glasses_23-2148317348.jpg",
|
|
avatarAlt: "David Kim",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg?_wi=6",
|
|
imageAlt: "Commercial landscaping project",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Jessica Thompson, Homeowner",
|
|
date: "Date: June 2024",
|
|
title: "Outstanding Customer Service",
|
|
quote: "From the initial consultation to project completion, W&M Services provided outstanding customer service. They listened to our needs and delivered beyond expectations. Highly recommended!",
|
|
tag: "Full Service",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
|
avatarAlt: "Jessica Thompson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-criss-cross-fence-with-blurred_181624-16317.jpg?_wi=6",
|
|
imageAlt: "Residential fence project",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="W&M Services"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Gallery", href: "/gallery" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Get Quote", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Call Us", href: "tel:+12023618677" },
|
|
{ label: "Email", href: "mailto:info@wmnservices.com" },
|
|
{ label: "Address", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Google Reviews",
|
|
href: "https://www.google.com/search?q=W&M+Services+landscaping+DC",
|
|
},
|
|
{ label: "Facebook", href: "https://www.facebook.com" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |