185 lines
7.3 KiB
TypeScript
185 lines
7.3 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import {
|
|
Square,
|
|
Trees,
|
|
UtensilsCrossed,
|
|
Flame,
|
|
Leaf,
|
|
Layers,
|
|
} from "lucide-react";
|
|
|
|
export default function ProjectsPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Perfect Construction"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Projects", id: "/projects" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
]}
|
|
button={{
|
|
text: "Request Consultation",
|
|
href: "/contact",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects-hero" data-section="projects-hero">
|
|
<HeroLogo
|
|
logoText="Our Private Projects"
|
|
description="Transforming Tucson properties into luxury private resort spaces"
|
|
buttons={[
|
|
{
|
|
text: "Request a Consultation",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Return Home",
|
|
href: "/",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg?_wi=2"
|
|
imageAlt="property transformation before and after"
|
|
showDimOverlay={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio-features" data-section="portfolio-features">
|
|
<FeatureBorderGlow
|
|
title="Signature Services & Completed Projects"
|
|
description="Each project showcases our commitment to precision craftsmanship and premium outdoor living design"
|
|
features={[
|
|
{
|
|
icon: Square,
|
|
title: "Custom Paver Driveways",
|
|
description:
|
|
"Premium stone and paver installations that define your property entrance with architectural precision and elegant design.",
|
|
},
|
|
{
|
|
icon: Trees,
|
|
title: "Resort-Style Backyards",
|
|
description:
|
|
"Complete outdoor living spaces with seating areas, water features, landscape lighting, and premium finishes.",
|
|
},
|
|
{
|
|
icon: UtensilsCrossed,
|
|
title: "Outdoor Kitchens",
|
|
description:
|
|
"Full cooking and entertainment spaces designed for luxury outdoor entertaining and gatherings throughout the year.",
|
|
},
|
|
{
|
|
icon: Flame,
|
|
title: "Fireplaces & Fire Pits",
|
|
description:
|
|
"Custom fire features that become the centerpiece of your outdoor environment with premium architectural design.",
|
|
},
|
|
{
|
|
icon: Leaf,
|
|
title: "Artificial Turf Installation",
|
|
description:
|
|
"Low-maintenance luxury lawns that maintain beauty year-round with minimal upkeep and professional installation.",
|
|
},
|
|
{
|
|
icon: Layers,
|
|
title: "Retaining Walls & Masonry",
|
|
description:
|
|
"Structural and decorative stone work that defines landscape elevation, visual boundaries, and property architecture.",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="project-testimonials" data-section="project-testimonials">
|
|
<TestimonialCardFive
|
|
title="Client Project Stories"
|
|
description="Real transformations and experiences from Tucson homeowners who trusted Perfect Construction"
|
|
tag="Featured Projects"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Mohan Subramanian",
|
|
date: "Date: Recent Project",
|
|
title: "Complete Driveway & Retaining Wall Transformation",
|
|
quote:
|
|
"We had a very good experience with Jorge and his team. They paved our driveway, built a retaining wall and a gazebo. The team exceeded expectations in both timeline and workmanship.",
|
|
tag: "Residential",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13714.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Jude Bumgardner",
|
|
date: "Date: Landscape Project",
|
|
title: "Resort-Style Backyard Creation",
|
|
quote:
|
|
"Perfect Garden Landscaping designed and built a beautiful backyard space for us that feels like a second living room for most of the year.",
|
|
tag: "Outdoor Living",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/girlfriends-relaxing-sitting-armchairs_23-2147850522.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Wendy Davis",
|
|
date: "Date: Completed Early",
|
|
title: "Professional Outdoor Kitchen Installation",
|
|
quote:
|
|
"Jorge was very professional and prompt. The estimate was very competitive and the project finished earlier than expected.",
|
|
tag: "Premium Service",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/couple-raising-glasses-champagne-celebrating-christmas-eve-festive-man-woman-sitting-table-eating-chicken-drinking-alcohol-traditional-dinner-seasonal-holiday_482257-29017.jpg?_wi=2",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Perfect Construction"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |