248 lines
14 KiB
TypeScript
248 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Facebook, Hammer, Instagram, Linkedin, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Unbroken Builders"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" }
|
|
]}
|
|
button={{
|
|
text: "Get a Quote", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Building Strong Foundations in Las Vegas"
|
|
description="Professional construction services delivering excellence, durability, and reliability for residential and commercial projects across Nevada"
|
|
tag="Expert Builders"
|
|
tagIcon={Hammer}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg", imageAlt: "Modern construction project in Las Vegas"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg", imageAlt: "Commercial building under construction"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg", imageAlt: "Residential construction development"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/bright-shot-new-buildings-neighborhood_23-2147694723.jpg", imageAlt: "Industrial construction framework"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg", imageAlt: "Professional renovation project"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/businessman-discussing-blueprint-with-architects_107420-74345.jpg", imageAlt: "Construction team at work"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Our Projects", href: "projects" },
|
|
{ text: "Start Your Project", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Unbroken Builders represents" },
|
|
{
|
|
type: "image", src: "https://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg", alt: "Quality construction"
|
|
},
|
|
{ type: "text", content: "strength, integrity, and unwavering commitment to excellence" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#about" },
|
|
{ text: "Contact Us Today", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardTwo
|
|
title="Featured Projects"
|
|
description="Showcasing our portfolio of successful construction projects across Las Vegas and Nevada"
|
|
tag="Our Work"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Commercial Division", name: "Downtown Office Complex", price: "Completed 2023", rating: 5,
|
|
reviewCount: "156.2k sqft", imageSrc: "https://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg", imageAlt: "Downtown office complex"
|
|
},
|
|
{
|
|
id: "2", brand: "Residential Division", name: "Desert View Estates", price: "Completed 2024", rating: 5,
|
|
reviewCount: "47 homes", imageSrc: "https://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg", imageAlt: "Desert view residential community"
|
|
},
|
|
{
|
|
id: "3", brand: "Industrial Division", name: "Manufacturing Facility", price: "In Progress", rating: 5,
|
|
reviewCount: "250k sqft", imageSrc: "https://img.b2bpic.net/free-photo/bright-shot-new-buildings-neighborhood_23-2147694723.jpg", imageAlt: "Industrial manufacturing facility"
|
|
},
|
|
{
|
|
id: "4", brand: "Renovation Division", name: "Historic Building Restoration", price: "Completed 2023", rating: 5,
|
|
reviewCount: "85k sqft", imageSrc: "https://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg", imageAlt: "Historic building restoration"
|
|
},
|
|
{
|
|
id: "5", brand: "Commercial Division", name: "Retail Shopping Center", price: "Completed 2024", rating: 5,
|
|
reviewCount: "120k sqft", imageSrc: "https://img.b2bpic.net/free-photo/businessman-discussing-blueprint-with-architects_107420-74345.jpg", imageAlt: "Modern retail shopping center"
|
|
},
|
|
{
|
|
id: "6", brand: "Mixed Use Division", name: "Urban Development Complex", price: "In Progress", rating: 5,
|
|
reviewCount: "500+ units", imageSrc: "https://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-standing-near-model-building_23-2148039865.jpg", imageAlt: "Urban development complex"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
title="Our Construction Services"
|
|
description="Comprehensive building solutions tailored to your needs and vision"
|
|
tag="Services"
|
|
features={[
|
|
{
|
|
id: "01", title: "Commercial Construction", description: "Office buildings, retail spaces, and commercial complexes built to the highest standards with on-time delivery", imageSrc: "https://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg", imageAlt: "Commercial construction project"
|
|
},
|
|
{
|
|
id: "02", title: "Residential Building", description: "Custom homes and residential communities designed for comfort and durability in the desert climate", imageSrc: "https://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg", imageAlt: "Residential building project"
|
|
},
|
|
{
|
|
id: "03", title: "Industrial Projects", description: "Large-scale industrial facilities and warehouses with advanced engineering and safety standards", imageSrc: "https://img.b2bpic.net/free-photo/bright-shot-new-buildings-neighborhood_23-2147694723.jpg", imageAlt: "Industrial construction project"
|
|
},
|
|
{
|
|
id: "04", title: "Renovation & Restoration", description: "Expert restoration of historic buildings while maintaining structural integrity and original character", imageSrc: "https://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg", imageAlt: "Renovation and restoration project"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="With over two decades of experience in construction, Unbroken Builders has become the trusted partner for major projects across Las Vegas and Nevada."
|
|
tag="Our Track Record"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "20+", description: "Years of proven excellence in construction and project management"
|
|
},
|
|
{
|
|
id: "2", value: "500+", description: "Successfully completed projects from concept to completion"
|
|
},
|
|
{
|
|
id: "3", value: "99%", description: "On-time project completion rate for all our clients"
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Clients Say"
|
|
description="Trusted by property owners, developers, and businesses throughout Las Vegas for quality and professionalism"
|
|
tag="Client Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Michael Rodriguez", role: "Property Developer", company: "Desert Development Corp", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Michael Rodriguez"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Chen", role: "Project Manager", company: "Vegas Commercial Real Estate", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "3", name: "James Patterson", role: "Owner", company: "Patterson Retail Holdings", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", imageAlt: "James Patterson"
|
|
},
|
|
{
|
|
id: "4", name: "Amanda Martinez", role: "Construction Director", company: "Nevada Building Solutions", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", imageAlt: "Amanda Martinez"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "98%", label: "Client satisfaction rate" },
|
|
{ value: "500+", label: "Projects completed" },
|
|
{ value: "20+", label: "Years in business" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
tagIcon={Phone}
|
|
title="Ready to Build Your Next Project?"
|
|
description="Contact Unbroken Builders today for a free consultation and project quote. Our team is ready to bring your vision to life with quality craftsmanship and professional service."
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground="invertDefault"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Request Quote"
|
|
termsText="We respect your privacy. Your information helps us create the perfect project proposal for your needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Unbroken Builders"
|
|
copyrightText="© 2024 Unbroken Builders. All rights reserved. Las Vegas, Nevada."
|
|
socialLinks={[
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/unbroken-builders", ariaLabel: "LinkedIn"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/unbrokenbuilders", ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/unbrokenbuilders", ariaLabel: "Instagram"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |