160 lines
7.4 KiB
TypeScript
160 lines
7.4 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 InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
];
|
|
|
|
const handleNavClick = (id: string) => {
|
|
if (id === "/") {
|
|
window.location.href = "/";
|
|
} else if (id.startsWith("http")) {
|
|
window.open(id, "_blank");
|
|
} else {
|
|
const element = document.getElementById(id);
|
|
if (element) {
|
|
element.scrollIntoView({ behavior: "smooth" });
|
|
}
|
|
}
|
|
};
|
|
|
|
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={navItems}
|
|
button={{ text: "Request Consultation", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-hero" data-section="about-hero">
|
|
<HeroLogo
|
|
logoText="About Perfect Construction"
|
|
description="Builders, Designers, Problem Solvers — Serving Tucson Since 2009"
|
|
buttons={[
|
|
{ text: "Request a Consultation", href: "contact" },
|
|
{ text: "See Our Work", href: "/" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-people-white-party-full-shot_23-2149445620.jpg?_wi=3"
|
|
imageAlt="Perfect Construction team"
|
|
showDimOverlay={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-story" data-section="about-story">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Builders. Designers. Problem Solvers." },
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Learn Our Mission", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about-testimonials" data-section="about-testimonials">
|
|
<TestimonialCardFive
|
|
title="Trusted by Tucson Homeowners"
|
|
description="Over 15 years of delivering exceptional craftsmanship and results"
|
|
tag="Client Stories"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Mohan Subramanian",
|
|
date: "Date: Recent Project",
|
|
title: "Exceeded Expectations in Timeline & Workmanship",
|
|
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=3",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Jude Bumgardner",
|
|
date: "Date: Landscape Project",
|
|
title: "Beautiful Backyard Space",
|
|
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=4",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Wendy Davis",
|
|
date: "Date: Completed Early",
|
|
title: "Professional & Prompt Service",
|
|
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=3",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Yeimy Ibarra",
|
|
date: "Date: Family Backyard",
|
|
title: "Transformed Our Outdoor Space",
|
|
quote: "They transformed our dirt backyard into a playground for my kids and a peaceful place with a fireplace.",
|
|
tag: "Family Project",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-influencer-scenery-with-flowers_23-2149172435.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Elizabeth Kellogg",
|
|
date: "Date: Second Project",
|
|
title: "Returning Client - Courteous & Professional",
|
|
quote: "This is the second time we've hired them. The team is courteous, professional and the results are beautiful.",
|
|
tag: "Loyal Client",
|
|
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/exterior-modern-buildings_1127-2869.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Maria Belem",
|
|
date: "Date: Large Project",
|
|
title: "Excellent Service & Great Value",
|
|
quote: "Great service for a great price. They completed a huge backyard project and everything turned out exactly how we wanted.",
|
|
tag: "Large Scale",
|
|
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-appropriate-appearance_8353-12611.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girlfriends-relaxing-sitting-armchairs_23-2147850522.jpg?_wi=5",
|
|
},
|
|
]}
|
|
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>
|
|
);
|
|
} |