513 lines
20 KiB
TypeScript
513 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
|
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TeamCardOne from "@/components/sections/team/TeamCardOne";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import {
|
|
Award,
|
|
Zap,
|
|
CheckCircle,
|
|
ThumbsUp,
|
|
Leaf,
|
|
MessageSquare,
|
|
Building2,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Projects", id: "#projects" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="United Green Builders"
|
|
bottomLeftText="Sustainable Construction"
|
|
bottomRightText="hello@unitedgreenbuilders.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="United Green Builders"
|
|
description="Building sustainable futures through eco-friendly construction, renewable energy integration, and environmentally responsible design. Transform your vision into a greener reality."
|
|
buttons={[
|
|
{
|
|
text: "Start Your Project",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#about",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-industrial-plant-shareholders-conducting-research_482257-123386.jpg"
|
|
imageAlt="Modern sustainable green building with solar panels"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Who We Are"
|
|
description="United Green Builders is committed to revolutionizing the construction industry through sustainable practices. With over 15 years of experience, we combine cutting-edge green technology with expert craftsmanship to deliver environmentally responsible buildings that save costs and protect the planet."
|
|
tag="Our Mission"
|
|
tagIcon={Leaf}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Approach",
|
|
href: "#about",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "LEED Certified Expertise",
|
|
description:
|
|
"All our projects meet or exceed LEED standards, ensuring optimal energy efficiency and environmental performance.",
|
|
icon: Award,
|
|
},
|
|
{
|
|
title: "Renewable Energy Integration",
|
|
description:
|
|
"We seamlessly integrate solar, wind, and other renewable energy systems into building design from the ground up.",
|
|
icon: Zap,
|
|
},
|
|
{
|
|
title: "Sustainable Materials",
|
|
description:
|
|
"We source responsibly harvested and recycled materials to minimize environmental impact without compromising quality.",
|
|
icon: Leaf,
|
|
},
|
|
{
|
|
title: "Cost Savings",
|
|
description:
|
|
"Green buildings reduce operating costs by 20-30% through improved efficiency and lower energy consumption.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-flyer-pen_23-2148819846.jpg?_wi=1"
|
|
imageAlt="Sustainable construction materials and eco-friendly building practices"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardMedia
|
|
title="Our Green Services"
|
|
description="Comprehensive sustainable construction and renovation solutions tailored to your environmental goals"
|
|
tag="What We Offer"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Request Consultation",
|
|
href: "/contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "solar-integration",
|
|
title: "Solar Energy Systems",
|
|
description:
|
|
"Custom solar panel installation and integration designed for maximum efficiency and aesthetic appeal. We handle everything from assessment to installation and maintenance.",
|
|
tag: "Renewable Energy",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/foreman-businessman-solar-energy-station_1157-35691.jpg?_wi=1",
|
|
imageAlt: "Solar panel installation on modern home",
|
|
buttons: [
|
|
{
|
|
text: "Learn More",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "green-materials",
|
|
title: "Sustainable Materials Selection",
|
|
description:
|
|
"Sourcing and installation of eco-certified building materials including recycled content, low-VOC products, and sustainably harvested timber.",
|
|
tag: "Materials",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/wooden-textured-background_53876-33854.jpg?_wi=1",
|
|
imageAlt: "Eco-friendly building materials",
|
|
buttons: [
|
|
{
|
|
text: "Learn More",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "water-conservation",
|
|
title: "Water Conservation Systems",
|
|
description:
|
|
"Advanced water management including rainwater harvesting, greywater recycling, and efficient plumbing fixtures to reduce consumption by up to 40%.",
|
|
tag: "Conservation",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/young-woman-taking-care-her-plants-greenhouse_23-2149037282.jpg?_wi=1",
|
|
imageAlt: "Water conservation and efficiency systems",
|
|
buttons: [
|
|
{
|
|
text: "Learn More",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
title="Our Impact"
|
|
description="Measurable results in sustainability and customer satisfaction across all our projects"
|
|
tag="Performance"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "projects-completed",
|
|
icon: Building2,
|
|
title: "Projects",
|
|
value: "150+",
|
|
},
|
|
{
|
|
id: "energy-saved",
|
|
icon: Zap,
|
|
title: "Energy Saved",
|
|
value: "8M kWh",
|
|
},
|
|
{
|
|
id: "leed-certified",
|
|
icon: CheckCircle,
|
|
title: "LEED Certified",
|
|
value: "87%",
|
|
},
|
|
{
|
|
id: "customer-satisfaction",
|
|
icon: ThumbsUp,
|
|
title: "Satisfaction",
|
|
value: "98%",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
uniformGridCustomHeightClasses="min-h-60 2xl:min-h-70"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Real experiences from homeowners and businesses who've transformed their properties with sustainable solutions"
|
|
tag="Client Stories"
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Mitchell, Owner - Mitchell Residence",
|
|
date: "Date: 15 November 2024",
|
|
title: "Exceeded all expectations for green living",
|
|
quote:
|
|
"United Green Builders transformed our home into an eco-friendly sanctuary. The solar integration was seamless, and our energy bills dropped by 45% within the first year. Their expertise and attention to detail were exceptional.",
|
|
tag: "Residential",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/modern-green-house-surrounded-by-lush-landscaping-stone-pathway-leads-entrance_191095-99768.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Richardson, CEO - Richardson Tech Solutions",
|
|
date: "Date: 20 October 2024",
|
|
title: "A game-changer for our corporate headquarters",
|
|
quote:
|
|
"Converting our office to a LEED-platinum facility was the best decision we made. United Green Builders guided us through every step. Our operational costs decreased dramatically while employee satisfaction increased significantly.",
|
|
tag: "Commercial",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/photovoltaics-plant-researchers-doing-videocall-optimize-energy-production_482257-120519.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Maria Gonzalez, Homeowner - Gonzalez Family",
|
|
date: "Date: 05 September 2024",
|
|
title: "Professional, sustainable, and worth every penny",
|
|
quote:
|
|
"The team demonstrated incredible expertise in retrofitting our 1970s home with modern green systems. From water conservation to smart building controls, everything works perfectly. We feel proud about our environmental impact.",
|
|
tag: "Renovation",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205462.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Chen, Facilities Manager - Heritage Hospital",
|
|
date: "Date: 12 August 2024",
|
|
title: "Sustainability without compromising quality",
|
|
quote:
|
|
"Working with United Green Builders on our hospital expansion was a pleasure. They balanced sustainability requirements with our operational needs perfectly. The project came in on time and under budget.",
|
|
tag: "Healthcare",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-smiling-it-professional-silicon-valley-company-office-developing-software-apps-happy_482257-136225.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/photovoltaics-plant-researchers-doing-videocall-optimize-energy-production_482257-120519.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Linda Thompson, Property Developer - Thompson Properties",
|
|
date: "Date: 28 July 2024",
|
|
title: "True partners in sustainable development",
|
|
quote:
|
|
"United Green Builders has become our go-to contractor for all sustainable projects. Their innovative approaches and commitment to environmental responsibility have set our developments apart in the market.",
|
|
tag: "Development",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/modern-green-house-surrounded-by-lush-landscaping-stone-pathway-leads-entrance_191095-99768.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Robert Martinez, School Principal - Lincoln High School",
|
|
date: "Date: 14 June 2024",
|
|
title: "Inspiring the next generation with green buildings",
|
|
quote:
|
|
"Our school renovation showcases sustainable architecture to our students daily. United Green Builders created a learning environment that reduces our environmental footprint while improving indoor air quality.",
|
|
tag: "Education",
|
|
avatarSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/photovoltaics-plant-researchers-doing-videocall-optimize-energy-production_482257-120519.jpg?_wi=3",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardOne
|
|
title="Featured Projects"
|
|
description="Showcase of our most innovative sustainable construction and renovation projects"
|
|
tag="Portfolio"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View All Projects",
|
|
href: "#projects",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Evergreen Residential Complex",
|
|
price: "18 Units",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/modern-green-house-surrounded-by-lush-landscaping-stone-pathway-leads-entrance_191095-99768.jpg?_wi=3",
|
|
imageAlt: "Evergreen residential complex with solar integration",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Green Tech Office Building",
|
|
price: "LEED Platinum",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/photovoltaics-plant-researchers-doing-videocall-optimize-energy-production_482257-120519.jpg?_wi=4",
|
|
imageAlt: "Modern green tech office building",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Historic Home Green Renovation",
|
|
price: "Award Winner",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205462.jpg?_wi=2",
|
|
imageAlt:
|
|
"Successfully renovated historic home with modern green features",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
title="Meet Our Team"
|
|
description="Experienced professionals dedicated to sustainable construction excellence"
|
|
tag="Leadership"
|
|
tagAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Thomas Anderson",
|
|
role: "Founder & CEO",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg?_wi=1",
|
|
imageAlt: "Thomas Anderson, Founder & CEO",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Elena Rodriguez",
|
|
role: "Lead Architect",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/mature-woman-architect-hardhat_1303-19299.jpg?_wi=1",
|
|
imageAlt: "Elena Rodriguez, Lead Architect",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Marcus Johnson",
|
|
role: "Project Manager",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg?_wi=1",
|
|
imageAlt: "Marcus Johnson, Project Manager",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Dr. Lisa Wong",
|
|
role: "Sustainability Director",
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg?_wi=1",
|
|
imageAlt: "Dr. Lisa Wong, Sustainability Director",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
tagIcon={MessageSquare}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Build Green?"
|
|
description="Join the sustainable construction revolution. Contact us today for a free consultation and project assessment. Let's create something amazing together."
|
|
background={{
|
|
variant: "rotated-rays-animated-grid",
|
|
}}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Request Consultation"
|
|
termsText="We respect your privacy. Your information will only be used to contact you about your project inquiry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Our Team",
|
|
href: "#team",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Solar Energy",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Green Materials",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Water Systems",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Renovations",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources",
|
|
items: [
|
|
{
|
|
label: "LEED Certification",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Sustainability Guide",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Case Studies",
|
|
href: "#projects",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="United Green Builders"
|
|
copyrightText="© 2025 United Green Builders. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |