264 lines
14 KiB
TypeScript
264 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Award, CheckCircle, Hammer, Home, Wrench, Building, Plus, ImageIcon, Star, Zap, Phone, Mail, MessageSquare } from "lucide-react";
|
|
|
|
export default function ConstructionPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Projects", id: "featured-projects" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Get Quote", id: "contact" }
|
|
]}
|
|
brandName="Jerry's Construction"
|
|
bottomLeftText="Licensed • Insured • 20+ Years"
|
|
bottomRightText="(555) 123-4567"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Our Services"
|
|
description="Comprehensive construction solutions tailored to your needs. From custom homes to commercial projects."
|
|
tag="What We Build"
|
|
tagIcon={Hammer}
|
|
features={[
|
|
{
|
|
title: "Custom Homes", description: "Build your dream home from the ground up with personalized design and premium materials.", icon: Home,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/construction-with-mobile-phone_329181-2852.jpg", imageAlt: "Custom home construction"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=1", imageAlt: "Luxury home interior"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Remodeling & Renovations", description: "Transform your existing space with expert craftsmanship and attention to detail.", icon: Wrench,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=1", imageAlt: "Modern kitchen renovation"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=1", imageAlt: "Luxury bathroom design"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Commercial Construction", description: "Professional-grade commercial projects with on-time delivery and cost transparency.", icon: Building,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/lobby-condominium-building_1262-3037.jpg", imageAlt: "Commercial building project"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/managers-discussing-reports-with-boss-sitting-meeting-table-with-monitor-holding-documents-business-meeting-teamwork-concept_74855-11867.jpg?_wi=1", imageAlt: "Modern office space"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Additions & Expansions", description: "Seamlessly expand your home or business with integrated design and quality construction.", icon: Plus,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "Home addition construction"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg?_wi=1", imageAlt: "Modern home exterior"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-projects" data-section="featured-projects">
|
|
<ProductCardThree
|
|
title="Featured Projects"
|
|
description="A showcase of our finest work. Luxury residential and commercial projects completed with excellence."
|
|
tag="Portfolio"
|
|
tagIcon={ImageIcon}
|
|
products={[
|
|
{
|
|
id: "project-1", name: "Parkside Luxury Estate", price: "Custom Residential", imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=2", imageAlt: "Parkside luxury estate"
|
|
},
|
|
{
|
|
id: "project-2", name: "Downtown Spa Bathrooms", price: "Bathroom Remodels", imageSrc: "https://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=2", imageAlt: "Luxury bathroom project"
|
|
},
|
|
{
|
|
id: "project-3", name: "Modern Tech Office Park", price: "Commercial Build", imageSrc: "https://img.b2bpic.net/free-photo/managers-discussing-reports-with-boss-sitting-meeting-table-with-monitor-holding-documents-business-meeting-teamwork-concept_74855-11867.jpg?_wi=2", imageAlt: "Commercial office construction"
|
|
},
|
|
{
|
|
id: "project-4", name: "Contemporary Home Addition", price: "Residential Expansion", imageSrc: "https://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg?_wi=2", imageAlt: "Modern home addition"
|
|
},
|
|
{
|
|
id: "project-5", name: "Executive Kitchen Renovation", price: "Kitchen Remodel", imageSrc: "https://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=2", imageAlt: "Luxury kitchen renovation"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Why Choose Jerry's"
|
|
tagIcon={Award}
|
|
title="Built on Trust, Crafted with Care"
|
|
description="Jerry Martinez"
|
|
subdescription="Founder & Master Builder"
|
|
icon={CheckCircle}
|
|
imageSrc="https://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg"
|
|
imageAlt="Jerry Martinez, founder"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Proven Excellence in Every Build"
|
|
tag="Our Track Record"
|
|
metrics={[
|
|
{
|
|
id: "projects", value: "500+", description: "Successful projects completed with 98% on-time delivery and zero compromises on quality."
|
|
},
|
|
{
|
|
id: "experience", value: "20+", description: "Years of industry experience transforming visions into reality with licensed professionals."
|
|
},
|
|
{
|
|
id: "satisfaction", value: "100%", description: "Customer satisfaction rate. Every client receives transparent pricing and dedicated project management."
|
|
},
|
|
{
|
|
id: "coverage", value: "5", description: "Counties served across our service area. Licensed and insured for all project types and sizes."
|
|
}
|
|
]}
|
|
metricsAnimation="entrance-slide"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Trusted by homeowners and business owners across the region. See why Jerry's Construction is the choice for premium builds."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", handle: "Residential Client", testimonial: "Jerry's team transformed our home beyond expectations. Professional, communicative, and delivered ahead of schedule. We couldn't be happier with the quality.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "David Chen", handle: "Commercial Developer", testimonial: "Exceptional craftsmanship and project management. They handled our office build with precision and integrity. Highly recommended for any commercial project.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Jennifer Lopez", handle: "Kitchen Remodel", testimonial: "Our kitchen looks magazine-worthy. Jerry's attention to detail and transparent communication made the entire process smooth and enjoyable.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Jennifer Lopez"
|
|
},
|
|
{
|
|
id: "4", name: "Robert Thompson", handle: "Home Addition", testimonial: "The best construction experience we've had. Licensed, insured, and truly professional. They delivered exactly what was promised, on time and on budget.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Robert Thompson"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Ready to Build?"
|
|
title="Start Your Project With Confidence"
|
|
description="Get a free consultation and detailed quote. Our team will discuss your vision and provide transparent pricing with no hidden costs."
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://img.b2bpic.net/free-photo/developers-architects-working-real-estate-investment-plan-business-team-analyzes-property_482257-135278.jpg"
|
|
imageAlt="Construction consultation"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Get Quote"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Jerry's Construction"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Custom Homes", href: "#services" },
|
|
{ label: "Remodeling", href: "#services" },
|
|
{ label: "Commercial", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Projects", href: "#featured-projects" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "About Us", href: "#about" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Get Quote", href: "#contact" },
|
|
{ label: "(555) 123-4567", href: "tel:(555)123-4567" },
|
|
{ label: "hello@jerrysconstruction.com", href: "mailto:hello@jerrysconstruction.com" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Licensed & Insured", href: "#" },
|
|
{ label: "Service Areas", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |